.product-card{position:relative;display:flex;flex-direction:column}.product-card__link{display:block;text-decoration:none;color:inherit}.product-card__media{position:relative;overflow:hidden;background-color:#1a1a1a;aspect-ratio:1}.product-card__media--square{aspect-ratio:1}.product-card__image{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-300) var(--ease-out)}.product-card__image--primary{position:relative;z-index:1}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0}.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--secondary{opacity:1}.product-card__placeholder{width:100%;height:100%;background-color:#0f0f0f;display:flex;align-items:center;justify-content:center}.product-card__placeholder svg{width:48px;height:48px;color:#fff3}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:5}.product-card__actions{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);z-index:5}@media (max-width: 767px){.product-card__actions{position:relative;bottom:auto;left:auto;right:auto;margin-top:var(--space-3)}}@media (min-width: 768px){.product-card__actions{opacity:0;transform:translateY(8px);transition:opacity var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out)}.product-card:hover .product-card__actions{opacity:1;transform:translateY(0)}}.product-card__quick-add{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-white);background-color:var(--color-black);border:1px solid var(--color-black);cursor:pointer;transition:all .3s ease;text-decoration:none}.product-card__quick-add:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.product-card__quick-add svg{width:16px;height:16px}.product-card__wishlist{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;flex-shrink:0;color:var(--color-gray-600)}.product-card__wishlist:hover{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.product-card__wishlist.is-active{color:var(--color-primary)}.product-card__wishlist.is-active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.product-card__wishlist svg{width:18px;height:18px}@media (min-width: 768px){.product-card__wishlist-corner{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;background-color:var(--color-white);border-radius:var(--radius-full);z-index:5;opacity:0;transform:scale(.8);transition:opacity var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),background-color var(--duration-150) var(--ease-out),color var(--duration-150) var(--ease-out);box-shadow:var(--shadow-md)}.product-card:hover .product-card__wishlist-corner{opacity:1;transform:scale(1)}.product-card__wishlist-corner:hover{background-color:var(--color-primary);color:var(--color-white)}.product-card__wishlist-corner svg{width:18px;height:18px}}.product-card__info{padding:var(--space-4) 0 var(--space-1);display:flex;flex-direction:column;gap:var(--space-1)}.product-card__vendor{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.product-card__title{font-size:14px;font-weight:500;line-height:1.4;color:#fff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease;text-decoration:none}.product-card__title:hover{color:var(--color-primary)!important}.product-card__price{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px}.product-card__price-current{font-weight:600;color:#fff!important}.product-card__price-current--sale{color:var(--color-primary)!important}.product-card__price-compare{font-size:12px;color:#fff6;text-decoration:line-through}.product-card__installment{font-size:10px;color:#ffffff80;margin-top:4px}.product-card__installment strong{color:#ffffffb3}.product-card__swatches{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.product-card__swatch{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--duration-150) var(--ease-out),border-color var(--duration-150) var(--ease-out);box-shadow:inset 0 0 0 1px #0000001a}.product-card__swatch:hover,.product-card__swatch.is-active{transform:scale(1.2);border-color:var(--color-black)}.product-card__swatch--more{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff9;background-color:#ffffff1a;box-shadow:none}.product-card__rating{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.product-card__stars{display:flex;gap:2px;color:var(--color-primary)}.product-card__stars svg{width:12px;height:12px;fill:currentColor}.product-card__stars svg.empty{color:var(--color-gray-300)}.product-card__reviews{font-size:var(--text-2xs);color:var(--color-gray-500)}.product-card--sold-out .product-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;pointer-events:none;z-index:3}.product-card--sold-out .product-card__quick-add{background-color:#fff3;border-color:#fff3;cursor:not-allowed;pointer-events:none}.product-card__stock{font-size:var(--text-2xs);font-weight:500;color:var(--color-warning);margin-top:var(--space-1)}.products-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.products-grid{gap:var(--space-5)}}@media (min-width: 768px){.products-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}.products-grid--3{grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.products-grid--3{grid-template-columns:repeat(3,1fr)}}.products-grid--5{grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.products-grid--5{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.products-grid--5{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.products-grid--5{grid-template-columns:repeat(5,1fr)}}.products-slider{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.products-slider::-webkit-scrollbar{display:none}.products-slider .product-card{flex:0 0 70%;scroll-snap-align:start}@media (min-width: 640px){.products-slider .product-card{flex:0 0 45%}}@media (min-width: 768px){.products-slider{gap:var(--space-5);margin:0;padding:0}.products-slider .product-card{flex:0 0 32%}}@media (min-width: 1024px){.products-slider{gap:var(--space-6)}.products-slider .product-card{flex:0 0 23.5%}}.products-slider-wrap{position:relative}.products-slider__nav{display:none}@media (min-width: 768px){.products-slider__nav{display:flex;gap:var(--space-2);position:absolute;top:-70px;right:0}}.products-slider__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);background:var(--color-white);cursor:pointer;transition:all var(--duration-150) var(--ease-out)}.products-slider__btn:hover{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.products-slider__btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.products-slider__btn svg{width:20px;height:20px}.products-slider__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}@media (min-width: 768px){.products-slider__dots{display:none}}.products-slider__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-gray-300);border:none;padding:0;cursor:pointer;transition:all var(--duration-200) var(--ease-out)}.products-slider__dot.is-active{width:24px;background-color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-product-card.css.map */