.cart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
  margin-top: 15px;
}

.cart-table thead {
  border-bottom: 2px solid #d8d2cb;
}

.cart-table th {
  text-align: left;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 0.85em;
  color: #888;
}

.cart-table td {
  padding: 12px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}

.col-img {
  width: 70px;
}

.col-img img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.col-product a {
  color: #000;
  text-decoration: none;
}
.col-product a:hover {
  color: #9e1f63;
}

.option-desc {
  font-size: 0.85em;
  color: #888;
  margin-top: 3px;
}

.col-price,
.col-total {
  white-space: nowrap;
}

.col-total {
  font-weight: 600;
}

.col-qty {
  width: 100px;
}

.qty-form {
  display: flex;
  align-items: center;
  gap: 4px;
}

.qty-form input[type="number"] {
  width: 55px;
  padding: 4px 6px;
  border: 1px solid #d8d2cb;
  font-size: 0.9em;
  text-align: center;
  font-family: OpenSans, sans-serif;
}

.qty-form input[type="number"]:focus {
  outline: none;
  border-color: #73a434;
}

.qty-btn {
  background: none;
  border: 1px solid #d8d2cb;
  cursor: pointer;
  font-size: 1.1em;
  padding: 3px 6px;
  color: #888;
}
.qty-btn:hover {
  border-color: #73a434;
  color: #73a434;
}

.col-actions {
  width: 40px;
  text-align: center;
}

.remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.3em;
  color: #c0392b;
  padding: 2px 6px;
}
.remove-btn:hover {
  color: #e74c3c;
}

/* Summary */
.cart-summary {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 2px solid #d8d2cb;
  text-align: right;
}

.subtotal {
  font-size: 1.1em;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

.subtotal-amount {
  font-weight: 700;
  color: #73a434;
  font-size: 1.2em;
}

.shipping-hint {
  font-size: 0.8em;
  color: #888;
  margin-top: 5px;
}

.cart-actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.continue-link {
  color: #9e1f63;
  font-size: 0.9em;
}
.continue-link:hover {
  text-decoration: underline;
}

.checkout-btn {
  display: inline-block;
  text-align: center;
  padding: 10px 30px;
  height: auto;
  font-size: 1em;
}

.empty-cart {
  color: #888;
  font-size: 1.1em;
  margin: 30px 0;
}