/* Account */
/* Summary counters read as boxes (paper like .box, hairline that darkens on hover); phones: compact label · number rows. */
.account-cards a { background: var(--paper); border: 1px solid var(--line); border-radius: 0; padding: 20px; display: flex; flex-direction: column; gap: 4px; transition: border-color .25s ease; }
.account-cards a:hover { border-color: var(--ink); }
@media (max-width: 720px) {
  .account-cards { gap: 8px; }
  .account-cards a { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
  .account-cards b { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { .account-cards a { transition: none; } }
.address-card { border: 1px solid var(--line); border-radius: 0; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
/* "Çıkış yap" fills the side menu's width like the links (its look: site.css, .account > nav form button). */
@media (min-width: 901px) { .account > nav form button { width: 100%; } }

/* Auth cards: the "Hemen üye olun" / "Giriş yapın" / "Sipariş takip" links are underlined like "Şifremi unuttum" (.link). */
.auth-card .alt a { color: var(--ink); font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.auth-card .alt a:hover { text-decoration-color: transparent; }

/* Favourites: the remove link sits centred under its centred card; phones get a slimmer box padding. */
.account .product-grid .stack-sm { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.account .product-grid .stack-sm > .product-card { width: 100%; height: auto; flex: 1 0 auto; }
@media (max-width: 720px) { .account .box { padding: 20px 16px; } }
/* Phones: a lone favourite is not squeezed into half the row (its meta line would wrap); it gets one centred card. */
@media (max-width: 720px) {
  .account .product-grid:has(> .stack-sm:only-child) { grid-template-columns: minmax(0, 320px); justify-content: center; }
}

/* 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; }
}