:root{--sr-top: 0px;--sr-col: 300px;--sr-text: #111111;--sr-muted: #6b6b6b;--sr-accent: #e5b53f;--sr-bg-1: #ffffff;--sr-bg-2: #f4f4f4;--sr-bg-3: #ebebeb;--sr-line: rgba(0, 0, 0, .08);--sr-ease: cubic-bezier(.2, .7, .2, 1)}.sr-mega-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 0;background:none;border:0;color:inherit;font:inherit;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;line-height:1}.sr-mega-toggle__icon{position:relative;width:20px;height:14px;display:inline-block}.sr-mega-toggle__icon span{position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .25s var(--sr-ease),opacity .2s,top .25s var(--sr-ease)}.sr-mega-toggle__icon span:nth-child(1){top:0}.sr-mega-toggle__icon span:nth-child(2){top:6px}.sr-mega-toggle__icon span:nth-child(3){top:12px}.sr-mega-toggle[aria-expanded=true] .sr-mega-toggle__icon span:nth-child(1){top:6px;transform:rotate(45deg)}.sr-mega-toggle[aria-expanded=true] .sr-mega-toggle__icon span:nth-child(2){opacity:0}.sr-mega-toggle[aria-expanded=true] .sr-mega-toggle__icon span:nth-child(3){top:6px;transform:rotate(-45deg)}.sr-mega-toggle:focus-visible{outline:2px solid var(--sr-accent);outline-offset:2px}.header__desktop .sr-mega-toggle--desktop{align-self:center;flex:0 0 auto;margin-right:8px;position:relative;z-index:2}.sr-mega-toggle--mobile{padding:10px}.sr-mega-toggle--mobile .sr-mega-toggle__label{display:none}.sr-mega{position:fixed;top:var(--sr-top);left:0;right:0;bottom:0;z-index:998;visibility:hidden;pointer-events:none}.sr-mega.is-open{visibility:visible;pointer-events:auto}.sr-mega__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s var(--sr-ease)}.sr-mega.is-open .sr-mega__overlay{opacity:1}.sr-mega__drawer{position:absolute;top:0;bottom:0;left:0;width:var(--sr-col);color:var(--sr-text);font-family:inherit;transform:translate(-100%);transition:transform .35s var(--sr-ease)}.sr-mega.is-open .sr-mega__drawer{transform:translate(0)}.sr-mega__panel{position:absolute;top:0;bottom:0;width:var(--sr-col);overflow-y:auto;overscroll-behavior:contain;padding:18px 0 40px;box-sizing:border-box}.sr-mega__panel[hidden]{display:none}.sr-mega__panel--1{left:0;background:var(--sr-bg-1);box-shadow:1px 0 0 var(--sr-line);z-index:3}.sr-mega__panel--2{left:var(--sr-col);background:var(--sr-bg-2);z-index:2}.sr-mega__panel--3{left:calc(var(--sr-col) * 2);background:var(--sr-bg-3);z-index:1}.sr-mega__panel--2,.sr-mega__panel--3{animation:sr-fade-in .18s var(--sr-ease)}@keyframes sr-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.sr-mega__list{list-style:none;margin:0;padding:0}.sr-mega__list li{margin:0;padding:0}.sr-mega__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 24px;background:none;border:0;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;position:relative;line-height:1.25}.sr-mega__item--l1{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-top:13px;padding-bottom:13px}.sr-mega__item--l2,.sr-mega__item--l3{font-size:14px;font-weight:500}.sr-mega__chev{width:7px;height:12px;flex:0 0 auto;margin-left:12px;opacity:.8}.sr-mega__item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--sr-accent);transform:scaleY(0);transition:transform .2s var(--sr-ease)}.sr-mega__item:hover:before,.sr-mega__item:focus-visible:before,.sr-mega__item[aria-expanded=true]:before{transform:scaleY(1)}.sr-mega__item:hover>span,.sr-mega__item[aria-expanded=true]>span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.sr-mega__item:focus-visible{outline:2px solid var(--sr-accent);outline-offset:-2px}.sr-mega__item.is-placeholder{color:var(--sr-muted)}.sr-mega__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 6px;padding:6px 24px 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sr-text);text-decoration:none;border-bottom:1px solid var(--sr-line)}.sr-mega__viewall{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--sr-muted);text-decoration:underline;text-underline-offset:3px}a.sr-mega__head:hover .sr-mega__viewall{color:var(--sr-text)}.sr-mega__back{display:none}.sr-mega__media{display:block;width:100%;margin:-18px 0 18px;aspect-ratio:3 / 2;overflow:hidden;border-radius:0;background:#0000000f}.sr-mega__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sr-ease)}a.sr-mega__media:hover img{transform:scale(1.04)}.sr-mega__util{margin:14px 24px 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.14)}.sr-mega__item--util{padding:11px 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sr-muted)}.sr-mega__item--util:before{display:none}.sr-mega__item--util:hover{color:var(--sr-text)}@media(min-width:990px){.sr-mega__util{display:none}}html.sr-mega-lock,html.sr-mega-lock body{overflow:hidden}@media(max-width:989px){:root{--sr-col: min(100vw, 420px)}.sr-mega__panel--2,.sr-mega__panel--3{left:0;animation:sr-slide-in .28s var(--sr-ease);box-shadow:none}.sr-mega__panel--2{background:var(--sr-bg-1);z-index:4}.sr-mega__panel--3{background:var(--sr-bg-1);z-index:5}@keyframes sr-slide-in{0%{transform:translate(100%)}to{transform:none}}.sr-mega__back{display:flex;align-items:center;gap:10px;width:100%;padding:6px 24px 16px;background:none;border:0;font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sr-muted);cursor:pointer}.sr-mega__back svg{width:7px;height:12px}.sr-mega__item{padding-top:14px;padding-bottom:14px}.sr-mega__item--util{padding-top:12px;padding-bottom:12px}.sr-mega__media{display:none}}@media(prefers-reduced-motion:reduce){.sr-mega__drawer,.sr-mega__overlay,.sr-mega__panel--2,.sr-mega__panel--3,.sr-mega-toggle__icon span{transition:none;animation:none}}@media(min-width:990px){.sr-mega__util{display:block}.sr-mega__util-bar{display:none}.sr-mega__util:not(:has(li:not(.sr-mega__util-bar))){display:none}}@media(max-width:989px){.sr-mega__media{display:block;margin:0 0 16px;aspect-ratio:3 / 2}}.header-tpmenu:not(:has(.hd-menus li)){display:none}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sr-mega-menu.css.map */
