/* Header catalogue menu only. Page layouts use the original storefront styles. */
:root {--mc-ink:#183044;--mc-muted:#73818c;--mc-blue:#176b9d;--mc-accent:#cbedde;--mc-line:#e4e9ed;--mc-paper:#f5f7f8;--mc-ease:cubic-bezier(.22,1,.36,1)}
.modern-mega-shell .modern-eyebrow {display:block;font:600 10px/1.6 "MyriadProRegular",sans-serif;letter-spacing:2px;color:var(--mc-muted);margin-bottom:14px}
.modern-mega-shell .modern-text-link {color:var(--mc-blue);font-size:13px;text-decoration:none!important;white-space:nowrap}
.modern-mega-shell .modern-text-link span {margin-left:16px}
.modern-menu-backdrop {position:fixed;inset:0;background:rgba(15,31,45,.32);backdrop-filter:blur(3px);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.modern-menu-open .modern-menu-backdrop {opacity:1;visibility:visible}
#menu_top {z-index:999!important}
#menu_top .menu_items {max-width:calc(100% - 48px)}
#menu_top .menu-catalog {display:flex;align-items:center;gap:12px;height:50px}
#menu_top .menu-catalog:before {content:'☰';font-size:18px}
#menu_top .menu-catalog:after {content:'⌄';margin-left:15px;transition:transform .25s}
#menu_top .menu-catalog[aria-expanded=true]:after {transform:rotate(180deg)}
#menu_top .submenu_item_categories {display:block!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px) scale(.99);transform-origin:top center;transition:opacity .22s,transform .35s var(--mc-ease),visibility .25s;width:100%!important;top:60px!important;border-radius:18px;background:white;box-shadow:0 24px 60px #102d4430;overflow:hidden;text-align:left;color:var(--mc-ink)}
#menu_top .submenu_item_categories.is-open {opacity:1;visibility:visible;pointer-events:auto;transform:none}
.modern-mega-shell {display:grid;grid-template-columns:285px 1fr;grid-template-rows:66px minmax(350px,auto);max-height:min(680px,calc(100dvh - 230px));overflow:auto}
.modern-mega-top {grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid var(--mc-line)}
.modern-mega-title {font-size:18px;font-weight:600;letter-spacing:-.4px}
.modern-menu-close {width:34px;height:34px;border:0;border-radius:50%;background:var(--mc-paper);font-size:24px;color:var(--mc-ink);cursor:pointer;transition:background .2s,transform .2s}
.modern-menu-close:hover {background:#dcebf2;transform:rotate(90deg)}
.modern-mega-sidebar {padding:26px 16px;background:#f4f7f9;border-right:1px solid var(--mc-line)}
.modern-mega-sidebar .modern-eyebrow {font-size:9px;padding:0 12px;letter-spacing:1.1px}
.modern-mega-tab {display:flex;align-items:center;width:100%;text-align:left;gap:12px;border:0;padding:17px 13px;background:transparent;border-radius:9px;color:var(--mc-ink);font:500 13px/1.3 "MyriadProRegular",sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.modern-mega-tab:hover {background:var(--mc-blue);color:white}
.modern-mega-tab.is-active {background:var(--mc-blue);color:white;box-shadow:0 5px 12px #176b9d26}
.modern-mega-number {font-size:10px;opacity:.5}
.modern-mega-chevron {margin-left:auto;font-size:18px}
.modern-mega-all {display:block!important;padding:22px 13px 0!important;color:var(--mc-blue)!important;font-size:12px!important}
.modern-mega-main {padding:30px 32px;min-width:0}
.modern-mega-main.is-changing {animation:mc-panel .28s var(--mc-ease)}
.modern-mega-section-title {display:flex;align-items:center;justify-content:space-between;gap:12px}
.modern-mega-section-title h2 {font-size:25px;line-height:1.2;margin:0;letter-spacing:-.8px}
.modern-mega-section-title a {font-size:12px!important;color:var(--mc-blue)!important}
.modern-mega-subtitle {font-size:12px;color:var(--mc-muted);margin:12px 0 26px}
.modern-mega-grid {columns:3;column-gap:28px}
.modern-mega-group {break-inside:avoid;margin-bottom:23px}
.modern-mega-group a {display:block!important;float:none!important;padding:0!important;width:auto!important;height:auto!important;line-height:1.45!important;background:none!important;transition:color .15s,transform .2s;text-decoration:none!important}
.modern-mega-group-title {font-size:13px!important;font-weight:600;color:var(--mc-ink)!important;margin-bottom:10px}
.modern-mega-sub-link {font-size:12px!important;color:#73818c!important;margin-bottom:8px}
.modern-mega-group a:hover {color:var(--mc-blue)!important;transform:translateX(3px)}
.modern-mega-note {display:flex;gap:18px;justify-content:space-between;border-top:1px solid var(--mc-line);padding-top:18px;margin-top:24px;font-size:11px;color:var(--mc-muted)}
.modern-mega-note a {color:var(--mc-blue)!important}
.modern-mega-shell button:focus-visible,
.modern-mega-shell a:focus-visible {outline:3px solid #70b5db;outline-offset:3px}
@keyframes mc-panel {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) {
.modern-mega-shell {grid-template-columns:240px 1fr}
.modern-mega-main {padding:24px}
.modern-mega-grid {columns:2}
}
@media(max-width:760px) {
#menu_top .menu_items {max-width:calc(100% - 32px)}
#menu_top .a2_0_menu_item_catalog {display:flex!important}
#menu_top .submenu_item_categories {position:fixed!important;top:12px!important;left:12px!important;width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)}
.modern-mega-shell {max-height:calc(100dvh - 24px);grid-template-columns:1fr;grid-template-rows:auto auto auto}
.modern-mega-top {padding:15px 18px}
.modern-mega-sidebar {padding:12px;border-right:0;border-bottom:1px solid var(--mc-line)}
.modern-mega-sidebar>.modern-eyebrow {display:none}
.modern-mega-nav {display:flex;overflow:auto;gap:6px;padding-bottom:3px}
.modern-mega-tab {width:auto;white-space:nowrap;flex:0 0 auto;padding:12px;font-size:12px}
.modern-mega-number,
.modern-mega-chevron {display:none}
.modern-mega-all {padding:10px 8px 0!important}
.modern-mega-main {padding:20px}
.modern-mega-section-title h2 {font-size:22px}
.modern-mega-grid {columns:2;column-gap:20px}
.modern-mega-subtitle {line-height:1.6}
.modern-mega-note {gap:10px;flex-wrap:wrap}
}
@media(max-width:390px) {
.modern-mega-grid {columns:1}
}
@media(prefers-reduced-motion:reduce) {
.modern-mega-main {animation:none!important}
.modern-mega-shell *,
#menu_top .submenu_item_categories,
.modern-menu-backdrop {transition:none!important;scroll-behavior:auto!important}
}
#menu_top .a2_0_menu_item_catalog::after {content:"";position:absolute;top:50px;left:0;width:100%;height:12px;display:none}
#menu_top .a2_0_menu_item_catalog:has(.submenu_item_categories.is-open)::after {display:block}

#menu_top .a2_0_menu_item_catalog:hover > .menu-catalog,
#menu_top .menu-catalog[aria-expanded=true] {background:var(--mc-blue);color:white}