.optionB__tabs-list{display:flex;align-items:stretch}.optionB__tabs-item{position:relative;display:flex;align-items:center;padding:0 10px}.optionB__tabs-item:not(:last-child):after{content:"";position:absolute;right:-20px;top:20%;bottom:0;width:1px;background-color:#ffffff73}.optionB__tabs-item:not(:last-child):after{background:linear-gradient(to bottom,#ffffff73,#ffffff73,#ffffff73)}@media (min-width: 990px){.optionB__panels{position:relative}.optionB__panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transform:translateY(6px);transition:transform .18s ease-out,opacity .14s ease-out;pointer-events:none;visibility:hidden;will-change:opacity,transform}.optionB__panel.is-active{opacity:1;transform:translateY(0);transition:transform .18s ease-out,opacity .14s ease-out;pointer-events:auto;visibility:visible}}@media (min-width: 990px){.megamenu-cat__hero{opacity:0;transform:translateY(6px);transition:opacity .14s ease-out,transform .16s ease-out;pointer-events:none}.megamenu-cat__hero.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.megamenu-pb__card{transition:transform .18s ease-out,opacity .14s ease-out}}@media (min-width: 990px){details.mega-menu>.mega-menu__content{transform:translateY(-6px);opacity:0;transition:transform .16s ease-out,opacity .12s ease-out;will-change:transform,opacity}details.mega-menu[open]>.mega-menu__content{transform:translateY(0);opacity:1}}.mobile-mega-host{overflow:hidden;transform:translateY(-6px);opacity:0;transition:max-height .22s ease,transform .16s ease-out,opacity .12s ease-out}.mobile-mega-host.is-open{transform:translateY(0);opacity:1}.header-wrapper{border:none;transition:background-color .16s ease-out}.shop-by{padding:10px 8px;font-weight:700;color:#fff}.head-card-title{display:flex;flex-direction:row;gap:20px}.head-card-title .icon{width:10px;transform:rotate(-90deg)}.optionB__panels{position:relative;transition:height .18s ease-out}.optionB__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.optionB__panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .22s ease,transform .22s ease;z-index:2;position:relative}.has-bg{background-size:cover;background-position:bottom;background-repeat:no-repeat}.optionB__tabs{margin-bottom:16px}.optionB__tabs-list{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:center;justify-content:center}.optionB__tabs-item{margin:0}.optionB__tabs-link{display:inline-block;padding:10px 2px;text-decoration:none;position:relative;line-height:1.2}.optionB__tabs-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor}.megamenu-pb__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.megamenu-pb__nav{padding-right:24px;border-right:1px solid rgba(255,255,255,.08);max-height:54vh;overflow:auto}.megamenu-pb__list{list-style:none;padding:0;margin:0}.megamenu-pb__item{margin:0}.megamenu-pb__link{display:block;padding:10px 8px;text-decoration:none;font-size:15px}.megamenu-pb__link.is-active{font-weight:600;transition:transform .18s ease-out,opacity .14s ease-out}.megamenu-pb__featured--expanding{display:flex;align-items:stretch;gap:20px}.megamenu-pb__card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;flex:1 1 0;min-width:0;transition:flex .35s ease,transform .35s ease,opacity .25s ease}.megamenu-pb__image-wrap{position:relative;aspect-ratio:12 / 16;overflow:hidden;border-radius:8px;background:#141414;transition:transform .35s ease}.megamenu-pb__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.megamenu-pb__title{font-size:14px;line-height:1.3;margin-top:6px}@media (min-width: 990px){.megamenu-pb__featured--expanding.has-active .megamenu-pb__card{flex:.8;opacity:1}.megamenu-pb__featured--expanding.has-active .megamenu-pb__card.is-active{flex:2.4;opacity:1}.megamenu-pb__card.is-active .megamenu-pb__image-wrap{transform:translateY(-4px)}}.optionB__panel--category{position:absolute;padding-top:40px}.megamenu-cat{display:grid;grid-template-columns:minmax(0,530px) minmax(0,1fr);gap:40px;align-items:flex-start;margin-top:20px}.megamenu-cat__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 20px}.megamenu-cat__thumb{border:0;background:none;padding:0;text-align:center;cursor:pointer;color:inherit;text-decoration:none}.megamenu-cat__thumb-image{display:block;width:100%;max-width:130px;margin:0 auto 8px;border-radius:999px;aspect-ratio:1/1;padding:4px;border:1px solid rgba(255,255,255,.35);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.megamenu-cat__thumb-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}.megamenu-cat__thumb-placeholder{width:100%;height:100%;display:block;border-radius:999px;background:linear-gradient(135deg,#333,#555)}.megamenu-cat__thumb-label{font-size:11px;text-transform:capitalize;letter-spacing:.08em;text-decoration:none;color:#fff}.megamenu-cat__thumb:hover .megamenu-cat__thumb-image,.megamenu-cat__thumb:focus-visible .megamenu-cat__thumb-image,.megamenu-cat__thumb.is-active .megamenu-cat__thumb-image{border-color:#fff;transform:translateY(-3px);box-shadow:0 0 0 1px #fffffff2,0 0 22px #ffffff73,0 0 60px #ffffff59}.megamenu-cat__thumb:focus-visible{outline:none}.megamenu-cat__hero-wrap{position:relative;min-height:fit-content;min-height:350px}.megamenu-cat__hero{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;transition:opacity .26s ease,visibility 0s linear .26s}.megamenu-cat__hero.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s ease}.megamenu-cat__hero-image img{width:100%;height:100%;object-fit:cover;display:block}.megamenu-cat__hero-overlay{position:absolute;top:14px;right:24px;bottom:14px;left:24px;font-size:16px;font-weight:600;text-shadow:0 0 20px rgba(0,0,0,.8)}.optionB__panel .megamenu-pb__list>li.megamenu-pb__item:first-of-type>a.megamenu-pb__link{margin-top:20px!important}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__grid{display:grid;grid-template-columns:180px 1fr;gap:24px}.optionB__panel .megamenu-pb__grid{padding:40px 0}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__nav{padding-right:0;border-right:0;max-height:54vh;overflow:auto}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__list{list-style:none;padding:0;margin:0}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__item{margin:0}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__link{display:block;padding:4px 8px;text-decoration:none;font-size:12px;color:#fff}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__link.is-active{font-weight:600}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__link:hover,.optionB__panel:not(.optionB__panel--category) .megamenu-pb__link:focus{text-decoration:underline}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__featured{display:flex;align-items:stretch;gap:18px;max-width:950px}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__card{position:relative;display:block;text-decoration:none;color:inherit;flex:1 1 0;min-width:0;border-radius:8px;overflow:hidden;transition:flex .4s ease,transform .35s ease,opacity .3s ease}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__image-wrap{position:relative;width:100%;height:100%;min-height:260px;aspect-ratio:16 / 9;overflow:hidden;background:#111}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__image-placeholder{width:100%;height:100%;background:linear-gradient(0deg,#272727,#444)}.optionB__panel:not(.optionB__panel--category) .is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(174deg,#010508,#070807 0%,#08080408 20%);pointer-events:none}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;z-index:2;color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:capitalize;white-space:nowrap;text-align:center;padding:0 10px;transition:transform .4s ease,left .4s ease,bottom .4s ease,top .4s ease,text-align .4s ease,white-space .4s ease}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__card.is-expanded .megamenu-pb__title{left:14px;bottom:auto;top:12px;transform:none;text-align:left;white-space:normal}@media (min-width: 990px){.optionB__panel:not(.optionB__panel--category) .megamenu-pb__featured.has-active .megamenu-pb__card{flex:.7;opacity:1}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__featured.has-active .megamenu-pb__card.is-expanded{flex:3;opacity:1}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__featured.has-active .megamenu-pb__card.is-expanded .megamenu-pb__image-wrap{transform:translateY(-4px) scale(1.02)}}@media (max-width: 989px){.optionB__panel:not(.optionB__panel--category) .megamenu-pb__grid{grid-template-columns:1fr}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__featured{display:grid;grid-template-columns:1fr}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__card{flex:none;border-radius:16px}.optionB__panel:not(.optionB__panel--category) .megamenu-pb__title{position:static;transform:none;white-space:normal;text-align:left;padding:10px 0 0}}.header__inline-menu .mega-menu>summary .icon{opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.header__inline-menu .mega-menu:hover>summary .icon,.header__inline-menu .mega-menu[open]>summary .icon,.header__inline-menu .mega-menu>summary:focus-visible .icon{opacity:1;transform:translateY(0)}@media (max-width: 990px){.megamenu-pb__grid{grid-template-columns:1fr}.megamenu-pb__featured--expanding{display:grid;grid-template-columns:1fr}.megamenu-cat{grid-template-columns:1fr}.megamenu-cat__hero-wrap{margin-top:20px;min-height:200px}}@media (max-width: 990px){.optionB__tabs-list{gap:16px;flex-wrap:wrap}}@media (max-width: 990px){.mobile-mega-host{padding-left:12px;overflow:hidden;transition:max-height .24s ease}.mobile-mega{padding:10px 0 18px;border-top:1px solid rgba(0,0,0,.06)}.mobile-mega__list ul{list-style:none;margin:0 0 8px;padding:0}.mobile-mega__list li{margin:0}.mobile-mega__list a{display:block;text-decoration:none}}@media (min-width: 990px){.mega-menu__content{transition:transform .18s ease-out,opacity .14s ease-out;max-height:calc(100vh - var(--header-height));overflow-y:auto}}@media (min-width: 990px) and (max-width: 1300px){.megamenu-cat{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:26px}.megamenu-cat__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--mm-dur: .16s;--mm-ease: cubic-bezier(.2,.8,.2,1);--mm-offset: 8px;--mm-delay-hover: 90ms}@media (min-width: 990px){details.mega-menu .mega-menu__content{opacity:0;transform:translate3d(0,var(--mm-offset),0);transition:opacity var(--mm-dur) var(--mm-ease),transform var(--mm-dur) var(--mm-ease);will-change:opacity,transform;pointer-events:none}details.mega-menu[open] .mega-menu__content{opacity:1;transform:translateZ(0);pointer-events:auto}}@media (prefers-reduced-motion: reduce){@media (min-width: 990px){details.mega-menu .mega-menu__content{transition:none!important;transform:none!important}}}@media (max-width: 989px){.mega-menu__content{opacity:0;transform:translate3d(0,10px,0);transition:opacity .16s var(--mm-ease),transform .16s var(--mm-ease)}details.mega-menu[open] .mega-menu__content{opacity:1;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.mega-menu__content{transition:none!important;transform:none!important}}}.header-wrapper{background:transparent;transition:background-color 0ms cubic-bezier(.2,.8,.2,1);will-change:background-color}.header-wrapper.is-solid{background:#000}.header-wrapper{transition:background-color 0ms cubic-bezier(.2,.8,.2,1),box-shadow 0ms cubic-bezier(.2,.8,.2,1)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-mega-menu.css.map */