:root{--mmc2-bg: var(--color-background, #fff);--mmc2-fg: var(--color-foreground, #111);--mmc2-border: rgba(0,0,0,.08);--mmc2-shadow: 0 18px 40px rgba(0,0,0,.14);--mmc2-gap: 18px;--mmc2-panel-h: 580px;--mmc2-top-gap: 50px}.mmc2{position:relative}.mmc2__panel{position:fixed;inset-inline:0;top:var(--header-height, 80px);height:var(--mmc2-panel-h);background:#fff;border-block:1px solid var(--mmc2-border);box-shadow:var(--mmc2-shadow);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.mmc2__panel[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mmc2__panel-inner{height:100%;overflow:auto;overscroll-behavior:contain;padding:14px 8px;padding-top:calc(14px + var(--mmc2-top-gap))}.mmc2__tiles{display:grid;gap:var(--mmc2-gap);grid-template-columns:repeat(5,1fr)}@media (max-width:1439px){.mmc2__tiles{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){.mmc2__tiles{grid-template-columns:repeat(3,1fr)}}.mmc2__tile{position:relative;display:block;text-decoration:none;color:inherit;border:1px solid var(--mmc2-border);border-radius:18px;overflow:hidden;background:#f3f5f7}.mmc2__tile-media{display:block;aspect-ratio:1/1}.mmc2__tile img{width:100%;height:100%;object-fit:cover;display:block}.mmc2__ph{display:block;width:100%;height:100%;background:#e9edf1}.mmc2__tile-head{position:absolute;inset:14px 14px auto 14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);font-weight:800}.mmc2__tile-title{font-size:clamp(.9rem,1.2vw,1.5rem);line-height:1.15}.mmc2__tile-foot{position:absolute;inset:auto 14px 14px 14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:6px}.mmc2__tile-desc{font-size:clamp(.55rem,.75vw,.95rem);line-height:1.25;max-height:3.2em;overflow:hidden}.mmc2__tile-cta{font-weight:800;font-size:clamp(.55rem,.6vw,.75rem)}.mmc2__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:16px;background:linear-gradient(0deg,#000000b3,#0006);color:#fff;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(6px);transition:opacity .16s,transform .16s}.mmc2__ov-title{font-weight:900;font-size:clamp(1rem,1.4vw,1.6rem);line-height:1.1}.mmc2__ov-desc{font-size:clamp(.6rem,.8vw,1rem);line-height:1.28}.mmc2__ov-cta{margin-top:auto;font-weight:900;font-size:clamp(.6rem,.7vw,.9rem);letter-spacing:.01em}.mmc2__tile:hover .mmc2__tile-overlay,.mmc2__tile:focus .mmc2__tile-overlay{opacity:1;transform:none}.mmc2__mview{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mmc2-bg);z-index:90;display:block}.mmc2__mview[hidden]{display:none}.mmc2-mview__header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--mmc2-border)}.mmc2-mview__title{font-weight:800;margin-inline:auto}.mmc2-mview__back,.mmc2-mview__close{background:none;border:0;font-size:22px;padding:6px}.mmc2-mview__body{padding:16px;height:calc(100dvh - 58px);overflow:auto;overscroll-behavior:contain}.mmc2-mtile{display:block;position:relative;text-decoration:none;color:inherit;border:1px solid var(--mmc2-border);border-radius:24px;overflow:hidden;margin-bottom:20px;background:#f3f5f7}.mmc2-mtile-media{display:block;aspect-ratio:1/1}.mmc2-mtile img{width:100%;height:100%;object-fit:cover;display:block}.mmc2-mtile-title{position:absolute;inset:20px auto auto 20px;color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:clamp(1.6rem,5vw,2.4rem)}.mmc2-mtile-desc{position:absolute;inset:auto 20px 70px 20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:clamp(1.2rem,3.8vw,1.6rem);line-height:1.3}.mmc2-mtile-cta{position:absolute;inset:auto 20px 22px 20px;color:#fff;font-weight:900;font-size:clamp(1.2rem,3.8vw,1.6rem)}details[data-mmc2-suppress=true] .mega-menu{display:none!important}.mega-menu{z-index:60}.mmc2__panel{z-index:70}.section-header{z-index:120!important}.mmc2__panel{top:var(--header-height, 80px);border-top:0!important}.mmc2__panel-inner{padding-top:calc(14px + var(--mmc2-top-gap))}.mmc2__tile-desc{font-size:clamp(.8rem,1.15vw,1.4rem)}.mmc2__tile-cta{font-size:clamp(.825rem,.9vw,1.125rem);font-weight:800}.mmc2__ov-desc{font-size:clamp(.9rem,1.2vw,1.5rem)}.mmc2__ov-cta{font-size:clamp(.9rem,1.05vw,1.35rem);font-weight:900}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-mega-tiles.css.map */