@property --cdi-hp-fade-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cdi-hp-fade-r{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes cdi-hp-fade-l{to{--cdi-hp-fade-l: 40px}}@keyframes cdi-hp-fade-r{0%{--cdi-hp-fade-r: 40px}}.cdi-home-products{position:relative;width:100%;padding:64px 0 48px;background:#f8f8f8;overflow:hidden}.cdi-home-products__heading{font-family:var(--cdi-font-family, inherit);font-size:clamp(22px,2.5vw,32px);font-weight:700;color:rgb(var(--color-foreground));margin:0;letter-spacing:-.01em}.cdi-home-products__tabs{position:relative;display:flex;gap:0;border-bottom:1px solid rgba(var(--color-foreground),.1)}.cdi-home-products__tab{position:relative;padding:10px 32px 10px 0;background:none;border:none;border-bottom:none;margin-bottom:-1px;font-family:var(--cdi-font-family, inherit);font-size:15px;font-weight:600;color:rgba(var(--color-foreground),.4);cursor:pointer;transition:color .15s ease;white-space:nowrap}.cdi-home-products__tab:hover{color:rgba(var(--color-foreground),.7)}.cdi-home-products__tab.is-active{color:rgb(var(--color-foreground))}.cdi-home-products__tabs-indicator{position:absolute;bottom:-1px;height:2px;background:rgb(var(--color-foreground));border-radius:2px;pointer-events:none;transition:left .25s ease,width .25s ease}.cdi-home-products__panel{display:block}.cdi-home-products__panel[hidden]{display:none!important}@media screen and (min-width:750px){@supports (animation-timeline: scroll()){.cdi-home-products__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cdi-hp-fade-l),#000 calc(100% - var(--cdi-hp-fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--cdi-hp-fade-l),#000 calc(100% - var(--cdi-hp-fade-r)),transparent 100%);animation:cdi-hp-fade-l linear both,cdi-hp-fade-r linear both;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 96px,calc(100% - 96px) 100%}}}.cdi-home-products__track{display:flex;gap:16px;list-style:none;margin:0;padding:32px 0 8px;box-sizing:content-box;overflow:hidden}.cdi-home-products__item{flex:0 0 calc((100% - 32px)/3.2);min-width:0}.cdi-home-products__footer{display:flex;align-items:center;gap:16px}.cdi-home-products__dots{display:flex;align-items:center;gap:6px;flex:1}.cdi-home-products__dot{width:8px;height:8px;border-radius:4px;background:rgba(var(--color-foreground),.2);border:none;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}.cdi-home-products__dot.is-active{width:24px;background:rgb(var(--color-foreground))}.cdi-home-products__nav{display:flex;gap:8px}.cdi-home-products__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);cursor:pointer;transition:border-color .15s ease,opacity .15s ease;padding:0}.cdi-home-products__arrow:hover:not(:disabled){border-color:rgba(var(--color-foreground),.5)}.cdi-home-products__arrow:disabled{opacity:.3;cursor:default}.cdi-home-products__arrow .svg-wrapper{display:flex;width:18px;height:18px}.cdi-home-products__arrow--prev .svg-wrapper{transform:rotate(90deg)}.cdi-home-products__arrow--next .svg-wrapper{transform:rotate(-90deg)}.cdi-home-products__empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:rgba(var(--color-foreground),.5);font-size:16px}.cdi-home-products__empty p{margin:0}@media screen and (max-width:749px){.cdi-home-products{padding:40px 0 32px}.cdi-home-products__tabs-wrap{overflow-x:auto;scrollbar-width:none}.cdi-home-products__tabs-wrap::-webkit-scrollbar{display:none}.cdi-home-products__tab{padding:8px 20px 8px 0;font-size:14px}.cdi-home-products__stage{padding-inline:0}.cdi-home-products__track{padding-inline-start:1.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none}.cdi-home-products__track::-webkit-scrollbar{display:none}.cdi-home-products__track:after{content:"";flex:none;inline-size:1.5rem;margin-inline-start:-16px}.cdi-home-products__item{flex:0 0 72vw;min-width:0;scroll-snap-align:start}.cdi-home-products__nav{display:none}}.cdi-card-home{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:rgb(var(--color-background));border-radius:16px;border:1px solid rgba(var(--color-foreground),.08);overflow:hidden;transition:border-color .2s ease;cursor:pointer}@media(hover:hover)and (pointer:fine){.cdi-card-home:hover{border-color:rgba(var(--color-foreground),.25)}}.cdi-card-home__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f4f4f4}.cdi-card-home__media img{width:100%;height:100%;object-fit:cover;display:block}.cdi-card-home__placeholder{width:100%;height:100%}.cdi-card-home__info{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px;flex:1}.cdi-card-home__title{margin:0;font-size:14px;font-weight:600;line-height:1.35;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdi-card-home__price-wrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}.cdi-card-home__price,.cdi-card-home__compare-price{white-space:nowrap}.cdi-card-home__price{font-size:14px;font-weight:400;color:rgb(var(--color-foreground))}.cdi-card-home__compare-price{font-size:var(--cdi-text-xxs, 11px);font-weight:400;color:rgba(var(--color-foreground),.4);text-decoration:line-through}.cdi-card-home__swatches{display:flex!important;min-height:20px;flex-wrap:wrap;align-items:center;gap:6px}.cdi-card-home__swatch-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground),.12);flex-shrink:0}.cdi-card-home__btn{display:block;margin-top:auto;background:#6481a9;color:#fff;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;opacity:1;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.cdi-card-home__btn{opacity:0}.cdi-card-home:hover .cdi-card-home__btn{opacity:1}}.cdi-card-home__btn:active{background:#4f6689}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cdi-section-home-products.css.map */