.product-card {
 padding: 14px;
 border-radius: 12px;
 background: #FFF;
 box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.03);
 position: relative;
 overflow: hidden;
 border: 1px solid #fff;
 transition: all .3s;
}

.product-card:hover {
 border: 1px solid #FCAF17;
 box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.03);
}

.product-card__badges {
 position: absolute;
 top: 14px;
 left: 14px;
}

.product-card__badge {
 padding: 4px 5px;
 border-radius: 5px;
 font-size: 9px;
 font-weight: 800;
 line-height: normal;
 text-transform: uppercase;
 line-height: 11px;
 display: block;
}

.product-card__badge--hit {
 background: #303133;
 color: #FFF;
}

.product-card__image img {
 width: 100%;
 height: 100%;
 aspect-ratio: 1;
 object-fit: contain;
}

.product-card__rating {
 position: absolute;
 top: 14px;
 right: 14px;
 display: flex;
 align-items: center;
 gap: 10px;
 color: #111212;
 font-size: 13px;
 font-weight: 600;
 line-height: 150%;
}

.product-card__rating-stars,
.product-card__rating-reviews {
 display: flex;
 align-items: center;
 gap: 4px;
}

.product-card__rating-stars:hover path,
.product-card__rating-reviews:hover path {
 fill: #FCAF17;
 opacity: 1;
}

.product-card__rating-stars:hover g,
.product-card__rating-reviews:hover g {
 opacity: 1;
}

.product-card__rating-stars:hover,
.product-card__rating-reviews:hover {
 color: #111212 !important;
}


.product-card__brand {
 overflow: hidden;
 color: #111212;
 text-overflow: ellipsis;
 font-family: Oswald;
 font-size: 15px;
 font-weight: 600;
 line-height: 112%;
 text-transform: uppercase;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
}

.product-card__title {
 margin: 0;
 overflow: hidden;
 color: #303133;
 text-overflow: ellipsis;
 font-family: Inter;
 font-size: 13px;
 font-weight: 500;
 line-height: 150%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 align-self: stretch;
 margin-top: 9px;
}

.product-card__footer {
 margin-top: 6px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
}

.product-card__price {
 display: flex;
 align-items: center;
 gap: 7px;
}

.product-card__price-current {
 color: #303133;
 font-family: Oswald;
 font-size: 18px;
 font-weight: 500;
 line-height: 150%;
 white-space: nowrap;
}

.product-card__price-old {
 color: #8E8F91;
 font-family: Oswald;
 font-size: 13px;
 font-weight: 400;
 line-height: 145%;
 text-decoration-line: line-through;
 white-space: nowrap;
}

.product-card__action {
 display: flex;
 align-items: center;
 gap: 7px;
}

.product-card__action .btn {
 width: 32px;
 height: 32px;
 border-radius: 10px;
}


.product-card__comp,
.product-card__wishlist {
 visibility: hidden;
 opacity: 0;
 transform: translateX(10px);
}

.product-card:hover .product-card__comp,
.product-card:hover .product-card__wishlist {
 transform: none;
 opacity: 1;
 visibility: visible;
}


@media (max-width: 1024px) {
 .product-card {
  padding: 12px;
 }

 .product-card__brand {
  font-size: 13px;
 }

 .product-card__price-old {
  font-size: 12px;
 }

 .product-card__badges {
  top: 12px;
  left: 12px;
 }

 .product-card__rating {
  top: 12px;
  right: 12px;
 }

 .product-card__price-current {
  font-size: 15px;
 }

 .product-card__wishlist,
 .product-card__comp {
  display: none;
 }
}

@media (max-width: 768px) {
 .product-card {
  padding: 10px;
 }

 .product-card__rating-reviews {
  display: none;
 }

 .product-card__badges {
  top: 10px;
  left: 10px;
 }

 .product-card__price {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
 }

 .product-card__title {
  font-size: 12px;
  margin-top: 5px;
 }

 .product-card__footer {
  margin-top: 4px;
 }

 .product-card__info {
  margin-top: -10px;
 }

 .product-card__badge {
  padding: 3px 4px;
  font-size: 8px;
  line-height: 1.1;
 }
}