/* ---------- Mega menu / wide dropdowns (desktop) ---------- */
@media (min-width:768px){
	.navbar > .container{position:relative}
	.navbar-nav .oto-mega{position:static!important}

	/* shared panel look */
	.navbar-nav .oto-mega > .dropdown-menu,
	.navbar-nav .oto-dd-wide > .dropdown-menu{
		margin:0!important;border:0;background:#fff!important;padding:18px 20px 14px;
		box-shadow:0 18px 40px rgba(16,24,40,.20);animation:oto-mm-in .14s ease-out both;
	}
	.navbar-nav .oto-mega > .dropdown-menu .menu-item,
	.navbar-nav .oto-dd-wide > .dropdown-menu .menu-item{margin:0!important;border:0!important}

	/* full-width, 4-column mega panel */
	.navbar-nav .oto-mega > .dropdown-menu{left:0;right:0;top:100%;width:auto;border-radius:0 0 16px 16px}
	.navbar-nav .oto-mega > .dropdown-menu.show,
	.navbar-nav .oto-mega:hover > .dropdown-menu{
		display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 18px;
	}
	/* wider 2-column dropdown for medium lists */
	.navbar-nav .oto-dd-wide > .dropdown-menu{width:640px;max-width:calc(100vw - 30px);border-radius:0 0 14px 14px}
	.navbar-nav .oto-dd-wide > .dropdown-menu.show,
	.navbar-nav .oto-dd-wide:hover > .dropdown-menu{
		display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;
	}

	/* items */
	.navbar-nav .oto-mega .dropdown-item,
	.navbar-nav .oto-dd-wide .dropdown-item{
		display:block;padding:9px 12px;border-radius:9px;white-space:normal;line-height:1.35;font-size:15px;font-weight:500;color:#1f2328;
		transition:background .12s ease,color .12s ease;
	}
	.navbar-nav .oto-mega .dropdown-item:hover,
	.navbar-nav .oto-mega .dropdown-item:focus,
	.navbar-nav .oto-dd-wide .dropdown-item:hover,
	.navbar-nav .oto-dd-wide .dropdown-item:focus{background:#fdf1f1!important;color:#d22027!important}

	/* closing "Browse all" row spans every column */
	.navbar-nav .oto-mega .oto-mega-all{grid-column:1/-1;margin-top:8px!important;padding-top:10px;border-top:1px solid #e8ebef!important}
	.navbar-nav .oto-mega .oto-mega-all .dropdown-item{font-weight:700;color:#d22027}
	.navbar-nav .oto-mega .oto-mega-all .dropdown-item::after{content:"\2192";margin-left:8px}

	/* open on hover for mouse users (click still works; touch uses click) */
	@media (hover:hover){
		.navbar-nav .dropdown:hover > .dropdown-menu{display:block}
		.navbar-nav .oto-mega:hover > .dropdown-menu,
		.navbar-nav .oto-dd-wide:hover > .dropdown-menu{display:grid}
	}
	@keyframes oto-mm-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
@media (min-width:768px) and (max-width:991px){
	.navbar-nav .oto-mega > .dropdown-menu.show,
	.navbar-nav .oto-mega:hover > .dropdown-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.navbar-nav .oto-mega > .dropdown-menu,.navbar-nav .oto-dd-wide > .dropdown-menu{animation:none}}

/* mobile: normal stacked dropdown inside the collapsed menu, with the same tidy item look */
@media (max-width:767px){
	.navbar-nav .oto-mega .oto-mega-all .dropdown-item{font-weight:700}
	.navbar-nav .oto-mega .oto-mega-all .dropdown-item::after{content:"\2192";margin-left:8px}
}

/* larger phones / small tablets: two columns so the long list is shorter to scroll */
@media (min-width:480px) and (max-width:767px){
	.navbar-nav .oto-mega > .dropdown-menu.show{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}
	.navbar-nav .oto-mega .dropdown-item{white-space:normal}
	.navbar-nav .oto-mega .oto-mega-all{grid-column:1/-1}
}