/* ============================================================
   HESAP ALT SAYFALARI + BİLGİ SAYFALARI + PDP pencereleri
   hesapek.js · siparisek.js · bilgi.js · pdpdetay.js (konum, kampanya, soru)
   Form alanları odeme.css'teki .gr-alan / .gr-giris kalıbını kullanır.
   ============================================================ */

.gizli{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.hx-liste{ display:flex; flex-direction:column; gap:10px; padding:12px; }
.hx-kutu{
  display:flex; flex-direction:column; gap:10px;
  margin:0 0 10px; padding:16px; background:var(--zemin);
  border:1px solid var(--hat); border-radius:var(--r2);
}
.hx-liste .hx-kutu{ margin:0; }
.hs-alt > form.hx-kutu, .hs-alt > .hx-kutu{ margin:12px; }
.hx-kutu h2{ display:flex; align-items:center; gap:6px; margin:0; font-size:15px; font-weight:600; color:var(--metin); }
.hx-kutu h2 .ikn{ width:18px; height:18px; color:var(--mnd); }
.hx-baslik{ margin:6px 4px 0; font-size:13px; font-weight:600; color:var(--metin2); }
.hx-not{ display:flex; align-items:flex-start; gap:6px; margin:0; font-size:12px; line-height:1.45; color:var(--metin2); }
.hx-not .ikn{ flex:0 0 14px; width:14px; height:14px; margin-top:1px; color:var(--onay, var(--yesil)); }
.hx-iki{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.hx-iki .gr-alan{ min-width:0; }
.gr-giris select, .gr-giris textarea{
  flex:1; min-width:0; padding:10px 12px; border:1px solid var(--hat); border-radius:var(--r2);
  background:var(--panel); font-size:14px; font-weight:400; font-family:inherit; color:var(--metin);
}
.gr-giris select{ height:44px; width:100%; }
.gr-giris textarea{ resize:vertical; min-height:80px; line-height:1.45; }
.gr-giris select:focus, .gr-giris textarea:focus{ outline:none; border-color:var(--mnd); background:var(--zemin); }
.gr-giris [aria-invalid="true"]{ border-color:var(--kirmizi); }

/* adres kartı */
.hx-adres header{ display:flex; align-items:center; gap:8px; }
.hx-adres header b{ font-size:15px; color:var(--metin); }
.hx-adres p{ margin:0; font-size:13px; color:var(--metin2); }
.hx-rozet{ padding:1px 8px; border-radius:var(--r2); background:var(--mnd-acik); font-size:11px; font-weight:600; color:var(--mnd-koyu); }
.hx-adres footer{ display:flex; gap:16px; padding-top:10px; margin-top:4px; border-top:1px solid var(--hat); font-size:13px; font-weight:600; }
.hx-adres footer a, .hx-adres footer button{ color:var(--mnd-koyu); }
.hx-sil{ display:inline-flex; align-items:center; gap:4px; color:var(--kirmizi) !important; font-size:13px; font-weight:600; }
.hx-sil .ikn{ width:14px; height:14px; }
.hx-ekle{
  display:flex; align-items:center; justify-content:center; gap:8px; height:48px;
  border:1.5px dashed var(--cerceve-kesik, var(--metin)); border-radius:var(--r2); background:var(--zemin);
  font-family:var(--yazi-dar); font-weight:700; letter-spacing:var(--dar-aralik, .05em); text-transform:var(--buyuk-harf, uppercase); font-size:15px; color:var(--metin);
}
.hx-ekle .ikn{ width:18px; height:18px; }

/* kayıtlı kart */
.hx-kart{ display:flex; flex-direction:column; gap:8px; }
.hx-kart-yuz{
  display:flex; flex-direction:column; gap:14px; padding:18px; border-radius:var(--r2); color:#fff;
  background:linear-gradient(135deg, var(--metin) 0%, var(--metin2) 100%); aspect-ratio:1.9 / 1; max-width:360px;
}
.hx-kart-yuz b{ font-size:14px; }
.hx-kart-yuz > span{ margin-top:auto; font-size:17px; letter-spacing:var(--dar-aralik, .08em); }
.hx-kart-yuz small{ display:flex; justify-content:space-between; font-size:11px; letter-spacing:var(--dar-aralik, .06em); opacity:.85; }
.hx-kart .hx-sil{ align-self:flex-start; }

/* duyuru anahtarları */
.hx-anahtar{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--hat); }
.hx-anahtar > span{ display:flex; flex-direction:column; gap:2px; }
.hx-anahtar b{ font-size:14px; font-weight:600; color:var(--metin); }
.hx-anahtar small{ font-size:12px; color:var(--metin2); }
.hx-anahtar button{ flex:0 0 44px; height:26px; padding:3px; border-radius:var(--r3); background:var(--hat2); transition:background var(--hiz); }
.hx-anahtar button i{ display:block; width:20px; height:20px; border-radius:50%; background:var(--zemin); box-shadow:0 0 0 1px var(--hat2); transition:transform var(--hiz); }
.hx-anahtar button[aria-checked="true"]{ background:var(--mnd); }
.hx-anahtar button[aria-checked="true"] i{ transform:translateX(18px); }

/* sipariş detayı */
.hx-sat{ display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:13px; color:var(--metin2); }
.hx-sat b{ color:var(--metin); font-weight:600; text-align:right; }
.hx-hareket{ list-style:none; margin:0; padding:0 0 0 6px; display:flex; flex-direction:column; }
.hx-hareket li{ position:relative; padding:0 0 14px 20px; font-size:13px; color:var(--metin2); }
.hx-hareket li::before{ content:''; position:absolute; left:0; top:4px; width:9px; height:9px; border-radius:50%; background:var(--hat2); }
.hx-hareket li:not(:last-child)::after{ content:''; position:absolute; left:4px; top:14px; bottom:0; width:1px; background:var(--hat); }
.hx-hareket li.son{ color:var(--metin); font-weight:600; }
.hx-hareket li.son::before{ background:var(--mnd); box-shadow:0 0 0 3px var(--hat); }
.hx-eyl{ display:flex; gap:8px; flex-wrap:wrap; }
.hx-eyl .btn{ flex:1; }

/* değerlendirme + iade */
.hx-sekmeler{ margin:0; padding:12px 12px 0; gap:8px; scroll-padding-inline:12px; }
.hx-urun{ display:flex; align-items:center; gap:10px; min-width:0; }
.hx-urun > span:last-child{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.hx-urun b{ font-size:13px; font-weight:600; color:var(--metin); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hx-urun small{ font-size:11px; color:var(--metin3); }
.hx-deg > p{ margin:0; font-size:13px; line-height:1.5; color:var(--metin); }
.hx-deg .yildizlar{ color:var(--sari); }
.hx-yildiz{ display:flex; gap:4px; }
.hx-yildiz label{ cursor:pointer; }
.hx-yildiz input{ position:absolute; opacity:0; pointer-events:none; }
.hx-yildiz span{ font-size:30px; line-height:1; color:var(--hat2); transition:color var(--hiz); }
/* seçilen yıldız ve solundakiler dolu: sıra ters çevrilmeden, :has ile */
.hx-yildiz:has(input:checked) label:has(~ label input:checked) span,
.hx-yildiz label:has(input:checked) span{ color:var(--sari); }
.hx-yildiz input:focus-visible + span{ outline:2px solid var(--mnd); outline-offset:2px; border-radius:var(--r2); }
.hx-iade{ gap:12px; }
.hx-iade .btn{ align-self:flex-start; }

/* ---------- yardım + bilgi sayfaları ---------- */
.bl-kisa{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin-bottom:10px; }
.bl-kisa a{
  display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px;
  background:var(--zemin); border:1px solid var(--hat); border-radius:var(--r2); text-align:center;
  font-size:11px; font-weight:600; color:var(--metin);
}
.bl-kisa .ikn{ width:22px; height:22px; color:var(--mnd); }
.bl-sss{ border-top:1px solid var(--hat); }
.bl-sss button{
  display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
  padding:12px 0; text-align:left; font-size:13px; font-weight:600; color:var(--metin);
}
.bl-sss button i{ font-style:normal; font-size:18px; color:var(--mnd); }
.bl-sss p{ margin:0 0 12px; font-size:13px; line-height:1.5; color:var(--metin2); }
.bl-sayfa{ padding-block:0 24px; }
.bl-sayfa .kt-kirinti{ padding-inline:0; background:none; }
.bl-sayfa .hx-kutu{ margin-top:10px; }
.bl-sayfa h1{ margin:0; font-size:20px; font-weight:700; color:var(--metin); }
.bl-sayfa p{ margin:0; font-size:14px; line-height:1.6; color:var(--metin2); }
.bl-dugme{ display:grid; place-items:center; margin-top:16px; }
.bl-geri{ display:block; margin-top:14px; text-align:center; }

/* ---------- PDP pencereleri (sheet) ---------- */
.pa-konum-adres{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.pa-detay{ margin:0; font-size:14px; line-height:1.55; color:var(--metin); }
.btn-genis{ width:100%; }
.pa-bekleyen .pd-cevap{ background:var(--mnd-acik); }

@media (hover:hover){
  .hx-adres footer a:hover, .hx-ekle:hover, .bl-kisa a:hover{ color:var(--mnd); }
  .bl-sss button:hover{ color:var(--mnd); }
}
@media (min-width:900px){
  .hx-liste{ padding:12px 0; }
  .hs-alt > form.hx-kutu, .hs-alt > .hx-kutu{ margin:12px 0; }
  .hx-sekmeler{ padding-inline:0; }
}

/* misafir devam — giriş formunun altında ikincil yol */
.gr-misafir{ display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:18px; text-align:center; }
.gr-misafir > span{ font-size:var(--t3); color:var(--metin3); }
.gr-misafir small{ font-size:var(--t3); color:var(--metin2); }