/* ============================================================
   yasal.css — fiyat, koşullar, gizlilik, iade sayfaları.
   Galeriyle (sablonlar.html) aynı renkler ve yazı karakterleri.
   ============================================================ */
:root{ --ink:#15181C; --mut:#5B6370; --line:#E4E7EB; --zemin:#F6F7F9; --vurgu:#B08D57; }
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--ink);
     font:15.5px/1.65 "Inter",-apple-system,BlinkMacSystemFont,sans-serif}
a{color:inherit}

header{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;
  display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}
header b{font-size:17px;letter-spacing:-.01em}
header a{text-decoration:none}
.bosluk{flex:1}
.dil a{font-size:13.5px;color:var(--mut);text-decoration:none;margin-left:12px}
.dil a:hover{color:var(--ink)}
.dugme{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;
  padding:9px 15px;font:600 14px "Inter",sans-serif;cursor:pointer;text-decoration:none;
  display:inline-block;white-space:nowrap}
.dugme.ana{background:var(--ink);color:#fff;border-color:var(--ink)}

main{max-width:760px;margin:0 auto;padding:40px 22px 30px}
h1{font-family:"Playfair Display",Georgia,serif;font-weight:400;
   font-size:clamp(28px,5vw,38px);line-height:1.15;margin:0 0 8px;text-wrap:balance}
h2{font-size:18px;margin:34px 0 8px;letter-spacing:-.01em}
h3{font-size:15.5px;margin:22px 0 6px}
p,li{color:#2B3038}
.ozet{color:var(--mut);margin:0 0 26px}
.guncel{color:var(--mut);font-size:13px}
hr.dil-ayrac{border:0;border-top:1px solid var(--line);margin:56px 0 0}
section[lang="en"]{padding-top:24px}

/* fiyat kartı */
.paket{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin:22px 0}
.paket .fiyat{font-family:"Playfair Display",Georgia,serif;font-size:40px;line-height:1}
.paket .fiyat small{font:500 14px "Inter",sans-serif;color:var(--mut);margin-left:6px}
.paket ul{padding-left:20px;margin:16px 0 18px}
.paket li{margin:4px 0}
.not{font-size:13.5px;color:var(--mut)}

/* taslak değer — yayından önce doldurulacak. ?final=1 ile gizlenir. */
.taslak{background:#FFF4CC;border:1px dashed #C9A227;border-radius:5px;padding:0 5px;
  font-size:.92em;color:#6B5200;white-space:nowrap}
.final .taslak-not{display:none}
.taslak-not{background:#FFF4CC;border:1px solid #E5C866;border-radius:10px;padding:10px 14px;
  font-size:13.5px;color:#6B5200;margin:0 0 22px}

footer{border-top:1px solid var(--line);background:#fff;margin-top:40px;padding:24px 22px 40px;
  text-align:center;font-size:13.5px;color:var(--mut)}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
footer nav a{text-decoration:none;white-space:nowrap}
footer nav a:hover{color:var(--ink)}
footer p{margin:10px 0 0;color:var(--mut)}

@media (max-width:520px){
  header{padding:12px 16px;gap:10px}
  main{padding:28px 16px 24px}
  .paket{padding:20px}
  .dil a{margin-left:8px}
}

/* Site dili (site-dil.js): yalnız etkin dilin bölümü görünür */
html[lang="en"] section[lang="tr"], html[lang="tr"] section[lang="en"], hr.dil-ayrac{display:none}
section[lang="en"]{padding-top:0}
.dil button{font:inherit;font-size:13.5px;color:var(--mut);background:none;border:0;margin-left:12px;cursor:pointer;padding:0}
.dil button.on{color:var(--ink);font-weight:600}