@layer base{sa-why-product-list.sa-why-product-list{--items-per-row: 4;--card-gap: 8px;--card-bg: #f7f5f3;--card-radius: 5px;--card-height: 452px;--img-height: 268px;--swatch-size: 13px;--swatch-gap: 10px;--btn-cart-bg: #000;--btn-cart-color: #fff;--btn-buy-bg: #00d0ff;--btn-buy-color: #000;--btn-height: 35px;--btn-radius: 4px;--btn-width: 225px;display:block;overflow-x:hidden;max-width:100%;contain:layout paint}}@layer components{.sa-why-product-list .cs-section-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.sa-why-product-list .section-heading h2,.sa-why-product-list .section-heading h3{font-size:clamp(28px,2.778vw,40px);line-height:1.2;font-weight:400;margin:0}.sa-why-product-list .section-sub-heading{font-size:clamp(16px,1.389vw,20px);line-height:1.5;max-width:clamp(500px,53.472vw,770px);margin:0 auto}.sa-why-product-list__track{display:grid;grid-template-columns:repeat(var(--items-per-row),1fr);gap:var(--card-gap);max-width:100%}.sa-why-product-list__card{background:var(--card-bg);border-radius:var(--card-radius);display:flex;flex-direction:column;height:var(--card-height);overflow:hidden}.sa-why-product-list__img-area{position:relative;height:var(--img-height);flex-shrink:0;overflow:hidden}.sa-why-product-list__img-area .product-img{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;text-decoration:none}.sa-why-product-list__img-area .product-img.active{display:flex}.sa-why-product-list__img-area .product-img img{max-width:63%;max-height:76%;width:auto;height:auto;object-fit:contain;display:block;pointer-events:none}.sa-why-product-list__swatches{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--swatch-gap);list-style:none!important;margin:0!important;padding:0!important;z-index:1}.sa-why-product-list__swatches .option-item{width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;background-color:var(--swatch-bg-color, #ccc);cursor:pointer;flex-shrink:0;list-style:none!important;margin:0!important;padding:0!important;box-shadow:0 0 0 0 transparent,inset 0 0 .5px #0000002e;transition:box-shadow .2s ease;box-sizing:content-box;position:relative}.sa-why-product-list__swatches .option-item:hover{box-shadow:0 0 0 2px var(--card-bg),0 0 0 3.5px #00000073}.sa-why-product-list__swatches .option-item.active{box-shadow:0 0 0 2px var(--card-bg),0 0 0 3.5px #000}.sa-why-product-list__swatches .option-item:after{content:attr(data-value);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#1a1a1a;color:#fff;font-size:11px;line-height:1.3;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10}.sa-why-product-list__swatches .option-item:before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%) translateY(4px);border:4px solid transparent;border-top-color:#1a1a1a;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10}.sa-why-product-list__swatches .option-item:hover:after,.sa-why-product-list__swatches .option-item:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.sa-why-product-list__info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:17px 16px 0;flex-shrink:0}.sa-why-product-list__name{font-size:clamp(16px,1.389vw,20px);line-height:1.2;color:#000;text-align:center;margin:0!important}.sa-why-product-list__price{display:flex;align-items:baseline;gap:6px;margin:0;justify-content:center}.sa-why-product-list__price-sale{font-size:clamp(13px,1.111vw,16px);line-height:1.2;color:#000}.sa-why-product-list__price-compare{font-size:clamp(11px,.972vw,13px);line-height:1.2;color:#7a7a7a;text-decoration:line-through}.sa-why-product-list__price-compare:empty{display:none}.sa-why-product-list__form{display:flex;flex-direction:column;align-items:center;gap:8px}.sa-why-product-list__form form{display:contents}.sa-why-product-list__btn{display:flex;align-items:center;justify-content:center;height:var(--btn-height);width:var(--btn-width);max-width:100%;border-radius:var(--btn-radius);font-size:clamp(13px,1.111vw,16px);line-height:1.2;text-decoration:none;cursor:pointer;border:none;box-sizing:border-box;transition:opacity .2s ease;text-align:center}.sa-why-product-list__btn--cart{background:var(--btn-cart-bg);color:var(--btn-cart-color)}.sa-why-product-list__btn--cart:disabled{opacity:.6;cursor:not-allowed}.sa-why-product-list__btn--buy{background:var(--btn-buy-bg);color:var(--btn-buy-color)}.sa-why-product-list__btn--buy.sa-why-product-list__btn--disabled{opacity:.5;pointer-events:none}.sa-why-product-list__controls{display:none}}@media(max-width:768px){sa-why-product-list.sa-why-product-list{--card-gap: 10px;--card-height: auto;--img-height: 207px;--swatch-size: 10px;--swatch-gap: 8px;--btn-width: 100%}.sa-why-product-list .cs-section-header{align-items:flex-start;gap:12px;margin-bottom:24px}.sa-why-product-list .section-sub-heading{max-width:100%}.sa-why-product-list__track{display:flex;gap:var(--card-gap);overflow-x:auto;max-width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.sa-why-product-list__track::-webkit-scrollbar{display:none}.sa-why-product-list__card{flex:0 0 calc(50% - var(--card-gap) / 2);min-width:0;scroll-snap-align:start}.sa-why-product-list__info{padding:10px 12px 0;gap:6px}.sa-why-product-list__form{padding:8px 14px 16px;gap:6px}.sa-why-product-list__controls{display:flex;align-items:center;gap:10px;width:calc(50% - var(--card-gap) / 2);margin-left:auto;margin-top:16px}.sa-why-product-list__ctrl-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .3s ease;flex-shrink:0}.sa-why-product-list__ctrl-btn svg{width:6px;height:11px;color:#000;display:block;transition:color .3s ease}.sa-why-product-list__ctrl-btn:hover svg{color:#61f88e}.sa-why-product-list__ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.sa-why-product-list__progress{flex:1;height:1px;background:#0009;position:relative;border-radius:1px;overflow:hidden}.sa-why-product-list__progress-bar{position:absolute;left:0;top:0;height:100%;background:#61f88e;border-radius:2px;width:0%;transition:width .1s linear}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-why-product-list.css.map */