/* REYSAMOBILYA URUN / SEPET / ODEME / HESAP EK STILI (B2, 1 Ekim 2026). Kendi kodumuz. Taban _taban.html bunu stil.css'ten SONRA
   baglar. Urun, sepet ve odeme sayfalarinin reysa-site kurallari stil.css'te zaten var (kaynakta oyle, B1 aynen tasidi); burada
   yalniz platforma ozgu ekler: sepet bildirimleri, indirim kodu, sozlesme onayi, tesekkur kalem gorseli, hesap sayfalari.
   Olcek stil.css ile ayni (1rem = 10px). */

/* ───────── sepet: platform bildirimleri (eklendi, kupon, geri yuklendi, dusen urun) yalniz varken ───────── */
.sepet-mesajlar { padding-top: 2.7rem; }
.sepet-mesajlar > :last-child { margin-bottom: 0; }
@media screen and (min-width: 750px) { .sepet-mesajlar { padding-top: 3.6rem; } }
.sepet-mesajlar + .sepet-kalemler, .sepet-mesajlar + .sepet-bos { padding-top: 2rem; }
/* uygulanmis indirim kodu ve hediye paketi satiri (Liste Fiyati satirinin duzeninde) */
.sepet-bloklar .sepet-kupon span, .sepet-bloklar .sepet-hediye span { color: var(--koyu); font-size: 1.3rem; }
.sepet-bloklar .sepet-kupon span:last-child { color: var(--kirmizi); font-weight: 700; }
/* platformun hediye paketi (magaza acarsa) */
.sepet-hediye-form { margin: 0 0 4rem; }
@media screen and (min-width: 750px) { .sepet-hediye-form { width: 35rem; margin-left: auto; } }
.sepet-hediye-not { display: flex; gap: .8rem; margin-top: .8rem; }
.sepet-hediye-not input { flex: 1; min-width: 0; height: 3.6rem; padding: 0 1.2rem; border: .1rem solid rgba(18, 18, 18, .55);
  font-size: 1.4rem; }

/* ───────── odeme: indirim kodu ve sozlesme onayi (ozet kutusunda) ───────── */
/* indirim kodu kutusu (7 Ekim 2026; sahip: "sepette indirim kodu kısmı açık olsun"): sepette ve ödeme özetinde AÇIK (eskiden ödemede
   kapalı "İndirim kodunuz var mı?" bağlantısıydı, sepette hiç yoktu). Giriş yazısı 16 px: iOS odaklanınca yakınlaştırmasın. */
.odeme-kupon { margin-top: 1.6rem; font-size: 1.4rem; }
.odeme-kupon__baslik, .sepet-kupon-kutu__baslik { display: block; font-size: 1.4rem; font-weight: 700; color: var(--koyu); }
.odeme-kupon__satir { display: flex; align-items: center; gap: .8rem; margin-top: .8rem; }
.odeme-kupon__satir input { flex: 1 1 0; width: 0; min-width: 0; height: 4.4rem; padding: 0 1.2rem; border: .1rem solid rgba(18, 18, 18, .55);
  border-radius: 0; font-size: 1.6rem; color: var(--koyu); background: #fff; text-transform: uppercase; }
.odeme-kupon__satir input::placeholder { text-transform: none; }
.odeme-kupon__satir .dugme--kucuk { min-height: 4.4rem; }
.odeme-kupon__satir .kucuk-yazi { flex: 1; }
.odeme-kupon__hata { margin: .8rem 0 0; font-size: 1.3rem; line-height: 1.5; color: var(--kirmizi); }
.odeme-kupon__kaldir { margin: .6rem 0 0; padding: 0; border: 0; background: none; font-size: 1.3rem; color: var(--koyu);
  text-decoration: underline; text-underline-offset: .3rem; cursor: pointer; }
.sepet-kupon-kutu { margin: 1.2rem 0 1.8rem; }
.odeme-onay { display: flex; align-items: flex-start; gap: 1rem; margin-top: 1.6rem; font-size: 1.3rem; line-height: 1.5;
  color: var(--metin); cursor: pointer; }
.odeme-onay input { flex: 0 0 auto; width: 1.8rem; height: 1.8rem; margin: .1rem 0 0; accent-color: var(--koyu); }
.odeme-onay a { color: var(--koyu); }

/* ───────── tesekkur: kalem gorseli (siparisten sonra betikle gelir; yeri bastan ayrili) ───────── */
.tesekkur-gorsel img { display: block; width: 56px; height: 56px; object-fit: cover; }
.tesekkur-iban { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: .04rem; word-break: break-all; }

/* ───────── HESAP (giris, kayit, sifre, hesabim, siparisler, adresler, bilgiler) ─────────
   Canli Shopify magazasinin Dawn musteri sayfalari duzeninde: ortali baslik, kutu ici yuzen etiketli alanlar (.alan-kutu--etiketli,
   iletisim formundaki bilesen), ortali dugme; hesap icinde sekme satiri, siparis gecmisi tablosu (telefonda satirlar etiketli). */
.hesap-kap { padding-top: 3.6rem; padding-bottom: 5rem; }
@media screen and (min-width: 750px) { .hesap-kap { padding-top: 5rem; padding-bottom: 7rem; } }
.hesap-baslik { margin: 0 0 3rem; font-size: 3rem; line-height: 1.3; text-align: center; }
@media screen and (min-width: 750px) { .hesap-baslik { font-size: 4rem; } }
.hesap-not { margin: -1.5rem 0 3rem; text-align: center; font-size: 1.5rem; color: var(--metin); }
.hesap-not--sol { margin: 0 0 2rem; text-align: left; font-size: 1.3rem; }
.hesap-kap .uyari, .hesap-kap .bilgi-kutu, .hesap-sayfa .uyari, .hesap-sayfa .bilgi-kutu { margin: 0 0 2.4rem; }
.hesap-formu__unuttum { display: inline-block; margin: 0 0 3rem; font-size: 1.5rem; }
.hesap-formu__dugme { margin: 0 0 2rem; text-align: center; }
.hesap-formu__dugme--sol { text-align: left; }
.hesap-formu__alt { display: block; text-align: center; font-size: 1.5rem; }
.hesap-kap > .hesap-formu__alt { margin-top: 1rem; }
.hesap-onay { margin: 0 0 3rem; }
.hesap-misafir { margin-top: 6rem; padding-top: 4rem; border-top: .1rem solid var(--cizgi); text-align: center; }
.hesap-misafir h2 { margin: 0 0 1rem; font-size: 2rem; }
@media screen and (min-width: 750px) { .hesap-misafir h2 { font-size: 2.4rem; } }
.hesap-sayfa { padding-top: 3.6rem; padding-bottom: 5rem; }
@media screen and (min-width: 750px) { .hesap-sayfa { padding-top: 5rem; padding-bottom: 7rem; } }
.hesap-sayfa__baslik { margin: 0 0 2rem; font-size: 3rem; line-height: 1.3; }
@media screen and (min-width: 750px) { .hesap-sayfa__baslik { font-size: 4rem; } }
.hesap-sayfa__alt { margin: 0 0 1.6rem; font-size: 1.8rem; line-height: 1.3; }
@media screen and (min-width: 750px) { .hesap-sayfa__alt { font-size: 2rem; } }
.hesap-menu { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 2.4rem; margin: 0 0 3.6rem; padding: 0 0 1.6rem;
  border-bottom: .1rem solid var(--cizgi); font-size: 1.5rem; }
.hesap-menu a { color: var(--metin); text-decoration: none; }
.hesap-menu a:hover, .hesap-menu a[aria-current] { color: var(--koyu); text-decoration: underline; text-underline-offset: .3rem; }
.hesap-menu__cikis { margin: 0 0 0 auto; }
.hesap-menu__cikis .baglanti { font-size: 1.5rem; }
.hesap-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4rem; }
@media screen and (min-width: 990px) { .hesap-izgara { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 6rem; } }
.hesap-tablo { width: 100%; border-collapse: collapse; margin: 0 0 2rem; font-size: 1.4rem; }
.hesap-tablo th { padding: 0 0 1.2rem; border-bottom: .1rem solid var(--cizgi); font-size: 1.1rem; font-weight: 400; letter-spacing: .13rem;
  text-transform: uppercase; text-align: left; color: var(--metin); }
.hesap-tablo td { padding: 1.4rem 1rem 1.4rem 0; border-bottom: .1rem solid var(--cizgi); vertical-align: top; color: var(--koyu); }
.hesap-tablo .sag { text-align: right; padding-right: 0; }
.hesap-tablo tfoot td { border-bottom: 0; padding: .8rem 0; color: var(--metin); }
.hesap-tablo tfoot td:first-child { text-align: right; padding-right: 2rem; }
.hesap-tablo__toplam td { font-size: 1.6rem; color: var(--koyu) !important; }
@media screen and (max-width: 749px) {
  .hesap-tablo thead { display: none; }
  .hesap-tablo tbody tr { display: block; padding: 1.2rem 0; border-bottom: .1rem solid var(--cizgi); }
  .hesap-tablo tbody td { display: flex; justify-content: space-between; gap: 1.6rem; padding: .4rem 0; border: 0; text-align: right; }
  .hesap-tablo tbody td::before { content: attr(data-etiket); color: var(--metin); text-align: left; }
}
.hesap-adresler { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; margin: 0 0 4rem; }
@media screen and (min-width: 750px) { .hesap-adresler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (min-width: 990px) { .hesap-adresler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hesap-adres { padding: 2rem; border: .1rem solid var(--cizgi-2); }
.hesap-adres p { margin: 0 0 1.2rem; font-size: 1.4rem; }
.hesap-adres__islem { display: flex; gap: 2rem; }
.hesap-adres__islem form { margin: 0; }
.hesap-rozet { display: inline-block; margin-left: .6rem; padding: .2rem .8rem; border: .1rem solid var(--koyu); border-radius: 2rem;
  font-size: 1.1rem; vertical-align: middle; }
.hesap-formu--genis { max-width: 80rem; margin: 0 0 4rem; }
.hesap-formu .alan-kutu--metin textarea { min-height: 10rem; }

/* ───────── telefonda yana kayma yok (7 Ekim 2026; sahip: "mobilde kayma var ürün sayfalarında") ─────────
   Yorum sıralama seçicisi 40 px'lik simge düğmesi; seçili seçeneğin yazısı (saydam, "Önce Fotoğraflar") kutudan sağa taşıyordu. Chromium
   kırpar, WebKit (iPhone Safari) taşmayı sayfa genişliğine katar: yorumu olan her ürün sayfası (421 ürünün 190'ı) 390 px telefonda 483 px
   genişliyor, parmakla 93 px yana kayıyordu (sahne ölçümü, _olcum/mobil-kayma-20261007). Kök neden: seçici kendi içini kırpar.
   Güvenlik ağı: sayfa yatayda kırpılır (overflow-x: clip kaydırma kabı açmaz; yapışkan şerit ve üst bilgi bozulmaz; Safari 16 öncesi
   yok sayar). */
.degerlendirme__sirala select { overflow: hidden; }
html, body { overflow-x: clip; }

/* ───────── telefonda yakınlaştırma yok (7 Ekim 2026; sahip: "mobilde kayma var ürün sayfalarında") ─────────
   iOS Safari yazısı 16 px'ten küçük metin kutusuna (input, select, textarea) dokununca sayfayı yakınlaştırıp öyle bırakıyor, sayfa yana
   kayıyor. Sahnede 390 px ölçüldü: Takımı Tamamlayın adedi 9,5 px, LED seti adedi 10 px, yorum formu 14 px, sepette kurumsal fatura 9,5 px,
   ödeme formu 15 px, indirim kodu 14 px, liste sıralaması 12 px. Dokunmatik ekranda bütün metin girişleri 16 px (!important: alan
   kuralları sınıfla yazılı, select/textarea seçicisi onları geçemez). */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]):not([type="hidden"]),
  select, textarea { font-size: 16px !important; }
}