/* Account */
.account-cards a { background: #fff; border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 4px; }
/* Phones: the three counters stay one compact row instead of three full-width cards. */
@media (max-width: 720px) {
  .account-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .account-cards a { padding: 12px; border-radius: 12px; min-width: 0; }
  .account-cards .muted { font-size: 13px; overflow-wrap: anywhere; }
  .account-cards b { font-size: 22px; }
}
/* Phones: "Güvenli ödeme" wraps under the checkout title; it stays with the title and keeps clear of the first box. */
@media (max-width: 720px) {
  .row.between:has(> .secure-note) { row-gap: 0; margin-bottom: 16px; }
  .row.between:has(> .secure-note) > .page-title { margin-bottom: 8px; }
}
.address-card { border: 1px solid var(--line); border-radius: 14px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.account > nav button { width: 100%; text-align: left; padding: 10px 14px; border-radius: var(--radius-sm); font: 600 16px var(--font-body); border: 0; background: none; cursor: pointer; color: var(--ink); }

/* Phones: cart rows become cards (no horizontal scrolling). */
@media (max-width: 767px) {
  /* A blank row is just its two inputs (no "Ürün — / Birim fiyat — / Tutar —"): six blank rows took a screen and a half.
     After the first blank row the column labels are not repeated (the inputs keep their aria-labels). */
  .cart-table.quick-table tr.is-blank { grid-template-areas: "code qty"; }
  .cart-table.quick-table tr.is-blank td:nth-child(2), .cart-table.quick-table tr.is-blank td:nth-child(4), .cart-table.quick-table tr.is-blank td:nth-child(5) { display: none; }
  .quick-table tr.is-blank + tr.is-blank .cell-label { display: none; }
}