/* Iki temanin da kullandigi ortak ekranlar: giris, hesap, odeme, icerik sayfalari.
   Renkler temanin kendi degiskenlerinden gelir; vurgu rengi maison'da --gold,
   eclat'ta --champ oldugu icin geri dusme zinciriyle yaziliyor. */
:root{
  --vurgu: var(--gold, var(--champ, #a07a35));
  --vurgu-koyu: var(--gold-deep, var(--champ, #8a6526));
  --zemin: var(--paper, #fff);
  --zemin-2: var(--paper-2, #f6f6f6);
  --yazi: var(--ink, #191510);
  --cizgi: var(--line, rgba(20,17,14,.12));
}

.sayfa-govde{padding:clamp(120px,14vw,190px) var(--gutter) clamp(70px,9vw,130px);max-width:1440px;margin:0 auto}
.sayfa-dar{max-width:880px;margin:0 auto}
.sayfa-ince{max-width:520px;margin:0 auto}

.o-baslik{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,52px);line-height:1.04;margin:14px 0 8px}
.o-ustyazi{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--vurgu)}
.o-metin{color:var(--ink-soft,#5f574c);font-size:15px;line-height:1.75}

.o-kart{border:1px solid var(--cizgi);background:var(--zemin);padding:clamp(22px,3vw,34px)}
.o-kart + .o-kart{margin-top:18px}
.o-kart h3{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:6px}

.o-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(22px,3vw,44px);align-items:start}
.o-grid-esit{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.o-grid,.o-grid-esit{grid-template-columns:1fr}}

.o-alan{margin-bottom:16px}
.o-alan label{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute,#8b8175);margin-bottom:7px}
.o-alan input,.o-alan textarea,.o-alan select{
  width:100%;padding:13px 14px;border:1px solid var(--cizgi);background:transparent;
  font-family:var(--sans);font-size:15px;color:var(--yazi);border-radius:0;
}
.o-alan input:focus,.o-alan textarea:focus,.o-alan select:focus{outline:none;border-color:var(--vurgu)}
.o-alan textarea{min-height:110px;resize:vertical}
.o-hata{color:#a3462f;font-size:12px;margin-top:6px}

.o-onay{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft,#5f574c);margin:14px 0}
.o-onay input{margin-top:3px}

.o-buton{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;cursor:pointer;
  border:1px solid var(--yazi);background:var(--yazi);color:var(--zemin);
  font-family:var(--sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;transition:.4s var(--ease)
}
.o-buton:hover{background:var(--vurgu-koyu);border-color:var(--vurgu-koyu)}
.o-buton.tam{width:100%}
.o-buton.ikincil{background:none;color:var(--yazi)}
.o-buton.ikincil:hover{background:var(--yazi);color:var(--zemin)}
.o-buton[disabled]{opacity:.45;cursor:not-allowed}

.o-bildirim{padding:14px 18px;border:1px solid var(--cizgi);margin-bottom:22px;font-size:14px}
.o-bildirim.iyi{border-color:var(--vurgu);color:var(--vurgu-koyu)}
.o-bildirim.kotu{border-color:#a3462f;color:#a3462f}
.o-bildirim.uyari{border-color:#9a7118;color:#7a5912;background:#fdf8ec}
.o-ipucu{display:block;margin-top:6px;font-size:12.5px;color:#8a7f72}

.o-ozet{border:1px solid var(--cizgi);background:var(--zemin-2);padding:26px;position:sticky;top:110px}
.o-ozet .satir{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:14px;color:var(--ink-soft,#5f574c)}
.o-ozet .toplam{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--cizgi);margin-top:12px;padding-top:16px}
.o-ozet .toplam b{font-family:var(--serif);font-weight:400;font-size:28px;color:var(--vurgu-koyu)}
@media (max-width:900px){.o-ozet{position:relative;top:0}}

.o-kalem{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.o-kalem img{width:64px;aspect-ratio:4/5;object-fit:cover}
.o-kalem .ad{font-size:14px}
.o-kalem .alt{font-size:12px;color:var(--ink-mute,#8b8175);margin-top:2px}

.o-menu{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.o-menu a{padding:11px 18px;border:1px solid var(--cizgi);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft,#5f574c)}
.o-menu a.aktif{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}

.o-tablo{width:100%;border-collapse:collapse}
.o-tablo th{text-align:left;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute,#8b8175);padding:12px 10px;border-bottom:1px solid var(--cizgi)}
.o-tablo td{padding:16px 10px;border-bottom:1px solid var(--cizgi);font-size:14px}
.o-rozet{display:inline-block;padding:5px 11px;border:1px solid var(--cizgi);font-size:10px;letter-spacing:.18em;text-transform:uppercase}

.o-icerik h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:28px 0 10px}
.o-icerik h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:22px 0 8px}
.o-icerik p{margin-bottom:14px;line-height:1.8;color:var(--ink-soft,#5f574c)}
.o-icerik ul,.o-icerik ol{margin:0 0 16px 20px;color:var(--ink-soft,#5f574c);line-height:1.8}
.o-icerik a{color:var(--vurgu-koyu);text-decoration:underline;text-underline-offset:3px}