/* Collection tabs and responsive nested Shop navigation */
.catalog-tabs, #recent-arrivals-col .arrivals-tabs { display:flex; flex-wrap:wrap; gap:1rem 2.4rem; width:auto; max-width:100%; margin:0 0 2.4rem; padding:0; border:0; border-bottom:1px solid #e5e5e5; border-radius:0; background:transparent; }
.catalog-tabs button, #recent-arrivals-col .arrivals-tab { flex:0 0 auto; border:0; border-bottom:2px solid transparent; border-radius:0; padding:1.2rem 0; margin-bottom:-1px; background:transparent; color:#777; font-size:1.6rem; font-weight:500; cursor:pointer; box-shadow:none; }
.catalog-tabs button.active, #recent-arrivals-col .arrivals-tab.active { color:#1f2533; background:transparent; border-bottom-color:#1f2533; box-shadow:none; }
.catalog-tabs button:focus-visible, #recent-arrivals-col .arrivals-tab:focus-visible { outline:2px solid #666; outline-offset:3px; }
/* Use the same sf-with-ul arrow, links and dropdown surface as Pages. */
.catalog-shop-menu, .catalog-shop-menu li { position:relative; }
.catalog-shop-menu .catalog-menu-toggle { position:absolute; right:0; top:50%; transform:translateY(-50%); border:0; background:transparent; color:inherit; padding:0; width:2rem; height:3rem; cursor:pointer; z-index:1; }
.menu .catalog-shop-menu li > .catalog-menu-toggle { right:2rem; width:3rem; }
.catalog-shop-menu .catalog-menu-toggle:focus-visible { outline:1px solid currentColor; outline-offset:2px; }
.menu .catalog-shop-menu ul { display:none !important; visibility:visible !important; opacity:1 !important; top:100%; left:0; }
.menu .catalog-shop-menu li ul { top:0; left:100%; }
.menu .catalog-shop-menu:hover > ul, .menu .catalog-shop-menu:focus-within > ul, .menu .catalog-shop-menu li:hover > ul, .menu .catalog-shop-menu li:focus-within > ul, .menu .catalog-shop-menu .catalog-open > ul, .menu .catalog-shop-menu.catalog-open > ul { display:block !important; }
.menu .catalog-shop-menu ul a { white-space:normal; }
.mobile-menu .catalog-shop-menu > .catalog-menu-toggle, .mobile-menu .catalog-shop-menu li > .catalog-menu-toggle { top:0; right:1rem; transform:none; width:3rem; height:4rem; color:#fff; font-size:1.2rem; line-height:1; }
.mobile-menu .catalog-shop-menu .catalog-menu-toggle::after { font-family:'molla'; content:'\f110'; }
.mobile-menu .catalog-shop-menu .catalog-menu-toggle[aria-expanded="true"]::after { content:'\e802'; }
.mobile-menu .catalog-shop-menu ul { display:none !important; position:static; box-shadow:none; }
.mobile-menu .catalog-shop-menu.catalog-open > ul, .mobile-menu .catalog-shop-menu .catalog-open > ul { display:block !important; }
.mobile-menu .catalog-shop-menu .mmenu-btn { display:none; }
.catalog-gender { max-width:100%; padding:.8rem; width:100%; border:1px solid #ddd; background:#fff; }
@media(max-width:575px) { .catalog-tabs, #recent-arrivals-col .arrivals-tabs { gap:0 1.6rem; } .catalog-tabs button, #recent-arrivals-col .arrivals-tab { font-size:1.4rem; } }

.menu .catalog-shop-menu > .catalog-menu-toggle { color:#fff; }

/* Softer dropdowns retain the shared Shop / Pages appearance. */
.menu > li > ul, .menu > li > ul ul {
    background:rgba(38,38,76,.86);
    -webkit-backdrop-filter:blur(16px) saturate(130%);
    backdrop-filter:blur(16px) saturate(130%);
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    box-shadow:0 12px 32px rgba(16,18,35,.18);
    padding:1rem .7rem;
}
.menu > li > ul > li > a, .menu > li > ul ul > li > a { border-radius:8px; transition:background .18s ease; }
.menu > li > ul > li > a:hover, .menu > li > ul ul > li > a:hover { background:rgba(255,255,255,.1); }
.menu .catalog-shop-menu li ul { left:100%; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .menu > li > ul, .menu > li > ul ul { background:rgba(38,38,76,.96); } }