.product-card{color:var(--c-black);display:flex;flex:1 1 1px;flex-direction:column;mask-image:linear-gradient(180deg,#000 0,#000 0);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 0);mask-position:top;-webkit-mask-position:top;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 0;-webkit-mask-size:100% 0;opacity:0;text-decoration:none;transition:opacity 1s ease,-webkit-mask-size 1s ease;transition:mask-size 1s ease,opacity 1s ease;transition:mask-size 1s ease,opacity 1s ease,-webkit-mask-size 1s ease}.product-card.animate{mask-size:100% 100%;-webkit-mask-size:100% 100%;opacity:1}.product-card.animate .product-card__img img{transform:scale(1)}.product-card__img{aspect-ratio:4/3;background:var(--c-gray);border-radius:12px;flex:auto;overflow:hidden;padding:12px;position:relative;transition:.3s ease}.product-card__img img{display:block;height:100%;mix-blend-mode:multiply;transform:scale(1.15);transition:transform 1.5s ease;width:100%}.product-card:hover .product-card__img{background:#ebebeb}.product-card__content{flex:none;padding:20px 12px 0}.product-card__top{display:flex;justify-content:space-between;margin-bottom:8px}.product-card__title{font-size:16px;font-weight:500;margin-right:8px;transition:.3s ease}.product-card__description{color:var(--c-second-black);font-size:14px;font-weight:400;min-height:16px}.product-card__description span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card__colors{bottom:12px;display:flex;left:12px;position:absolute}.product-card__colors:hover .product-card__color:not(:first-child){margin-left:2px}.product-card__color{border:2px solid #f6f6f6;border-radius:7px;cursor:pointer;height:24px;transition:.3s ease;width:24px}.product-card__color:hover{transform:scale(1.1)}.product-card__color:not(:first-child){margin-left:-14px}.product-card__color:nth-child(2){z-index:2}.product-card__color:nth-child(3){z-index:3}.product-card__color:nth-child(4){z-index:4}.product-card__color:nth-child(5){z-index:5}.product-card__color:nth-child(6){z-index:6}.product-card__color:nth-child(7){z-index:7}.product-card__color:nth-child(8){z-index:8}
