.limited.sold-out {
  background: #8f2020;
  color: #fff;
}

.size-picker button.sold-out {
  color: #8b8881;
  background: #dedad1;
  border-color: #c5c0b6;
  cursor: not-allowed;
  text-decoration: line-through;
}

.button.add:disabled {
  background: #8b8881;
  cursor: not-allowed;
}

.product-badges {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  pointer-events: none;
}

.product-badges .limited {
  position: static;
}

.promo-badge {
  padding: 7px 8px;
  background-color: #B5222D !important;
  border: 1px solid #D6545D;
  color: #ffffff;
  letter-spacing: .12em;
  font-size: 7px;
  font-weight: 900;
}

.price del {
  color: #716d65;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration-thickness: 1.5px;
}

.price small {
  color: #743838;
  font-size: 8px;
  font-weight: 900;
}

.price strong {
  font-size: 18px;
  letter-spacing: -.02em;
}

.modal-price del {
  margin-left: auto;
  color: #716d65;
  font-size: 16px;
  font-weight: 700;
  text-decoration-thickness: 1.5px;
}

.modal-price small {
  color: #743838;
  font-size: 9px;
  font-weight: 900;
}

.modal-price strong {
  font-size: 27px;
  letter-spacing: -.03em;
}

@media (max-width: 600px) {
  .product-badges {
    top: 7px;
    left: 7px;
    right: 7px;
    gap: 4px;
  }

  .promo-badge {
    padding: 5px;
    font-size: 5.5px;
  }

  .modal-price {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 5px 14px;
  }

  .modal-price small {
    grid-column: 1 / -1;
  }

  .modal-price del {
    margin-left: 0;
  }

  .price strong {
    font-size: 17px;
  }
}