.mega-menu--grid{background:var(--mm-bg, #1a1a1a);color:var(--mm-text, #fff);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 40px 60px -20px #0009}.mega-menu--grid:not([hidden]):after{opacity:.55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mm-grid__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;padding-block:28px 30px;max-height:calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 30px);overflow:auto}.mm-grid,.mm-grid__footer{width:100%;max-width:max(860px,calc(var(--mm-cols, 5) / 2 * (100vh - 400px)));margin-inline:auto}.mm-grid{display:grid;grid-template-columns:repeat(var(--mm-cols, 5),minmax(0,1fr));grid-auto-rows:auto;gap:12px}.mm-grid__card:not(.mm-grid__card--featured){aspect-ratio:1 / 1}.mm-grid__card{position:relative;overflow:hidden;border-radius:6px;background:#161618;color:#fff;isolation:isolate}.mm-grid__card--featured{grid-column:span 2;grid-row:span 2}.mm-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.mm-grid--fit-contain .mm-grid__card:not(.mm-grid__card--featured){background:var(--mm-card-bg, #fff)}.mm-grid--fit-contain .mm-grid__card:not(.mm-grid__card--featured) .mm-grid__image{object-fit:contain}.mm-grid--fit-contain .mm-grid__card:not(.mm-grid__card--featured) .mm-grid__shade{background:linear-gradient(180deg,#0000 45%,#0000008c 72%,#000000e6)}.mm-grid__card:hover .mm-grid__image{transform:scale(1.07)}.mm-grid--fit-contain .mm-grid__card:not(.mm-grid__card--featured):hover .mm-grid__image{transform:scale(1.04)}.mm-grid__card--featured:hover .mm-grid__image{transform:scale(1.05)}.mm-grid__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 30%,#000000d9);pointer-events:none}.mm-grid__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mm-grid__top,.mm-grid__bottom{position:absolute;z-index:2;pointer-events:none}.mm-grid__top{top:16px;inset-inline-start:18px;display:flex;align-items:center;gap:10px}.mm-grid__num{font-size:11px;font-weight:700;letter-spacing:1.6px}.mm-grid__badge{background:#d31e27;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 9px;border-radius:3px;white-space:nowrap}.mm-grid__bottom{inset-inline:18px;bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.mm-grid__text{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-grid__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:21px;line-height:1;text-transform:uppercase;letter-spacing:.3px}.mm-grid__subtitle{font-size:13px;font-weight:600;line-height:1.35;color:#d6d7d9}.mm-grid__links{display:flex;flex-direction:column;gap:6px;margin-top:10px}.mm-grid__link{pointer-events:auto;font-size:14px;font-weight:600;color:#e2e3e5;transition:color .2s}.mm-grid__link:hover,.mm-grid__link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}.mm-grid__arrow{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.mm-grid__arrow svg{width:13px;height:auto}.mm-grid__card:hover .mm-grid__arrow{background:#d31e27;border-color:#d31e27}.mm-grid__card--featured .mm-grid__subtitle{margin-top:10px;font-size:14px;line-height:1.7;color:#e2e3e5}.mm-grid__card--featured .mm-grid__top{top:22px;inset-inline-start:24px}.mm-grid__card--featured .mm-grid__num{font-size:12px}.mm-grid__card--featured .mm-grid__bottom{inset-inline:28px;bottom:28px;gap:20px}.mm-grid__card--featured .mm-grid__title{font-size:clamp(38px,3.6vw,56px);line-height:.95;max-width:9ch}.mm-grid__card--featured .mm-grid__arrow{width:40px;height:40px;background:#fff;color:#111;border:0}.mm-grid__card--featured:hover .mm-grid__arrow{background:#d31e27;color:#fff}.mm-grid__footer{display:flex;justify-content:space-between;align-items:center;gap:24px}.mm-grid__trust{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:13px;font-weight:600;color:var(--mm-text, #fff);opacity:.65}.mm-grid__cta{display:flex;align-items:center;gap:12px;margin-inline-start:auto;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;color:var(--mm-text, #fff)}.mm-grid__cta-icon{width:32px;height:32px;border-radius:50%;background:#d31e27;display:flex;align-items:center;justify-content:center;transition:transform .2s}.mm-grid__cta-icon svg{width:13px;height:auto}.mm-grid__cta:hover .mm-grid__cta-icon{transform:translate(3px)}@media(prefers-reduced-motion:no-preference){.mega-menu--grid:not([hidden]) .mm-grid__card{animation:mm-grid-in .3s cubic-bezier(.65,0,.35,1) both;animation-delay:calc(80ms + 50ms * var(--mm-index, 0))}}@keyframes mm-grid-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.mm-grid--mobile{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;--mm-text: #fff;gap:8px;padding-block-end:16px}.mm-grid--mobile{width:auto;max-width:none;margin-inline:0}.mm-grid--mobile .mm-grid__card--featured{grid-row:auto;aspect-ratio:1 / 1}.mm-grid--mobile .mm-grid__top,.mm-grid--mobile .mm-grid__arrow{display:none}.mm-grid--mobile .mm-grid__bottom{inset-inline:14px;bottom:14px}.mm-grid--mobile .mm-grid__title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-grid--mobile .mm-grid__subtitle{font-size:12px}.mm-grid--mobile .mm-grid__card--featured .mm-grid__title{font-size:30px;max-width:none}.mobile-nav--grid .drawer__header{border-bottom:1px solid rgba(255,255,255,.08)}.mm-drawer-search{display:flex;align-items:center;gap:10px;margin-block:16px 4px;padding:0 16px;border-radius:6px;background:#ffffff1a;color:#a7a9ad}.mm-drawer-search svg{width:16px;height:16px;flex-shrink:0}.mm-drawer-search input{flex:1;min-width:0;padding:14px 0;border:0;background:transparent;color:#fff;font-size:16px}.mm-drawer-search input::placeholder{color:#a7a9ad}.mm-drawer-search input:focus{outline:none}.mm-drawer-search:focus-within{box-shadow:0 0 0 1px #fff6}.mm-drawer-call{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;background:#d31e27;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}.mm-grid--mobile .mm-grid__card--featured .mm-grid__subtitle{margin-top:6px;font-size:13px;line-height:1.6}.mobile-nav--grid .mm-grid--mobile{margin-inline:var(--container-gutter)}.mobile-nav--grid .drawer__content>.mobile-nav{display:flex;flex-direction:column}.mobile-nav--grid .mobile-nav__item--grid{order:-1;border-bottom:1px solid rgba(var(--text-color),.15)}.mobile-nav--grid .drawer__header{justify-content:flex-end;position:relative;min-height:72px;border-bottom:1px solid rgba(255,255,255,.08)}.mm-drawer-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:52px}.mm-drawer-logo img{display:block;width:100%;height:auto}.mobile-nav--grid .drawer__footer{padding-block:16px}.mobile-nav--grid .drawer__footer:before{display:none}.mobile-nav--grid .mm-drawer-call{padding-bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px))}
/*# sourceMappingURL=/cdn/shop/t/54/assets/mega-menu-grid.css.map */
