.mega{position:absolute;top:100%;left:0;right:0;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.mega.is-open{opacity:1;transform:none}.mega__frame{pointer-events:auto;max-height:calc(100svh - var(--header-height, 72px) - var(--sp-6));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--mega-bg, #fff);color:var(--mega-card-text, #1d1d1f);box-shadow:var(--mega-shadow);border-top:1px solid rgb(0 0 0 / .06);border-radius:0 0 var(--mega-radius, 24px) var(--mega-radius, 24px)}.header--mega-contained .mega{padding:var(--sp-2) var(--gutter) 0}.header--mega-contained .mega:before{content:"";position:absolute;inset:0 0 auto;height:var(--sp-2);pointer-events:auto}.header--mega-contained .mega__frame{max-width:var(--mega-max, 1240px);margin-inline:auto;border-top:0;border-radius:var(--mega-radius, 24px);box-shadow:var(--mega-shadow),inset 0 0 0 1px #0000000d}.header__nav-item--compact{position:relative}.mega--compact{left:50%;right:auto;width:25rem;padding-top:var(--sp-2);transform:translate(-50%,-6px)}.mega--compact.is-open{transform:translate(-50%)}.mega--compact:before{content:"";position:absolute;inset:0 0 auto;height:var(--sp-2);pointer-events:auto}.mega--compact .mega__frame,.header--mega-contained .mega--compact .mega__frame{max-width:none;border-top:0;border-radius:var(--mega-radius, 24px);box-shadow:var(--mega-shadow),inset 0 0 0 1px #0000000f}.header--mega-contained .mega--compact{padding-inline:0}.mpanel{display:grid;gap:clamp(var(--sp-8),4vw,var(--sp-16));width:100%;max-width:var(--page-width, 1320px);margin-inline:auto;padding:clamp(var(--sp-8),3vw,var(--sp-10)) var(--gutter) clamp(var(--sp-8),3vw,var(--sp-12))}.header--mega-contained .mpanel{padding-inline:clamp(var(--sp-6),3vw,var(--sp-10))}.mpanel--cases:has(.mpanel__col--links){grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}.mpanel--accessories.mpanel--has-promo{grid-template-columns:minmax(0,1fr) minmax(16rem,21rem)}.mpanel__col{min-width:0}.mpanel__heading{margin-bottom:var(--sp-4);font-size:var(--fs-xs);font-weight:var(--font-body-weight-semibold);letter-spacing:.02em;color:color-mix(in srgb,var(--mega-card-text) 55%,transparent)}.mpanel__more{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold);color:var(--color-accent-text);text-decoration:none}.mpanel__more:hover{text-decoration:underline;text-underline-offset:.2em}.mlinks{display:flex;flex-direction:column;gap:var(--sp-2)}.mlinks__link{display:inline-block;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(1.25rem,1.6vw,1.5rem);letter-spacing:-.015em;line-height:1.25;color:var(--mega-card-text);text-decoration:none;transition:color var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-out)}.mlinks:hover .mlinks__link:not(:hover){color:color-mix(in srgb,var(--mega-card-text) 45%,transparent)}.mlinks__link:hover{transform:translate(3px)}.mgrid{display:grid;grid-template-columns:repeat(var(--mega-cols, 5),minmax(0,11.5rem));gap:var(--sp-8) var(--sp-5)}.mgrid--wide{grid-template-columns:repeat(var(--mega-cols-wide, 4),minmax(0,15rem))}@media(max-width:1199px){.mgrid{grid-template-columns:repeat(4,minmax(0,10rem))}.mgrid--wide{grid-template-columns:repeat(3,minmax(0,13rem))}}.mcard{display:flex;color:var(--mega-card-text);text-decoration:none}.mcard--tile{flex-direction:column;gap:var(--sp-3)}.mcard__media{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--mega-card-bg, #f5f5f7);transition:box-shadow var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.mcard--tile .mcard__media{aspect-ratio:1;border-radius:var(--mega-card-radius, 20px)}.mcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}.mcard__initial{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:1.75rem;color:color-mix(in srgb,var(--mega-card-text) 28%,transparent)}.mcard__body{display:flex;flex-direction:column;gap:2px;min-width:0}.mcard--tile .mcard__body{text-align:center}.mcard__title{font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold);line-height:1.3}.mcard__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-xs);line-height:1.4;color:color-mix(in srgb,var(--mega-card-text) 58%,transparent)}.mcard[aria-current=page] .mcard__title{color:var(--color-accent-text)}.mcard:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--mega-card-radius)}.mcard--row{align-items:center;gap:var(--sp-4);padding:var(--sp-2);border-radius:calc(var(--mega-card-radius) * .8);transition:background-color var(--dur-2) var(--ease-out)}.mcard--row .mcard__media{width:3.5rem;height:3.5rem;flex:none;border-radius:calc(var(--mega-card-radius) * .6)}.mcard--row .mcard__img{top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%}.mcard--row .mcard__body{flex:1}.mcard__arrow{opacity:0;transform:translate(-4px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.mcard--row:hover{background:var(--mega-card-bg)}.mcard--row:hover .mcard__media{background:var(--mega-bg)}.mcard--row:hover .mcard__arrow{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.header--hover-lift .mcard--tile:hover .mcard__media,.header--hover-lift-zoom .mcard--tile:hover .mcard__media{transform:translateY(-4px);box-shadow:0 16px 32px #0000001a}.header--hover-zoom .mcard--tile:hover .mcard__img,.header--hover-lift-zoom .mcard--tile:hover .mcard__img{transform:scale(1.07)}}.mpanel__empty{font-size:var(--fs-sm);color:color-mix(in srgb,var(--mega-card-text) 58%,transparent)}.mprod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6) var(--sp-5)}.mprod__card{display:flex;flex-direction:column;gap:var(--sp-2);height:100%;color:var(--mega-card-text);text-decoration:none}.mprod__media{position:relative;display:block;aspect-ratio:1;margin-bottom:var(--sp-1);overflow:hidden;border-radius:var(--mega-card-radius, 20px);background:var(--mega-card-bg, #f5f5f7);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.mprod__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}.mprod__badge{position:absolute;top:var(--sp-2);left:var(--sp-2);padding:2px var(--sp-2);border-radius:var(--radius-pill);background:var(--mega-card-text);color:var(--mega-bg);font-size:.6875rem;font-weight:var(--font-body-weight-semibold)}.mprod__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold);line-height:1.3}.mprod__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-2);margin-top:auto;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.mprod__price strong{font-weight:var(--font-body-weight-semibold)}.mprod__price s{font-size:var(--fs-xs);color:color-mix(in srgb,var(--mega-card-text) 50%,transparent)}.mprod__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--mega-card-radius)}@media(hover:hover)and (pointer:fine){.mprod__card:hover .mprod__media{transform:translateY(-4px);box-shadow:0 16px 32px #0000001a}.mprod__card:hover .mprod__img{transform:scale(1.06)}}.mpanel--drawer .mprod{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-3)}@media(max-width:749px){.mpanel--drawer .mprod{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:42%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.mpanel--drawer .mprod::-webkit-scrollbar{display:none}.mpanel--drawer .mprod__item{scroll-snap-align:start}}.mpanel--drawer .mprod__title{font-size:var(--fs-xs)}.mpromo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:17rem;overflow:hidden;border-radius:var(--mega-card-radius, 20px);background:linear-gradient(145deg,#1b1b1d,#0b0b0c 60%,color-mix(in srgb,var(--color-accent) 60%,#0b0b0c));color:#fff;text-decoration:none;isolation:isolate}.mpromo__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.mpromo__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}.mpromo__media:has(img):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000014 60%)}.mpromo:hover .mpromo__img{transform:scale(1.05)}.mpromo__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6)}.mpromo__eyebrow{font-size:var(--fs-xs);font-weight:var(--font-body-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-light)}.mpromo__title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-h5);line-height:1.2}.mpromo__text{font-size:var(--fs-sm);color:#fffc}.mpromo__btn{display:inline-flex;align-items:center;gap:var(--sp-2);align-self:flex-start;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);background:#fff;color:#0b0b0c;font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold)}.mpanel--support{display:block;max-width:none;padding:var(--sp-5)}.mpanel--support .mpanel__heading{padding-inline:var(--sp-2);margin-bottom:var(--sp-2)}.msupport{display:flex;flex-direction:column}.msupport__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2);border-radius:calc(var(--mega-card-radius) * .7);color:inherit;text-decoration:none;transition:background-color var(--dur-2) var(--ease-out)}.msupport__link:hover{background:var(--mega-card-bg)}.msupport__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:50%;background:var(--mega-card-bg);color:var(--color-accent-text)}.msupport__link:hover .msupport__icon{background:var(--mega-bg)}.msupport__icon .icon{--icon-size: 1.15rem}.msupport__text{display:flex;flex-direction:column;flex:1;min-width:0}.msupport__title{font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold)}.msupport__sub{font-size:var(--fs-xs);color:color-mix(in srgb,var(--mega-card-text) 58%,transparent)}.msupport__arrow{opacity:.35}.msupport__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-2) 0;border-top:1px solid rgb(0 0 0 / .07);font-size:var(--fs-sm);color:color-mix(in srgb,var(--mega-card-text) 65%,transparent)}.msupport__cta{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);background:var(--mega-card-text);color:var(--mega-bg);font-weight:var(--font-body-weight-semibold);text-decoration:none;white-space:nowrap}.mega.is-open .mpanel__col,.mega.is-open .mpromo,.mega.is-open .msupport{animation:mega-in var(--dur-4) var(--ease-out) both}.mega.is-open .mpanel__col+.mpanel__col,.mega.is-open .mpromo{animation-delay:60ms}@keyframes mega-in{0%{opacity:0;transform:translateY(6px)}}.mpanel--drawer{display:flex;flex-direction:column;gap:var(--sp-5);max-width:none;padding:0 0 var(--sp-4)}.mpanel--drawer .mlinks{gap:var(--sp-1)}.mpanel--drawer .mlinks__link{font-size:var(--fs-lg)}.mpanel--drawer .mpanel__more{display:none}.mpanel--drawer .mpanel__heading{margin-bottom:var(--sp-3)}.mpanel--drawer .mgrid,.mpanel--drawer .mgrid--wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4) var(--sp-3)}.mcard--small .mcard__media{border-radius:calc(var(--mega-card-radius) * .7)}.mcard--small .mcard__title{font-size:var(--fs-xs)}.mcard--small .mcard__desc{display:none}.mpanel--drawer .mcard--row{padding-inline:0}.mpanel--drawer .mcard--row:hover{background:none}.mpanel--drawer .mpromo{min-height:10rem}.mpanel--drawer.mpanel--support{padding:0 0 var(--sp-4)}.mpanel--drawer .msupport__link,.mpanel--drawer .msupport__foot{padding-inline:0}.header__new{display:inline-block;margin-left:var(--sp-1);padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:.625rem;font-weight:var(--font-body-weight-bold);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.header__logo-img--overlay{display:none}@supports selector(:has(*)){.header-section:has(.header--overlay){margin-bottom:calc(var(--header-height, 72px) * -1)}.header--overlay:not(.is-scrolled):not(.has-open-panel){background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header--overlay-light:not(.is-scrolled):not(.has-open-panel) .header__inner{--color-text: #fff;color:#fff}.header--overlay-light:not(.is-scrolled):not(.has-open-panel) .header__icon:hover{background:#ffffff24}.header--overlay-light:not(.is-scrolled):not(.has-open-panel) .header__logo-img--overlay{display:block}.header--overlay-light:not(.is-scrolled):not(.has-open-panel):has(.header__logo-img--overlay) .header__logo-img--default{display:none}.header--overlay.is-scrolled,.header--overlay.has-open-panel{background-color:var(--color-bg);box-shadow:0 1px 0 var(--color-hairline),0 8px 24px #0000000f}body:has(.header--overlay) #MainContent>.shopify-section:first-child .hero__slide:not(.hero__slide--full,.hero__slide--banner){padding-top:calc(var(--header-height, 72px) + var(--sp-6))}@media(max-width:749px){body:has(.header--overlay) #MainContent>.shopify-section:first-child .hero-bn--m-above .hero-bn__content,body:has(.header--overlay) #MainContent>.shopify-section:first-child .hero-bn--m-overlay .hero-bn__content{padding-top:calc(var(--header-height, 64px) + var(--sp-4))}}body:has(.header--overlay) #MainContent>.shopify-section:first-child .hero-full__inner{padding-top:calc(var(--header-height, 72px) + var(--sp-8))}body:has(.header--overlay) #MainContent>.shopify-section:first-child:not(.hero-section){padding-top:var(--header-height, 72px)}}.header{transition:background-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out)}@media(prefers-reduced-motion:reduce){.mega.is-open .mpanel__col,.mega.is-open .mpromo,.mega.is-open .msupport{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-mega-menu.css.map */