.featured-promotion{width:100%;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}.featured-promotion,.featured-promotion *,.featured-promotion *:before,.featured-promotion *:after{box-sizing:border-box}.featured-promotion__heading-wrapper{margin-bottom:1.25rem}.featured-promotion__heading{margin:0;color:var(--color-text);font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15;overflow-wrap:break-word;word-break:normal}.featured-promotion__subheading{max-width:65ch;margin:.5rem 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.5;overflow-wrap:break-word;word-break:normal}.featured-promotion__main{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;min-width:0}.featured-promotion__banner{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-surface);box-shadow:var(--shadow-small);isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.featured-promotion__banner-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,rgb(0 188 212 / 14%) 0%,transparent 58%),linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);-webkit-transform:translateZ(0);transform:translateZ(0)}.featured-promotion__banner-image picture{display:block;width:100%;height:100%}.featured-promotion__banner-img,.featured-promotion__placeholder{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;vertical-align:middle}.featured-promotion__banner-img{-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform .3s ease}.featured-promotion__placeholder{padding:2rem;opacity:.45}.featured-promotion__banner-content{min-width:0;padding:1.25rem;background:linear-gradient(135deg,rgb(0 188 212 / 7%) 0%,transparent 62%),var(--color-surface)}.featured-promotion__banner-eyebrow{margin:0 0 .5rem;color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;opacity:.9}.featured-promotion__banner-title{margin:0;color:var(--color-text);font-weight:700;line-height:1.15;overflow-wrap:break-word;word-break:normal}.featured-promotion__banner-text{max-width:50ch;margin-top:.75rem;color:var(--color-text-muted);font-size:14px;line-height:1.55;overflow-wrap:break-word;word-break:normal}.featured-promotion__banner-text p{margin:0}.featured-promotion__banner-button,.featured-promotion__view-all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:.7rem 1rem;border:1px solid var(--color-accent);border-radius:3px;background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:13px;font-weight:700;line-height:1;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.featured-promotion__banner-button{margin-top:1rem}.featured-promotion__banner-button:focus,.featured-promotion__view-all:focus{outline:none}.featured-promotion__banner-button:focus-visible,.featured-promotion__view-all:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.featured-promotion__banner-button:active,.featured-promotion__view-all:active{transform:translateY(0)}.featured-promotion__products{min-width:0}.featured-promotion__products-topbar{display:none}.featured-promotion__products-controls{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.625rem;min-width:0}.featured-promotion__products-controls[hidden]{display:none}.featured-promotion__products-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--color-border-subtle);border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-small);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}.featured-promotion__products-button svg{display:block;width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .16s ease}.featured-promotion__products-button--previous svg{transform:rotate(180deg)}.featured-promotion__products-button:focus{outline:none}.featured-promotion__products-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.featured-promotion__products-button:active:not(:disabled){transform:scale(.94)}.featured-promotion__products-button:disabled{opacity:.38;cursor:not-allowed}.featured-promotion__products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;min-width:0}.featured-promotion__product-item,.featured-promotion__products-grid>*{min-width:0}.featured-promotion__products-grid product-card,.featured-promotion__products-grid .product-card{display:flex;width:100%;height:100%;min-width:0}.featured-promotion__view-all-wrapper{display:flex;justify-content:center;width:100%;margin-top:1rem}.featured-promotion__empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:1.5rem;border:1px dashed var(--color-border);border-radius:5px;background:linear-gradient(135deg,#00bcd414,#102131b3);color:var(--color-text-muted);text-align:center;overflow-wrap:break-word}.featured-promotion__empty-state p{margin:0}.featured-promotion__blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;min-width:0;margin-top:1rem}.featured-promotion__block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;min-width:0;padding:.875rem;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-surface);box-shadow:var(--shadow-small);text-align:center;isolation:isolate;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.featured-promotion__block-image-wrapper{position:relative;display:flex;flex:0 0 55px;align-items:center;justify-content:center;width:55px;height:55px;padding:12px;overflow:hidden;border:1px solid rgb(0 188 212 / 28%);border-radius:50%;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.featured-promotion__block-image-wrapper:before{position:absolute;z-index:0;top:50%;left:50%;width:62%;aspect-ratio:1 / 1;border-radius:50%;background:var(--color-primary);content:"";filter:blur(10px);opacity:.32;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}.featured-promotion__block-image{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.featured-promotion__block-title{margin:0;color:var(--color-text);font-size:15px;font-weight:700;line-height:1.25;overflow-wrap:break-word;word-break:normal}.featured-promotion__block-message{margin:.3rem 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.4;overflow-wrap:break-word;word-break:normal}@media screen and (max-width:374px){.featured-promotion__products-grid,.featured-promotion__blocks{grid-template-columns:minmax(0,1fr)}.featured-promotion__banner-content{padding:1rem}.featured-promotion__banner-button,.featured-promotion__view-all{width:100%}}@media(hover:hover)and (pointer:fine){.featured-promotion__banner:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-medium)}.featured-promotion__banner:hover .featured-promotion__banner-img{-webkit-transform:translateZ(0) scale(1.03);transform:translateZ(0) scale(1.03)}.featured-promotion__block:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.featured-promotion__block:hover .featured-promotion__block-image-wrapper:before{opacity:.55;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.featured-promotion__banner-button:hover,.featured-promotion__view-all:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-accent-text);box-shadow:0 5px 12px #c9f53a33;transform:translateY(-1px)}.featured-promotion__banner-button:hover{box-shadow:0 5px 12px #00000047}.featured-promotion__products-button:hover:not(:disabled){border-color:var(--color-primary-border);background-color:var(--color-surface-raised);box-shadow:var(--shadow-medium);color:var(--color-primary);transform:translateY(-1px)}}@media screen and (min-width:750px){.featured-promotion__main{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem}.featured-promotion__banner{position:relative;min-height:clamp(300px,42vw,420px);justify-content:flex-end}.featured-promotion__banner:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(to bottom,#07101b0a,#07101b33 40%,#07101b85,#07101bd1)}.featured-promotion__banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;background:radial-gradient(circle at 50% 45%,rgb(0 188 212 / 18%) 0%,transparent 58%),linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%)}.featured-promotion__banner-content{position:relative;z-index:2;margin-top:auto;padding:1.5rem;background:linear-gradient(to bottom,transparent 0%,rgb(7 16 27 / 25%) 100%)}.featured-promotion__banner-eyebrow{color:var(--color-primary-hover);opacity:1}.featured-promotion__banner-title{color:var(--color-text);font-size:clamp(24px,2.25vw,32px)}.featured-promotion__banner-text{color:var(--color-text);opacity:.9}.featured-promotion__banner-button{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.featured-promotion__products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-promotion__blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-promotion__block{align-items:center;text-align:center}.featured-promotion__block-image-wrapper{flex-basis:58px;width:58px;height:58px}}@media screen and (min-width:1024px){.featured-promotion__main{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:stretch;gap:1rem}.featured-promotion__banner{min-height:0;height:auto;margin:.5rem 0 .75rem}.featured-promotion__products{display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0}.featured-promotion__products-topbar{display:flex;align-items:center;justify-content:space-between;min-height:2rem;margin-bottom:.5rem}.featured-promotion__products-topbar-spacer{flex:1 1 auto;min-width:0}.featured-promotion__products-grid{display:grid;flex:1 1 auto;grid-auto-flow:column;grid-auto-columns:100%;grid-auto-rows:1fr;grid-template-columns:none;gap:1rem;width:100%;max-width:100%;min-height:0;height:100%;margin:0;padding:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:x mandatory;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y pinch-zoom;align-items:stretch;-webkit-transform:translateZ(0);transform:translateZ(0);contain:layout paint}.featured-promotion__products-grid::-webkit-scrollbar{display:none}.featured-promotion__product-item{min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.featured-promotion__products-grid product-card,.featured-promotion__products-grid .product-card{display:flex;width:100%;height:100%;min-width:0}.featured-promotion__view-all-wrapper{position:relative;z-index:2;margin-top:1rem}.featured-promotion__blocks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1440px){.featured-promotion__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1rem}.featured-promotion__banner-content{padding:2rem}.featured-promotion__products-grid{grid-auto-columns:calc((100% - 3rem)/4)}.featured-promotion__block-message{font-size:12px}.featured-promotion__block{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}}@media(hover:none){.featured-promotion__banner-button:hover,.featured-promotion__view-all:hover{border-color:var(--color-accent);background:var(--color-accent);box-shadow:none;color:var(--color-accent-text);transform:none}}@media(prefers-reduced-motion:reduce){.featured-promotion__products-grid{scroll-behavior:auto}.featured-promotion__banner,.featured-promotion__banner-img,.featured-promotion__block,.featured-promotion__block-image-wrapper:before,.featured-promotion__banner-button,.featured-promotion__view-all,.featured-promotion__products-button,.featured-promotion__products-button svg{transition-duration:.01ms!important;transition-delay:0ms!important}.featured-promotion__banner:hover .featured-promotion__banner-img,.featured-promotion__block:hover,.featured-promotion__banner-button:hover,.featured-promotion__view-all:hover,.featured-promotion__banner-button:active,.featured-promotion__view-all:active,.featured-promotion__products-button:hover,.featured-promotion__products-button:active{transform:none}}@media(prefers-contrast:more){.featured-promotion__banner,.featured-promotion__block,.featured-promotion__empty-state,.featured-promotion__products-button{border-color:var(--color-border)}.featured-promotion__subheading,.featured-promotion__banner-text,.featured-promotion__block-message,.featured-promotion__empty-state{opacity:1}.featured-promotion__banner-button,.featured-promotion__view-all,.featured-promotion__products-button{border-width:2px}.featured-promotion__banner-button:focus-visible,.featured-promotion__view-all:focus-visible,.featured-promotion__products-button:focus-visible{outline-width:3px}}@supports not (aspect-ratio: 1 / 1){.featured-promotion__banner-image{height:0;padding-top:56.25%}.featured-promotion__banner-image picture,.featured-promotion__banner-img,.featured-promotion__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.featured-promotion__block-image-wrapper:before{height:62%}@media screen and (min-width:750px){.featured-promotion__banner-image{height:100%;padding-top:0}}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/featured-promotion.css.map */