/* Canlı mağazada demoya eklenen sayfa ve bileşenler. Belirteçler vitrin.css'teki :root'tan gelir. */

.kart__ac { color: inherit; text-decoration: none; }
.kart__ac:hover { text-decoration: underline; text-underline-offset: 3px; }
.kart__medya { text-decoration: none; }
.nav a, .alt__linkler a { text-decoration: none; }
.menu-govde h3 a { color: inherit; text-decoration: none; }

.duyurular { padding-top: var(--space-md); display: grid; gap: var(--space-xs); }
.duyuru { padding: var(--space-sm) var(--space-md); border-radius: var(--radius-md); background: var(--color-accent-soft); color: var(--color-accent-deep); font-size: var(--text-ui); font-weight: 600; }
.duyuru--success { background: oklch(94% 0.04 150); color: var(--color-ok); }

/* sayfa yolu */
.yol { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-xs); font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-md); }
.yol a { color: inherit; text-decoration: none; }
.yol a:hover { color: var(--color-ink); text-decoration: underline; }
.yol [aria-current] { color: var(--color-ink-2); }

/* kategori sayfası */
.kat-sayfa { padding-top: var(--space-lg); }
.kat-sayfa__baslik { font-size: var(--text-h2); }
.siralama { display: inline-flex; align-items: center; gap: var(--space-xs); font-size: var(--text-sm); color: var(--color-muted); }
.siralama select { height: 2.5rem; padding: 0 var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-pill); background: var(--color-surface); font: 500 var(--text-ui) var(--font-body); color: var(--color-ink); }
.filtre__satir a.cip { text-decoration: none; }
.filtre__satir a.cip:not([aria-pressed="true"]) { color: inherit; }
.kat-bos { display: grid; justify-items: start; gap: var(--space-md); padding: var(--space-xl) 0; }

/* ürün sayfası */
.urun-sayfa { padding-top: var(--space-lg); }
.hb--sayfa { width: auto; max-height: none; overflow: visible; border-radius: var(--radius-lg); background: var(--color-surface); margin: 0; }
.hb--sayfa .hb__galeri { border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
@media (min-width: 48rem) {
  .hb--sayfa .hb__galeri { top: calc(var(--banner-h, 0px) + 5rem); border-radius: var(--radius-lg) 0 0 var(--radius-lg); }
}
@media (max-width: 47.99rem) {
  .hb--sayfa { width: auto; max-height: none; margin: 0; border-radius: var(--radius-lg); }
}
.hb__yorum a { font-size: var(--text-sm); font-weight: 600; color: var(--color-accent-deep); text-decoration: none; }
.hb__yorum a:hover { text-decoration: underline; }
.hb__degisim { font-size: var(--text-sm); color: var(--color-ink-2); padding: var(--space-sm) var(--space-md); background: var(--color-paper-2); border-radius: var(--radius-md); }
.hb__degisim .link { font-size: inherit; }
.hb__sayfa { justify-self: start; font-size: var(--text-sm); }
.beden-dug.tukendi { color: var(--color-disabled); background: var(--color-paper); text-decoration: line-through; }
.beden-dug.tukendi[aria-pressed="true"] { color: var(--color-paper); background: var(--color-muted); border-color: var(--color-muted); }

.urun-yorum { max-width: 52rem; }
.uyum { display: grid; gap: var(--space-xs); margin: var(--space-md) 0 var(--space-lg); max-width: 28rem; }
.uyum__satir { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) 2rem; align-items: center; gap: var(--space-sm); font-size: var(--text-ui); }
.uyum__cubuk { height: 0.5rem; border-radius: var(--radius-pill); background: var(--color-paper-3); overflow: hidden; }
.uyum__cubuk span { display: block; height: 100%; width: var(--oran); background: var(--color-accent); border-radius: inherit; }
.uyum__satir b { text-align: right; font-variant-numeric: tabular-nums; }
.yorum-liste { display: grid; gap: var(--space-sm); }
.yorum { padding: var(--space-md) var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-md); display: grid; gap: var(--space-2xs); }
.yorum__bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-sm); }
.yorum__yildiz { color: var(--color-wine); letter-spacing: 0.05em; }
.yorum__dogru { font-size: var(--text-sm); color: var(--color-ok); font-weight: 600; }
.yorum__beden { font-size: var(--text-sm); color: var(--color-ink-2); }
.yorum__metin { color: var(--color-ink-2); }
.yorum__tarih { font-size: var(--text-sm); color: var(--color-muted); }

/* Google yorumları */
.gyorum__puan { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-sm); margin-top: var(--space-sm); font-size: var(--text-ui); color: var(--color-ink-2); }
.gyorum__puan b { font-size: 1.6rem; color: var(--color-ink); font-family: var(--font-display); }
.gyorum__g { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule); font-weight: 700; color: #4285f4; }
.gyorum__yildiz, .gyorum__yildizlar { color: oklch(72% 0.15 75); letter-spacing: 0.08em; }
.gyorum__liste { display: grid; grid-auto-flow: column; grid-auto-columns: min(82%, 22rem); gap: var(--space-md); overflow-x: auto; scroll-snap-type: x mandatory; padding: var(--space-lg) 0 var(--space-sm); margin-inline: calc(max(1rem, min(4vw, 2.5rem)) * -1); padding-inline: max(1rem, min(4vw, 2.5rem)); scrollbar-width: thin; }
.gyorum__kart { scroll-snap-align: start; display: grid; align-content: start; gap: var(--space-sm); padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); }
.gyorum__kart blockquote { margin: 0; color: var(--color-ink-2); font-size: var(--text-ui); line-height: 1.65; }
.gyorum__ad { display: grid; font-size: var(--text-sm); }
.gyorum__ad span { color: var(--color-muted); }
@media (min-width: 60rem) { .gyorum__liste { grid-auto-columns: calc((100% - 2 * var(--space-md)) / 3.25); margin-inline: 0; padding-inline: 0; } }

/* bilgi */
.ozet__vurgu dd { color: var(--color-ink); }
.ozet__vurgu dt { color: var(--color-accent-deep); }
.magaza__saat { font-size: var(--text-ui); color: var(--color-ink-2); }
.sepet-degisim { margin-top: var(--space-md); font-size: var(--text-sm); color: var(--color-muted); }
.sepet-degisim a { color: inherit; }

/* çerez */
.cerez { position: fixed; left: max(var(--space-md), env(safe-area-inset-left)); bottom: max(var(--space-md), env(safe-area-inset-bottom)); z-index: var(--z-toast); width: min(30rem, calc(100% - 2rem)); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-lg); box-shadow: 0 24px 60px -24px var(--color-shadow); }
.cerez[hidden] { display: none; }
.cerez__ic { display: grid; gap: var(--space-sm); padding: var(--space-lg); font-size: var(--text-sm); color: var(--color-ink-2); }
.cerez__baslik { font-family: var(--font-display); font-size: 1.2rem; color: var(--color-ink); }
.cerez__secim { display: grid; gap: var(--space-xs); }
.cerez__secim[hidden] { display: none; }
.cerez__dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-md); }
.cerez__dugmeler .dug { min-height: 2.5rem; padding: 0 var(--space-md); }

/* formlar */
.alan__kutu select, .alan__kutu textarea { width: 100%; padding: var(--space-sm) var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-surface); font: 500 var(--text-base)/1.4 var(--font-body); color: var(--color-ink); }
.alan__kutu select { height: 3rem; padding-block: 0; }
.alan__kutu textarea { resize: vertical; }
.alan__kutu select:focus-visible, .alan__kutu textarea:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 0; border-color: var(--color-focus); }
.alan em { font-style: normal; font-weight: 500; color: var(--color-muted); }
.alan--hata .alan__kutu input, .alan--hata .alan__kutu select, .alan--hata .alan__kutu textarea { border-color: var(--color-accent); }
.alan__hata { color: var(--color-accent-deep); font-weight: 600; font-size: var(--text-sm); }
.kutucuk--hata { color: var(--color-accent-deep); }
.alan-iki { display: grid; gap: var(--space-md); }
@media (min-width: 30rem) { .alan-iki { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

/* ödeme */
.odeme-sayfa, .odeme-kart, .siparis-sayfa, .yorum-sayfa { padding-block: var(--space-xl) var(--space-2xl); }
.odeme-sayfa h1, .odeme-kart h1, .siparis-sayfa h1, .yorum-sayfa h1, .sonuc-sayfa h1, .yasal h1 { font-size: var(--text-h2); }
.odeme-sayfa > .lede, .siparis-sayfa > .lede { margin-top: var(--space-sm); }
.odeme-izgara { display: grid; gap: var(--space-xl); margin-top: var(--space-lg); align-items: start; }
@media (min-width: 60rem) { .odeme-izgara { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .odeme-ozet { position: sticky; top: 6rem; } }
.odeme-sol { display: grid; gap: var(--space-lg); }
.odeme-grup { display: grid; gap: var(--space-md); padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); }
.odeme-grup[hidden] { display: none; }
.odeme-grup legend { float: left; width: 100%; font-family: var(--font-display); font-size: 1.3rem; padding: 0; }
.odeme-grup legend + * { clear: both; }
.odeme-grup legend.gizli { float: none; width: 1px; }
@media (max-width: 22rem) { .hb__bilgi { padding-inline: var(--space-md); } .matris { border-spacing: 0.15rem; } .beden-dug { min-width: 2.9rem; } }
.odeme-grup [data-kurumsal-alani] { display: grid; gap: var(--space-md); }
.odeme-grup [data-kurumsal-alani][hidden] { display: none; }
.onaylar { gap: var(--space-sm); }
.kvkk-not { font-size: var(--text-sm); color: var(--color-muted); }
.odeme-ozet { padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); display: grid; gap: var(--space-sm); }
.odeme-ozet h2 { font-size: 1.4rem; }
.odeme-ozet .dug { margin-top: var(--space-sm); }
.odeme-not { font-size: var(--text-ui); color: var(--color-ink-2); }
.sepet-ogesi--ozet { grid-template-columns: 3.5rem minmax(0, 1fr); }
.sepet-ogesi--ozet img { width: 3.5rem; height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: var(--color-paper-2); border-radius: var(--radius-sm); }
.gorsel-yok { display: block; width: 3.5rem; aspect-ratio: 3 / 4; background: var(--color-paper-2); border-radius: var(--radius-sm); }
.belge-pencere { width: min(48rem, calc(100% - 2rem)); margin: 4dvh auto auto; border-radius: var(--radius-lg); max-height: 90dvh; overflow: auto; }
.belge-pencere .yasal__metin { padding: var(--space-lg); }
.sepet-ogesi__ad a { color: inherit; text-decoration: none; }

/* sipariş sonucu */
.siparis-sayfa { max-width: 52rem; }
.siparis-sayfa .zaman { margin-top: var(--space-lg); }
.siparis-sayfa .dugmeler, .sonuc-sayfa .dugmeler { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-lg); }
.iban-kutu { margin-top: var(--space-lg); padding: var(--space-md) var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); display: grid; gap: var(--space-xs); }
.iban-kutu div { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: var(--space-sm); font-size: var(--text-ui); }
.iban-kutu dt { color: var(--color-muted); }
.iban-kutu b { font-variant-numeric: tabular-nums; word-break: break-all; }
.siparis-ozet { margin-top: var(--space-xl); padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); display: grid; gap: var(--space-sm); }
.siparis-ozet h2 { font-size: 1.4rem; }
.ozet--kucuk { margin-top: var(--space-sm); }
.ozet--kucuk > div { padding-block: var(--space-sm); }
.belgeler { font-size: var(--text-sm); }

/* hata, takip, yasal */
.sonuc-sayfa { padding-block: var(--space-2xl); display: grid; gap: var(--space-md); justify-items: start; max-width: 40rem; }
.sonuc-sayfa__kod { font-family: var(--font-display); font-size: 4rem; color: var(--color-blush); line-height: 1; }
.takip-sayfa .takip-form { width: 100%; }
.yasal { padding-block: var(--space-xl) var(--space-2xl); max-width: 52rem; }
.yasal__metin { margin-top: var(--space-lg); display: grid; gap: var(--space-sm); color: var(--color-ink-2); font-size: var(--text-ui); line-height: 1.7; }
.yasal__metin h2 { font-size: 1.35rem; color: var(--color-ink); margin-top: var(--space-md); }
.yasal__metin h3 { font-size: 1.1rem; color: var(--color-ink); margin-top: var(--space-sm); font-family: var(--font-body); font-weight: 700; }
.yasal__metin ul, .yasal__metin ol { padding-left: 1.25rem; display: grid; gap: var(--space-2xs); }
.yasal__metin ul { list-style: disc; }
.yasal__metin ol { list-style: decimal; }
.yasal__metin strong { color: var(--color-ink); }
.yasal__metin a { color: var(--color-accent-deep); }
.tablo-kap { overflow-x: auto; }
.yasal-tablo { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.yasal-tablo th, .yasal-tablo td { border: var(--rule-hair) solid var(--color-rule); padding: var(--space-xs) var(--space-sm); text-align: left; vertical-align: top; }
.yasal-tablo th { background: var(--color-paper-2); color: var(--color-ink); }
.yasal-tarih { font-size: var(--text-sm); color: var(--color-muted); margin-top: var(--space-md); }

/* yorum formu */
.yorum-sayfa { max-width: 44rem; }
.yorum-form { display: grid; gap: var(--space-lg); margin-top: var(--space-lg); justify-items: start; }
.yorum-form .odeme-grup { width: 100%; }
.yorum-kalem legend small { display: block; font-family: var(--font-body); font-size: var(--text-sm); color: var(--color-muted); }
.uyum-sec { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.uyum-sec .cip { cursor: pointer; }
.uyum-sec .cip:has(input:checked) { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-paper); }
.uyum-sec input { position: absolute; opacity: 0; pointer-events: none; }

/* sabit sayfalar */
.sabit { padding-block: var(--space-xl) var(--space-2xl); max-width: 60rem; }
.sabit h1 { font-size: var(--text-h2); }
.sabit .lede { margin-top: var(--space-md); max-width: 60ch; }
.sabit__ust { display: grid; gap: var(--space-xl); align-items: center; }
@media (min-width: 48rem) { .sabit__ust { grid-template-columns: minmax(0, 1fr) 14rem; } }
.sabit__rozet { width: min(14rem, 60vw); height: auto; justify-self: center; }
.sabit .dugmeler { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-lg); }
.iletisim { display: grid; gap: var(--space-md); margin-top: var(--space-lg); }
@media (min-width: 48rem) { .iletisim { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.iletisim__kart { padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); display: grid; gap: var(--space-sm); align-content: start; justify-items: start; }
.iletisim__kart h2 { font-size: 1.35rem; }
.iletisim__kart address { font-style: normal; color: var(--color-ink-2); }
.iletisim__liste { display: grid; gap: var(--space-2xs); font-size: var(--text-ui); }
.iletisim__liste div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: var(--space-xs); }
.iletisim__liste dt { color: var(--color-muted); }
.iletisim__liste a { color: var(--color-ink); }
.ince-not { font-size: var(--text-sm); color: var(--color-muted); }
.ince-not a { color: inherit; }
.sss h2 { font-size: 1.35rem; margin-top: var(--space-xl); margin-bottom: var(--space-xs); }
.sss details { border-bottom: var(--rule-hair) solid var(--color-rule); padding-block: var(--space-sm); }
.sss summary { cursor: pointer; font-weight: 650; list-style: none; display: flex; justify-content: space-between; gap: var(--space-md); }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; color: var(--color-accent); font-weight: 700; }
.sss details[open] summary::after { content: "−"; }
.sss details p { margin-top: var(--space-xs); color: var(--color-ink-2); max-width: 70ch; }
.sss a, .sabit__alt a { color: var(--color-accent-deep); }
.sabit__alt { margin-top: var(--space-xl); color: var(--color-ink-2); }
.alt__satici { display: grid; gap: var(--space-3xs, 0.125rem); font-size: var(--text-sm); color: var(--color-ink-2); }
.alt__satici a { color: inherit; }
.alt__odeme { display: inline-flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap; }
.kart-logolari { display: inline-flex; gap: 0.35rem; }
.kart-logolari svg { width: 2.6rem; height: auto; }

/* harita */
.harita { margin-top: var(--space-xl); display: grid; gap: var(--space-sm); }
.harita__bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--space-xs) var(--space-md); }
.harita__bas h2 { font-size: 1.35rem; }
.harita__bas .link { color: var(--color-accent-deep); }
.harita__kutu { position: relative; aspect-ratio: 16 / 9; min-height: 18rem; border-radius: var(--radius-lg); overflow: hidden; background: var(--color-paper-2); border: var(--rule-hair) solid var(--color-rule-2); }
.harita__kutu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.harita__yer { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: var(--space-sm); padding: var(--space-lg); text-align: center; color: var(--color-ink-2); background: repeating-linear-gradient(45deg, transparent 0 22px, oklch(93% 0.02 40 / .55) 22px 23px), var(--color-paper-2); }
.harita__yer .ikon { width: 2rem; height: 2rem; color: var(--color-accent); }
.harita__yer small { color: var(--color-muted); font-size: var(--text-sm); }
@media (max-width: 40rem) { .harita__kutu { aspect-ratio: 4 / 5; } }

/* üyelik */
.uye-dug--acik::after { content: ""; position: absolute; top: 0.6rem; right: 0.55rem; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 0 2px var(--color-paper); }
.uye-sayfa { padding-block: var(--space-xl) var(--space-2xl); display: grid; gap: var(--space-md); max-width: 30rem; }
.uye-sayfa h1, .hesap-bas h1 { font-size: var(--text-h2); }
.uye-kart { display: grid; gap: var(--space-md); padding: var(--space-lg); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); align-content: start; min-width: 0; }
.uye-kart h2 { font-family: var(--font-display); font-size: 1.3rem; font-weight: 400; }
.uye-kart > .link, .uye-kart > .dug:not(.dug--tam) { justify-self: start; }
.uye-sekme { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: var(--radius-pill); background: var(--color-paper-2); }
.uye-sekme a { display: grid; place-items: center; min-height: 2.6rem; border-radius: var(--radius-pill); font-weight: 650; font-size: var(--text-ui); color: var(--color-ink-2); text-decoration: none; }
.uye-sekme a[aria-selected="true"] { background: var(--color-surface); color: var(--color-ink); box-shadow: 0 1px 3px var(--color-shadow); }
.uye-alt { display: grid; gap: var(--space-sm); justify-items: center; text-align: center; color: var(--color-ink-2); font-size: var(--text-ui); }
.uye-alt .dug { max-width: 30rem; }
.sifre-goster { position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); padding: 0.4rem 0.6rem; border-radius: var(--radius-sm); font-size: var(--text-sm); font-weight: 650; color: var(--color-accent); }
.alan__kutu:has(.sifre-goster) input { padding-right: 5rem; }
.kod-girdi { letter-spacing: 0.45em; text-align: center; font-size: 1.35rem !important; }
.hesap-sayfa { padding-block: var(--space-xl) var(--space-2xl); display: grid; gap: var(--space-md); }
.hesap-bas { display: grid; gap: var(--space-3xs); }
.hesap-bas p { color: var(--color-ink-2); font-size: var(--text-ui); }
.hesap-menu { display: flex; align-items: stretch; gap: var(--space-md); overflow-x: auto; scrollbar-width: none; border-bottom: var(--rule-hair) solid var(--color-rule-2); }
.hesap-menu::-webkit-scrollbar { display: none; }
.hesap-menu a, .hesap-menu button { flex: none; padding: var(--space-sm) 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font-weight: 650; font-size: var(--text-ui); color: var(--color-ink-2); text-decoration: none; white-space: nowrap; }
.hesap-menu a[aria-current="page"] { color: var(--color-ink); border-bottom-color: var(--color-accent); }
.hesap-menu form { margin-left: auto; display: flex; flex: none; }
.hesap-icerik { display: grid; gap: var(--space-md); min-width: 0; }
.hesap-liste, .hesap-kartlar, .hesap-favoriler { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-sm); }
.hesap-siparis a { display: grid; gap: var(--space-xs); padding: var(--space-md); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); text-decoration: none; color: inherit; transition: border-color var(--dur-micro) var(--ease-out); }
.hesap-siparis a:hover { border-color: var(--color-rule); }
.hesap-siparis__ust, .hesap-siparis__alt { display: flex; justify-content: space-between; gap: var(--space-sm); align-items: center; }
.hesap-siparis__alt span { color: var(--color-muted); font-size: var(--text-sm); }
.hesap-siparis__alt b { font-variant-numeric: tabular-nums; }
.hesap-siparis__gorseller { display: flex; gap: var(--space-2xs); }
.hesap-siparis__gorseller:empty { display: none; }
.hesap-siparis__gorseller img { width: 3rem; height: 3.75rem; object-fit: cover; border-radius: var(--radius-sm); background: var(--color-studyo); }
.hesap-durum { padding: 0.15rem 0.65rem; border-radius: var(--radius-pill); background: var(--color-paper-2); font-size: var(--text-sm); font-weight: 650; white-space: nowrap; }
.hesap-durum--yeni, .hesap-durum--hazirlaniyor, .hesap-durum--kargoda, .hesap-durum--magazada_hazir, .hesap-durum--havale_bekliyor, .hesap-durum--odeme_bekliyor { background: var(--color-accent-soft); color: var(--color-accent-deep); }
.hesap-durum--teslim_edildi { background: oklch(94% 0.04 150); color: var(--color-ok); }
.hesap-durum--iptal, .hesap-durum--iade { color: var(--color-muted); }
.hesap-bos { display: grid; gap: var(--space-sm); justify-items: start; padding: var(--space-lg); border: var(--rule-hair) dashed var(--color-rule); border-radius: var(--radius-lg); color: var(--color-ink-2); }
.hesap-arac { display: flex; justify-content: flex-end; }
.hesap-kartlar { grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
.hesap-adres { display: grid; gap: var(--space-3xs); align-content: start; padding: var(--space-md); background: var(--color-surface); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-lg); font-size: var(--text-ui); color: var(--color-ink-2); }
.hesap-adres--varsayilan { border-color: var(--color-accent); }
.hesap-adres__bas { display: flex; justify-content: space-between; gap: var(--space-sm); color: var(--color-ink); }
.hesap-adres__bas span { font-size: var(--text-sm); color: var(--color-accent); font-weight: 650; }
.hesap-adres__dugmeler { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-top: var(--space-xs); }
.hesap-adres__dugmeler form { display: flex; flex-wrap: wrap; gap: var(--space-md); }
.hesap-form { max-width: 38rem; }
.hesap-form__dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); }
.hesap-izgara { display: grid; gap: var(--space-md); }
@media (min-width: 60rem) { .hesap-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.hesap-favoriler { grid-template-columns: repeat(auto-fill, minmax(min(46%, 11rem), 1fr)); gap: var(--space-lg) var(--space-md); }
.hesap-favoriler li { display: grid; gap: var(--space-2xs); align-content: start; font-size: var(--text-ui); }
.hesap-favoriler a { display: grid; gap: var(--space-xs); text-decoration: none; color: inherit; font-weight: 600; }
.hesap-favoriler img { aspect-ratio: 4 / 5; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius-md); background: var(--color-studyo); }
.hesap-favoriler s { color: var(--color-muted); }
.hesap-favoriler em { color: var(--color-accent-deep); font-style: normal; font-weight: 650; }
.hesap-favoriler .link { justify-self: start; font-size: var(--text-sm); }
.hesap-dogru { color: var(--color-ok); font-weight: 650; }
.hesap-sil { font-size: var(--text-sm); }
.sayfalama { display: flex; gap: var(--space-sm); align-items: center; justify-content: center; }
.odeme-uye { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm) var(--space-md); padding: var(--space-md) var(--space-lg); background: var(--color-accent-soft); border-radius: var(--radius-lg); font-size: var(--text-ui); }
.odeme-uye__dugmeler { display: flex; align-items: center; gap: var(--space-md); }
.odeme-uye .dug { min-height: 2.6rem; }
.adres-sec { display: grid; gap: var(--space-xs); }
.hb__favori { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: var(--space-2xs); padding: var(--space-2xs) 0; font-size: var(--text-ui); font-weight: 650; color: var(--color-ink-2); }
.hb__favori .ikon { fill: none; transition: fill var(--dur-micro) var(--ease-out), stroke var(--dur-micro) var(--ease-out); }
.hb__favori[aria-pressed="true"] { color: var(--color-accent-deep); }
.hb__favori[aria-pressed="true"] .ikon { fill: var(--color-accent); stroke: var(--color-accent); }
.siparis-uye { display: grid; gap: var(--space-xs); padding: var(--space-md) var(--space-lg); background: var(--color-accent-soft); border-radius: var(--radius-lg); }