/* Scoped catalogue navigation; mobile drawer keeps its existing behavior. */
@media(min-width:981px){
html body:not(.admin-layout) .desktop-mega-menu{width:calc(100vw - 48px)!important;max-width:1440px!important;padding:22px!important;border:1px solid #dbe3ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 80px #15253b38!important;max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;background-image:none!important}
html body:not(.admin-layout) .desktop-mega-menu:after{display:none!important}
html body:not(.admin-layout) .desktop-mega-head{margin:0 0 15px!important;padding:0!important}
html body:not(.admin-layout) .desktop-mega-title{font-size:22px!important;font-weight:750!important;letter-spacing:-.4px!important}
html body:not(.admin-layout) .desktop-mega-close{width:34px!important;height:34px!important;border-radius:9px!important;font-size:24px!important}
html body:not(.admin-layout) .desktop-mega-quick{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:0 0 18px!important;margin:0 0 18px!important;border-bottom:1px solid #e6ebf1!important}
html body:not(.admin-layout) .desktop-mega-quick a{min-height:36px!important;padding:8px 10px!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important;border-radius:8px!important;background:#f7f9fc!important;border:1px solid #e3e9f0!important;box-shadow:none!important;color:#33465e!important;text-align:center!important;transition:background .15s,border-color .15s!important}
html body:not(.admin-layout) .desktop-mega-quick a:hover{background:#fff0f2!important;border-color:#e9acb6!important;color:#a9213e!important}
html body:not(.admin-layout) .desktop-mega-grid{display:grid!important;grid-template-columns:1.55fr 1fr 1fr 1.2fr!important;gap:14px!important;align-items:stretch!important}
html body:not(.admin-layout) .desktop-mega-col{min-width:0!important;padding:16px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fbfcfe!important;box-shadow:none!important;background-image:none!important}
html body:not(.admin-layout) .desktop-mega-col:before,html body:not(.admin-layout) .desktop-mega-col:after{display:none!important}
html body:not(.admin-layout) .desktop-mega-root{font-size:18px!important;line-height:1.3!important;min-height:30px!important;padding:0 0 10px!important;margin:0!important;color:#20334b!important;border-bottom:2px solid #b32540!important;background-image:none!important;display:flex!important;align-items:center!important;gap:6px!important}
html body:not(.admin-layout) .desktop-mega-root:after,html body:not(.admin-layout) .desktop-mega-root:before{display:none!important}
html body:not(.admin-layout) .desktop-mega-root-hint{font-size:12px!important;line-height:1.5!important;font-weight:450!important;color:#6b7a8d!important;margin:8px 0 12px!important;padding:0!important}
.desktop-mega-group-label{font-size:10px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;color:#7a8798;margin:13px 0 8px}
.desktop-mega-resolution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.desktop-mega-resolution a{padding:9px 4px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#2e435d;font-size:14px;font-weight:700;text-decoration:none;text-align:center;transition:background .15s,border-color .15s}
.desktop-mega-resolution a:hover,.desktop-mega-resolution a.is-active{background:#fff0f2;border-color:#c24b60;color:#a5203a}
html body:not(.admin-layout) .desktop-mega-sub{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:6px!important;padding:0!important}
html body:not(.admin-layout) .desktop-mega-col[data-category="2"] .desktop-mega-sub{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important}
html body:not(.admin-layout) .desktop-mega-sub a{padding:9px 5px!important;min-height:36px!important;border:0!important;border-bottom:1px solid #e7ecf2!important;border-radius:0!important;font-size:13px!important;line-height:1.35!important;font-weight:550!important;color:#3c4e65!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important}
html body:not(.admin-layout) .desktop-mega-sub a:hover,html body:not(.admin-layout) .desktop-mega-sub a.is-active{color:#a5203a!important;background:#fff0f2!important}
html body:not(.admin-layout) .desktop-mega-menu .menu-promo-badge{font-size:10px!important;padding:2px 5px!important}
}
@media(min-width:981px) and (max-width:1199px){html body:not(.admin-layout) .desktop-mega-menu{padding:16px!important}html body:not(.admin-layout) .desktop-mega-grid{grid-template-columns:1.5fr .9fr .9fr 1fr!important;gap:8px!important}html body:not(.admin-layout) .desktop-mega-col{padding:11px!important}html body:not(.admin-layout) .desktop-mega-root{font-size:15px!important}html body:not(.admin-layout) .desktop-mega-sub a{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.desktop-mega-menu a{transition:none!important}}
@media(min-width:1200px){html body:not(.admin-layout) .desktop-mega-col[data-category="2"] .desktop-mega-sub{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1200px){
html body:not(.admin-layout) .desktop-mega-quick{padding-bottom:12px!important;margin-bottom:12px!important}
html body:not(.admin-layout) .desktop-mega-quick a{min-height:32px!important;padding:7px 8px!important}
.desktop-mega-resolution{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.desktop-mega-resolution a{font-size:12px;padding:9px 2px}
.desktop-mega-group-label{margin:10px 0 7px}
}
/* Stable navigation: no lift, pulse, scale or moving indentation. */
html body:not(.admin-layout) .desktop-mega-menu,
html body:not(.admin-layout) .desktop-mega-menu.is-open{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}
html body:not(.admin-layout) .desktop-mega-menu *,
html body:not(.admin-layout) .desktop-mega-menu *:before,
html body:not(.admin-layout) .desktop-mega-menu *:after{animation:none!important;transition:none!important;transform:none!important}
@media(min-width:981px){
html body:not(.admin-layout) .desktop-mega-col{--section-accent:#315c95;--section-bg:#f0f5fc;border-color:#d5e1ef!important;background:var(--section-bg)!important;box-shadow:inset 0 4px 0 var(--section-accent)!important}
html body:not(.admin-layout) .desktop-mega-col:hover{border-color:#d5e1ef!important;background:var(--section-bg)!important;box-shadow:inset 0 4px 0 var(--section-accent)!important}
html body:not(.admin-layout) .desktop-mega-col[data-category="1"]{--section-accent:#976117;--section-bg:#fcf7ee}
html body:not(.admin-layout) .desktop-mega-col[data-category="78"]{--section-accent:#70539c;--section-bg:#f5f1fa}
html body:not(.admin-layout) .desktop-mega-col[data-category="3"]{--section-accent:#277562;--section-bg:#eff8f4}
html body:not(.admin-layout) .desktop-mega-col .desktop-mega-root{color:var(--section-accent)!important;border-bottom-color:var(--section-accent)!important}
html body:not(.admin-layout) .desktop-mega-col .desktop-mega-sub a,
html body:not(.admin-layout) .desktop-mega-col .desktop-mega-sub a:hover{padding:9px 5px!important}
html body:not(.admin-layout) .desktop-mega-col .desktop-mega-sub a:hover{box-shadow:inset 3px 0 0 var(--section-accent)!important;background:#fff!important;color:var(--section-accent)!important}
}
/* One restrained brand-red accent across every category. */
@media(min-width:981px){
html body:not(.admin-layout) .desktop-mega-col,
html body:not(.admin-layout) .desktop-mega-col[data-category]{--section-accent:#a72c43;--section-bg:#faf9f9;border-color:#e4dfe1!important}
html body:not(.admin-layout) .desktop-mega-col:hover{border-color:#e4dfe1!important}
html body:not(.admin-layout) .desktop-mega-menu .desktop-mega-resolution a:hover,
html body:not(.admin-layout) .desktop-mega-menu .desktop-mega-resolution a.is-active,
html body:not(.admin-layout) .desktop-mega-menu .desktop-mega-quick a:hover{background:#f8edef!important;border-color:#cda3ad!important;color:#a72c43!important}
}
/* ID specificity is intentional: override legacy !important hover lifts. */
html body:not(.admin-layout) #desktopMegaMenu,
html body:not(.admin-layout) #desktopMegaMenu:hover,
html body:not(.admin-layout) #desktopMegaMenu *,
html body:not(.admin-layout) #desktopMegaMenu *:hover,
html body:not(.admin-layout) #desktopMegaMenu *:focus,
html body:not(.admin-layout) #desktopMegaMenu *:before,
html body:not(.admin-layout) #desktopMegaMenu *:after,
html body:not(.admin-layout) #desktopMegaOpen,
html body:not(.admin-layout) #desktopMegaOpen:hover{transform:none!important;translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-col:hover{box-shadow:inset 0 4px 0 #a72c43!important;background:#faf9f9!important;border-color:#e4dfe1!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-sub a,
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-sub a:hover{padding:9px 5px!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;font-weight:550!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-quick a:hover{box-shadow:none!important;background:#f7f9fc!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-root:hover{font-weight:750!important}
/* Legacy hover rules also changed padding and borders, shrinking whole cards. */
@media(min-width:981px){
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-col,
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-col:hover{padding:16px!important;margin:0!important;border:1px solid #e4dfe1!important;min-height:0!important;height:auto!important;background:#faf9f9!important;box-shadow:inset 0 4px 0 #a72c43!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-root,
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-root:hover{font-weight:750!important;padding:0 0 10px!important;border-width:0 0 2px!important}
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-quick a,
html body:not(.admin-layout) #desktopMegaMenu .desktop-mega-quick a:hover{padding:7px 8px!important;min-height:32px!important;border-width:1px!important;font-weight:650!important;box-shadow:none!important}
}