/* Hesabım (/hesap/*): sade, bol beyaz, ince çizgi, hap düğme.
   site.css değişkenlerini kullanır (--murekkep, --cizgi, --ince, --ikincil, --serif, --sans). */

.hesap-sayfa main{background:#fff}

/* ---------- giriş / kayıt: ortada dar sütun */
.hesap-giris{max-width:420px;margin:0 auto;padding:clamp(3rem,8vw,6rem) 1.25rem clamp(4rem,9vw,7rem);text-align:left}
.hesap-giris>.ust-baslik{text-align:center}
.hesap-giris h1{font-size:clamp(2rem,4.5vw,2.6rem);text-align:center;margin:0 0 2.2rem}
.hesap-metin{color:var(--koyu,#1d1d1d);font-size:.92rem;line-height:1.7;margin:0 0 1.6rem}
.hesap-giris .hesap-metin{text-align:center}

.hesap-form{display:flex;flex-direction:column;gap:1.1rem}
.hesap-form .alan label{font:500 .66rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--koyu,#1d1d1d);margin-bottom:.6rem}
.hesap-form .alan input,.hesap-form .alan select,.hesap-form .alan textarea{border:1px solid #dcdcdc;border-radius:8px;background:#fff;min-height:50px;padding:.85rem 1rem;font:400 .95rem/1.4 var(--sans);transition:border-color .2s}
.hesap-form .alan textarea{min-height:96px;resize:vertical}
.hesap-form .alan input:focus,.hesap-form .alan select:focus,.hesap-form .alan textarea:focus{outline:none;border-color:var(--murekkep)}
.hesap-form .alan input[disabled]{background:#fafafa;color:var(--ikincil)}
.hesap-form .alan[aria-invalid=true] input,.hesap-form .alan[aria-invalid=true] select,.hesap-form .alan[aria-invalid=true] textarea{border-color:var(--uyari)}
.hesap-iki{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hesap-uc{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}
@media (max-width:560px){.hesap-iki,.hesap-uc{grid-template-columns:1fr}}

.hesap-not{display:block;font-size:.76rem;color:var(--ikincil);margin-top:.4rem;font-style:normal}
label .hesap-not,.onay .hesap-not{display:inline;margin:0}
.hesap-sag{text-align:right;margin:-.3rem 0 .2rem}

/* hap düğme: siyah zemin, beyaz yazı */
.dugme.hesap-hap{border-radius:999px;min-height:50px;padding:0 2.4rem;letter-spacing:.18em}
.dugme.hesap-hap.tam{width:100%}
.dugme.hafif.hesap-hap{background:#fff;color:var(--murekkep)}
.dugme.hafif.hesap-hap:hover{background:var(--murekkep);color:#fff}
.dugme.hesap-tehlike{background:var(--uyari);border-color:var(--uyari)}
.dugme.hesap-tehlike:hover{background:#fff;color:var(--uyari)}

.hesap-ince-bag{background:none;border:0;padding:0 0 .2rem;cursor:pointer;font:400 .82rem/1.3 var(--sans);color:var(--murekkep);border-bottom:1px solid var(--cizgi);transition:border-color .2s}
.hesap-ince-bag:hover{border-color:var(--murekkep)}
.hesap-alt-bag{text-align:center;font-size:.86rem;color:var(--ikincil);margin-top:2rem}

.hesap-ayrac{display:flex;align-items:center;gap:1rem;margin:2.4rem 0 1.4rem;color:var(--ikincil);font-size:.78rem}
.hesap-ayrac::before,.hesap-ayrac::after{content:"";flex:1;border-top:1px solid var(--ince)}

.hesap-sayfa .bildirim-kutu{border-radius:8px}

/* ---------- hesap alanı: solda dikey sekme, sağda içerik */
.hesap-kap{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(4rem,8vw,6rem)}
.hesap-bas{text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem)}
.hesap-bas h1{font-size:clamp(2rem,4.5vw,2.8rem);margin:0}
.hesap-duzen{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;max-width:1100px;margin:0 auto}

.hesap-sekmeler{display:flex;flex-direction:column;border-top:1px solid var(--ince);position:sticky;top:calc(var(--ust,64px) + 1.5rem)}
.hesap-sekmeler a,.hesap-cikis button{display:block;width:100%;text-align:left;padding:1rem 0;border:0;border-bottom:1px solid var(--ince);background:none;cursor:pointer;font:500 .7rem/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ikincil);transition:color .2s}
.hesap-sekmeler a:hover,.hesap-cikis button:hover{color:var(--murekkep)}
.hesap-sekmeler a[aria-current=page]{color:var(--murekkep);box-shadow:inset 2px 0 0 var(--murekkep);padding-left:.9rem}
.hesap-cikis{margin:0}

.hesap-icerik{min-width:0}
.hesap-kutu{border:1px solid var(--ince);border-radius:8px;padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.5rem;background:#fff}
.hesap-h2{font:400 1.5rem/1.2 var(--serif);margin:0 0 1.2rem}
.hesap-buyuk{font-size:1.5rem;margin:.1rem 0 .9rem}
.hesap-bos{color:var(--ikincil);margin:0 0 1.6rem}
.hesap-satir-form{margin-top:1rem}

.hesap-kartlar{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.hesap-kart{border:1px solid var(--ince);border-radius:8px;padding:1.3rem 1.4rem;font-size:.9rem;line-height:1.65}
.hesap-kart p{margin:.4rem 0 1rem}
.hesap-kart-bas{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.hesap-rozet{font:500 .6rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--murekkep);border-radius:999px;padding:.35rem .6rem}
.hesap-kart-eylem{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}
.hesap-kart-eylem form{margin:0}

.hesap-ac{margin-top:1rem}
.hesap-ac>summary{cursor:pointer;list-style:none;font:500 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:.3rem 0}
.hesap-ac>summary::-webkit-details-marker{display:none}
.hesap-ac>summary::after{content:" +"}
.hesap-ac[open]>summary{margin-bottom:1.2rem}
.hesap-ac[open]>summary::after{content:" –"}
.hesap-sil-onay>summary{list-style:none;cursor:pointer}
.hesap-sil-onay>summary::-webkit-details-marker{display:none}
.hesap-sil-onay[open] form{margin-top:.6rem}

.bebek-avatar{aspect-ratio:1;max-width:140px;margin:0 auto 1rem;border-radius:50%;background:var(--kum,#f4efe8)}
.bebek-avatar:empty{display:none}

.hesap-liste{list-style:none;margin:0 0 1.5rem;padding:0;border-top:1px solid var(--ince)}
.hesap-siparis{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1.2rem 0;border-bottom:1px solid var(--ince);transition:opacity .2s}
.hesap-siparis:hover{opacity:.7}
.hesap-siparis-no{font:500 .8rem/1.3 var(--sans);letter-spacing:.12em}
.hesap-siparis .hesap-not{margin:0;grid-column:1}
.hesap-durum{grid-column:2;grid-row:1;text-align:right;font-size:.82rem}
.hesap-tutar{grid-column:2;grid-row:2;text-align:right;font-size:.9rem}

.hesap-favoriler{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem 1rem}
.hesap-favoriler form{margin-top:.7rem}

/* ---------- mobil: yatay kaydırılan sekmeler */
@media (max-width:860px){
  .hesap-duzen{grid-template-columns:1fr;gap:1.8rem}
  .hesap-sekmeler{position:static;flex-direction:row;overflow-x:auto;border-top:0;border-bottom:1px solid var(--ince);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--kenar,1.25rem));padding:0 var(--kenar,1.25rem)}
  .hesap-sekmeler::-webkit-scrollbar{display:none}
  .hesap-sekmeler a,.hesap-cikis button{flex:none;width:auto;white-space:nowrap;border-bottom:0;padding:1rem .9rem}
  .hesap-sekmeler a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--murekkep);padding-left:.9rem}
  .hesap-cikis{flex:none}
}
@media (prefers-reduced-motion:reduce){.hesap-sayfa *{transition:none!important}}

/* ---------- parolasız giriş yöntemleri (kurucu 26.09): üst üste üç seçenek */
.giris-yontemleri{display:flex;flex-direction:column;gap:.75rem}
.giris-yontem{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:50px;padding:0 1.25rem;border:1px solid var(--murekkep);border-radius:999px;background:#fff;color:var(--murekkep);font:500 .74rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.giris-yontem:hover{background:var(--murekkep);color:#fff}
.giris-yontem[hidden]{display:none}
.giris-ikon{flex:0 0 auto;width:20px;height:20px}
/* Google marka kılavuzu: beyaz zemin, ince #747775 çerçeve, #1F1F1F yazı, renkli G */
.giris-google{border-color:#747775;color:#1f1f1f;text-transform:none;letter-spacing:.01em;font:500 .9rem/1.2 Roboto,"Helvetica Neue",Arial,sans-serif}
.giris-google:hover{background:#f7f8f8;color:#1f1f1f}
.giris-yontem-not{text-align:center;margin:0}
.giris-ya-da{margin:1.8rem 0 1.4rem}
.giris-kvkk{text-align:center;margin-top:1.4rem;line-height:1.6}
.kod-alan{font:500 1.5rem/1 var(--sans)!important;letter-spacing:.5em;text-align:center}
.passkey-liste{list-style:none;margin:0 0 1rem;padding:0;border-top:1px solid var(--ince)}
.passkey-liste li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--ince);font-size:.9rem}
.passkey-liste small{display:block;color:var(--ikincil);font-size:.76rem}
.hesap-not[hidden],.bildirim-kutu[hidden]{display:none}