.card-product{position:relative}.card-product__media{display:flex;aspect-ratio:.79;position:relative}.card-product__media-inner{overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-align:start;-ms-overflow-style:none;scrollbar-width:none;height:100%;width:100%;display:flex}.card-product__media-inner::-webkit-scrollbar{display:none}.card-product__scrollbar{display:none}.card-product-tags{position:absolute;bottom:8px;left:8px;display:flex;gap:4px;z-index:1;flex-wrap:wrap;margin-right:30px}.card-product .color-swatches{position:absolute;top:8px;right:8px;left:8px;z-index:1;opacity:0;pointer-events:none}.card-product:hover .color-swatches{opacity:1;pointer-events:auto}.card-product card-color-swatch{display:flex}.card-product .color-swatches__inner{display:grid;grid-template-columns:repeat(4,25%);gap:0}.card-product .color-swatch{width:100%;border:1px solid transparent;opacity:.4}.card-product .color-swatch.active{border-color:var(--color-mid-grey);opacity:1}.card-product .color-swatch:not(.active):hover{opacity:1;border-color:color-mix(in srgb,var(--color-mid-grey) 50%,transparent)}.card-product__color-state.is-active{display:contents}.card-product__color-state:not(.is-active){display:none}.card-product .color-swatch img{width:100%;aspect-ratio:1.73;object-fit:cover;object-position:center}@media screen and (max-width:989px){.card-product__scrollbar{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-mid-grey-25);z-index:2;pointer-events:none}.card-product__scrollbar[hidden]{display:none}.card-product__scrollbar-thumb{position:absolute;top:0;left:0;height:2px;background-color:var(--color-black);will-change:transform,width;display:block!important}}.card-product-media__item{width:100%;height:100%;display:flex;flex-shrink:0;scroll-snap-align:start}.card-product-media__item img{width:100%;height:100%;object-fit:cover}.card-product__controls{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0;pointer-events:none;z-index:1;opacity:0}.card-product:hover .card-product__controls{opacity:1}.card-product__controls button{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;pointer-events:auto;padding:8px;background:transparent}.card-product__controls button.disabled{opacity:.35;pointer-events:none;cursor:default}.card-product__controls button:hover path{stroke-width:1.5}.card-product__content{padding:4px 8px 20px;display:flex;align-items:center;justify-content:space-between}.card-product__atc-button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background-color:transparent;outline:none;border:none;cursor:pointer;padding:0;transition:all .3s ease;border-radius:var(--border-radius);position:relative}.card-product__atc-icon{display:none;align-items:center;justify-content:center}.card-product__atc-icon--plus{display:flex}.card-product__atc-icon--plus svg{width:23px;height:23px}@media(min-width:990px){.card-product__atc-icon--plus svg path{stroke:var(--color-mid-grey)}.card-product__atc-icon--plus:hover svg path{stroke:var(--color-black)}}.card-product__atc.is-loading .card-product__atc-icon--plus,.card-product__atc.is-added .card-product__atc-icon--plus,.card-product__atc.is-loading .card-product__atc-icon--check,.card-product__atc.is-added .card-product__atc-icon--loading{display:none}.card-product__atc.is-loading .card-product__atc-icon--loading,.card-product__atc.is-added .card-product__atc-icon--check{display:flex}.card-product__atc.is-loading .card-product__atc-button{pointer-events:none}.card-product__atc-icon--loading svg{animation:card-product-atc-spin .7s linear infinite}.card-product__atc-icon--loading circle:last-child{stroke-dasharray:.28 .72;animation:card-product-atc-dash 1.1s ease-in-out infinite}.card-product__atc-icon--check path{stroke-dashoffset:1}.card-product__atc.is-added .card-product__atc-icon--check path{animation:card-product-atc-check .45s ease forwards}@keyframes card-product-atc-spin{to{transform:rotate(360deg)}}@keyframes card-product-atc-dash{0%{stroke-dasharray:.08 .92;stroke-dashoffset:0}50%{stroke-dasharray:.55 .45;stroke-dashoffset:-.2}to{stroke-dasharray:.08 .92;stroke-dashoffset:-1}}@keyframes card-product-atc-check{to{stroke-dashoffset:0}}@media(min-width:990px){.card-product:hover .card-product__atc-button{transform:translate(-5px);background-color:#f6f6f6}.card-product:hover .card-product__atc-button:hover{background-color:var(--color-mid-grey-25)}}.card-product__row{display:flex;gap:4px;flex-wrap:wrap;row-gap:0}.card-product__title{margin:0}.card-product__color{margin:0;color:#959a9e}.card-product__price{display:flex;gap:4px;align-items:center}.card-product__price-new{color:var(--color-black)}.card-product__price-old{color:var(--color-mid-grey);text-decoration:line-through}@media(max-width:749px){.card-product__content{padding:4px 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-product.css.map */