/* Ознаки NEW, BESTSELLER и TOP */

.collection-image {
  position: relative;
}

.product-badges {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;

  pointer-events: none;
}

.product-badge {
  padding: 8px 12px;

  border-radius: 999px;

  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;

  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.38);
}

/* NEW */

.badge-new {
  color: #24100c;

  background: linear-gradient(
    135deg,
    #f4d578,
    #d9a92f
  );

  border: 1px solid #ffe295;
}

/* BESTSELLER */

.badge-bestseller {
  color: #f4cf69;

  background: linear-gradient(
    135deg,
    rgba(17, 6, 5, 0.97),
    rgba(45, 14, 11, 0.97)
  );

  border: 1px solid #d8aa35;
}

/* TOP */

.badge-top {
  color: #fff3cf;

  background: linear-gradient(
    135deg,
    #6f251d,
    #3d100d
  );

  border: 1px solid #e1b94d;

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.38),
    0 0 14px rgba(225, 185, 77, 0.18);
}

/* Телефон */

@media (max-width: 700px) {
  .product-badges {
    top: 11px;
    left: 11px;
    gap: 6px;
  }

  .product-badge {
    padding: 7px 9px;
    font-size: 9px;
    letter-spacing: 0.7px;
  }
}