.promo-hub-section{position:relative;overflow:hidden;--promo-duration: 1.4s;--promo-easing: cubic-bezier(.16, 1, .3, 1);--promo-overshoot: 12px}.promo-hub-section *,.promo-hub-section *:before,.promo-hub-section *:after{box-sizing:border-box}promo-hub,.promo-hub-root{display:block;position:relative;width:100%}.promo-hub-bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.promo-hub-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:1}.promo-hub-bg.is-active{opacity:1;visibility:visible;z-index:2}.promo-hub-bg-img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 4s var(--promo-easing)}.promo-hub-root.has-hover .promo-hub-bg.is-active .promo-hub-bg-img{transform:scale(1.08)}.promo-hub-placeholder{display:block;width:100%;height:100%}.promo-hub-bg-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(from var(--color-shadow) r g b / 55%) 0%,rgb(from var(--color-shadow) r g b / 10%) 55%,transparent 100%)}.promo-hub-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--col-count, 3),minmax(0,1fr));min-height:inherit;height:100%}.promo-hub-block{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:inherit;padding:2rem 2.4rem 2.4rem;overflow:hidden;cursor:pointer;transition:transform 1s var(--promo-easing)}.promo-hub-block:hover,.promo-hub-block:focus-within,.promo-hub-block.is-active{transform:translateY(-2px)}.promo-hub-block:focus-visible{outline:3px solid currentColor;outline-offset:-3px;z-index:5}.promo-block-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--fill-opacity);background:rgb(from var(--color-secondary-background) r g b / var(--fill-opacity, .8));transform:translate3d(-101%,0,0);will-change:transform;transition:transform 1s cubic-bezier(.16,1,.3,1)}.promo-hub-block:hover .promo-block-fill,.promo-hub-block:focus-within .promo-block-fill,.promo-hub-block.is-active .promo-block-fill{transform:translateZ(0);transition:transform 1.6s cubic-bezier(.34,1.25,.64,1)}.promo-block-card{position:relative;z-index:2;width:min(206px,100%);margin-bottom:2rem;overflow:hidden}.promo-card-wrap{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-100%,0,0);will-change:transform,opacity;background:var(--color-background);color:var(--color-foreground);border-radius:.8rem;box-shadow:0 6px 28px rgb(from var(--color-shadow) r g b / 25%);padding:1%;transition:opacity .6s ease-in,transform 1s cubic-bezier(.16,1,.3,1),visibility .6s}.promo-hub-block:hover .promo-card-wrap,.promo-hub-block:focus-within .promo-card-wrap,.promo-hub-block.is-active .promo-card-wrap{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition:opacity .6s ease-out,transform 1.6s cubic-bezier(.34,1.25,.64,1),visibility 0s}.promo-card-inner{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden}.promo-card-media{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-background)}.promo-card-img{display:block;width:100%;height:100%;object-fit:contain}.promo-card-body{padding:1rem 1.2rem 1.6rem;text-align:center}.promo-card-name{margin:0 0 .5rem;font-size:1.2rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.promo-card-name a{color:inherit;text-decoration:none;font-size:1.4rem;font-weight:500;line-height:1}.promo-card-price{margin:0;font-size:1.3rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.8rem}.promo-card-price--sale{font-weight:600}.promo-card-price--compare{color:rgb(from var(--color-foreground) r g b / 60%);text-decoration:line-through}.promo-card-atc-wrap{position:absolute;top:1rem;right:1rem;z-index:5}.promo-card-atc-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:.4rem;background:var(--qv-background);color:var(--qv-color);cursor:pointer;box-shadow:0 4px 12px rgb(from var(--color-shadow) r g b / 12%);transition:transform .2s ease,opacity .2s ease}.promo-card-atc-icon-btn:hover:not([disabled]){transform:translateY(-1px)}.promo-card-atc-icon-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.promo-card-atc-icon-btn[disabled]{opacity:.5;cursor:not-allowed}.promo-card-atc-icon-btn.loading .atc_status{opacity:0}.animate-spin{animation:promoSpin 1s linear infinite}@keyframes promoSpin{to{transform:rotate(360deg)}}.promo-card-form{margin:0}.promo-block-text{position:relative;z-index:2}.promo-block-heading{margin:0 0 .4rem;color:var(--color-foreground-heading);font-size:clamp(18px,2vw,24px);line-height:1.15;text-shadow:0 1px 8px rgb(from var(--color-shadow) r g b / 50%)}.promo-block-sub{margin:0 0 2rem;color:var(--color-foreground-heading);font-size:clamp(13px,1.4vw,14px);text-shadow:0 1px 5px rgb(from var(--color-shadow) r g b / 40%)}.promo-block-link{display:inline-block;margin-bottom:1rem;font-size:1.4rem;color:var(--color-background);text-decoration:underline;text-underline-offset:3px;opacity:.9;transition:opacity .2s ease}.promo-block-link:hover{opacity:1}.promo-block-link:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}@media screen and (max-width:749px){.promo-hub-grid{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:none!important}.promo-hub-grid::-webkit-scrollbar{display:none}.promo-hub-block{flex:0 0 100%;min-height:320px;padding:1.5rem;scroll-snap-align:start}.promo-block-card{width:160px;flex-shrink:0}.promo-hub-block.is-active .promo-block-fill{transform:translateZ(0);transition:transform 1.6s cubic-bezier(.34,1.25,.64,1)}.promo-hub-block.is-active .promo-card-wrap{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition:opacity .6s ease-out,transform 1.6s cubic-bezier(.34,1.25,.64,1),visibility 0s}.promo-hub-block.is-active{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.promo-block-fill,.promo-card-wrap,.promo-hub-bg,.promo-hub-bg-img,.promo-hub-block,.promo-card-atc-icon-btn{animation:none!important;transition:none!important}.promo-block-fill,.promo-card-wrap{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.promo-hub-bg{opacity:1}.promo-hub-bg-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/composite-promotions.css.map */