.header-mega{flex:1 0 auto}.header-mega.dropdown-open:after{content:"";display:block;position:fixed;top:var(--header-bottom-position);bottom:0;left:0;right:0;z-index:-1;background-color:rgba(var(--color-black),.2)}.header-mega-menu{display:flex;flex-flow:row nowrap;align-items:center;gap:1.6rem}.header-dropdown-toggle{gap:.4rem}.header-dropdown-toggle>.icon{width:.5rem}.header-dropdown.open .header-dropdown-toggle{color:rgb(var(--color-red))}.header-dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-100%);position:absolute;top:100%;left:0;right:0;padding:3.2rem 2.4rem;border-top:.1rem solid rgb(var(--color-grey));max-height:calc(var(--100-dvh) - var(--header-bottom-position));overflow:auto;overscroll-behavior:contain;background-color:rgb(var(--color-background));display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;gap:2.4rem}.header-dropdown.open .header-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown-menu>*{flex:1 1 25rem;min-width:0}.header-mega-block--list{display:flex;flex-flow:column nowrap;align-items:flex-start;gap:1.6rem}.header-mega-block-menu{display:flex;flex-flow:column nowrap;gap:.8rem}.header-mega-block--list>a:last-child{margin-top:auto}.header-mega-block--grid{flex:1 0 auto;display:flex;flex-flow:column nowrap;align-items:flex-start;gap:2.4rem}.header-mega-brand-grid{display:grid;grid-template-columns:repeat(3,10rem);gap:1.6rem}.header-mega-brand-card{position:relative;border:.1rem solid rgb(var(--color-grey));border-radius:.5rem;padding:0 1.5rem}.header-mega-brand-card .ratio--inline{--aspect-ratio: 4 / 3}.header-mega-brand-card .media{object-fit:contain}@media (any-hover: hover){.header-mega-brand-card{transition:border-color .3s ease}.header-mega-brand-card:hover{border:.1rem solid rgb(var(--color-black))}}.header-mega-block--grid>a:last-child{margin-top:auto}.header-mega-block--card{flex:0 0 30rem}@media only screen and (max-width: 1199px){.header-mega-block--card:nth-child(n+4){display:none!important}}.header-mega-card,.header-mega-card-top{position:relative}@media (any-hover: hover){.header-mega-card .media{transition:transform .2s ease-in}.header-mega-card-top:hover .media{transform:scale(1.06)}}.header-mega-card-title{margin-top:1.6rem}.header-mega-block--page{display:flex;flex-flow:column nowrap;gap:1.6rem}.header-mega-page-content{max-width:40rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/header-mega.css.map */