.mega-menu-v5-square__viewport{width:100vw;max-width:100vw;box-sizing:border-box}.mega-menu-v5-square{display:grid;grid-template-columns:repeat(var(--mega-menu-v5-count),var(--mega-menu-v5-size));justify-content:center;align-items:start;gap:clamp(1rem,1.4vw,2rem);width:100%;max-width:100%;padding:.8rem .4rem 1.6rem;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;scroll-behavior:smooth}.mega-menu-v5-square__item{display:block;width:var(--mega-menu-v5-size);height:var(--mega-menu-v5-size);color:inherit;text-decoration:none;border-radius:var(--mega-menu-v5-radius);overflow:hidden;background:rgba(var(--color-foreground),.04);box-shadow:0 .6rem 1.8rem #0000001a;transform:translateY(0);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1)}.mega-menu-v5-square__image,.mega-menu-v5-square__image>*,.mega-menu-v5-square__image .xo-image,.mega-menu-v5-square__image picture,.mega-menu-v5-square__image img,.mega-menu-v5-square__image svg{display:block;width:100%;height:100%}.mega-menu-v5-square__image img{object-fit:contain;object-position:center;transition:none}.mega-menu-v5-square__image .placeholder-svg{background:rgba(var(--color-foreground),.04)}@media(hover:hover)and (pointer:fine){.mega-menu-v5-square__item:hover,.mega-menu-v5-square__item:focus-visible{transform:translateY(-.45rem);box-shadow:0 1.1rem 2.5rem #00000026}}.mega-menu-v5-square__item:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}@media(max-width:767px){:where(xo-menu-hamburger,xo-drawer,.xo-menu-hamburger,.xo-menu-hamburger__content,.xo-drawer,.xo-drawer__content,.menu-drawer,.drawer,.drawer__inner):has(.mega-menu-v5-square){width:100vw!important;max-width:100vw!important}.section-mega-menu:has(.mega-menu-v5-square),.section-mega-menu:has(.mega-menu-v5-square)>*,.section-mega-menu:has(.mega-menu-v5-square) xo-container{width:100%!important;max-width:none!important}.mega-menu-v5-square{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.45rem,1.8vw,.8rem);width:100%;max-width:none;padding:1.2rem 1rem 2rem;overflow:visible}.mega-menu-v5-square__item{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:min(var(--mega-menu-v5-radius),10px);box-shadow:0 .35rem 1.1rem #00000017}.menu-hamburger-drawer-mobile__collapse-content .mega-menu-v5-square{width:calc(100% + 2.4rem);max-width:calc(100% + 2.4rem);margin-inline:-1.2rem}}@media(prefers-reduced-motion:reduce){.mega-menu-v5-square,.mega-menu-v5-square__item{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-mega-menu-v5.css.map */