.reza-cart-row {
  display: grid !important;
  grid-template-columns: 90px 1fr auto auto auto !important;
  gap: 16px !important;
  align-items: center !important;
  background: rgba(255,255,255,.86) !important;
  border-radius: 22px !important;
  padding: 14px !important;
  margin-bottom: 14px !important;
}

.reza-cart-row img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  background: #fff7ef !important;
}

.reza-cart-row h3 {
  margin: 0 0 6px !important;
}

.reza-cart-controls {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.reza-cart-controls button,
.reza-remove {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  font-weight: 900 !important;
}

.reza-remove {
  background: #2d2621 !important;
  color: white !important;
}

.reza-cart-empty {
  text-align: center !important;
  background: rgba(255,255,255,.78) !important;
  border-radius: 30px !important;
  padding: 55px 22px !important;
}

.reza-cart-empty h1 {
  font-family: Georgia, serif !important;
  font-size: clamp(3rem, 8vw, 5rem) !important;
  margin: 0 !important;
}

.reza-cart-empty a,
.reza-checkout-btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  background: linear-gradient(135deg,#edcf76,#c89532) !important;
  color: #241812 !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.reza-summary-line {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 12px 0 !important;
}

.reza-summary-line.total {
  font-size: 1.25rem !important;
}

@media(max-width: 760px) {
  .reza-cart-row {
    grid-template-columns: 76px 1fr !important;
  }

  .reza-cart-controls,
  .reza-cart-row > strong,
  .reza-remove {
    grid-column: 2 !important;
  }
}
