/* Pafi Dry — bilgi ve bölge sayfaları ortak stili.
   Renk ve tipografi index.html ile birebir aynıdır. */
:root{
  --porselen:#FCFDFE; --kopuk:#EDF4FA; --sabun:#F5FAFD;
  --buhar:#D8E7F2; --gokyuzu:#3E92CC; --gokyuzu-koyu:#2C7AAF;
  --derin:#123A58; --is:#5B7792; --uyari:#C2543F;
  --golge:0 1px 2px rgba(18,58,88,.05), 0 8px 24px -12px rgba(18,58,88,.18);
  --yumusak:20px; --ic:clamp(20px,5vw,40px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0; background:var(--porselen); color:var(--derin);
  font:400 17px/1.65 "Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Fraunces",Georgia,serif; font-variation-settings:"SOFT" 90,"WONK" 1; font-weight:600; letter-spacing:-.015em; line-height:1.12; margin:0}
h1{font-size:clamp(2rem,4.6vw,3.1rem); font-weight:500; max-width:20ch}
h2{font-size:clamp(1.45rem,2.9vw,2rem); margin-top:2.8rem}
h3{font-size:1.14rem; line-height:1.35; margin-top:1.9rem}
p{margin:0}
a{color:var(--gokyuzu-koyu)}
button{font:inherit; cursor:pointer; border:0; background:none; color:inherit}
:focus-visible{outline:2.5px solid var(--gokyuzu); outline-offset:3px; border-radius:6px}

.sarmal{width:min(1120px,100% - 2.4rem); margin-inline:auto}
.dar{width:min(760px,100% - 2.4rem); margin-inline:auto}
section{padding-block:clamp(46px,6.5vw,84px)}
.etiket-ust{font-size:.74rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gokyuzu-koyu); margin-bottom:.9rem}

header{position:sticky; top:0; z-index:40; background:rgba(252,253,254,.88); backdrop-filter:blur(12px); border-bottom:1px solid var(--buhar)}
.ust{display:flex; align-items:center; gap:1.2rem; padding-block:.85rem}
.marka{margin-right:auto; display:flex; align-items:center}
.marka img{height:44px; width:auto; display:block}
@media(max-width:560px){.marka img{height:38px}}
footer .marka img{height:78px}
.ust-bolge{color:var(--is); font-size:.9rem}
@media(max-width:760px){.ust-bolge{display:none}}

.dugme{display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.85rem 1.6rem; border-radius:999px; font-weight:600; font-size:1rem; text-decoration:none; transition:transform .16s, background .16s}
.dugme-ana{background:var(--gokyuzu); color:#fff; box-shadow:0 6px 18px -8px var(--gokyuzu)}
.dugme-ana:hover{background:var(--gokyuzu-koyu); transform:translateY(-1px)}
.dugme-ikinci{background:#fff; color:var(--derin); border:1px solid var(--buhar)}
.dugme-ikinci:hover{background:var(--sabun)}
.dugme-yesil{background:#25D366; color:#0A2E16; box-shadow:0 6px 18px -8px #25D366}
.dugme-yesil:hover{background:#1FBA59; transform:translateY(-1px)}

/* İz — kırıntı navigasyonu */
.iz{padding-top:1.6rem; font-size:.87rem; color:var(--is)}
.iz ol{list-style:none; display:flex; flex-wrap:wrap; gap:.15rem .55rem; margin:0; padding:0}
.iz li+li::before{content:"›"; margin-right:.55rem; color:var(--buhar)}
.iz a{color:var(--is); text-decoration:none}
.iz a:hover{color:var(--gokyuzu-koyu); text-decoration:underline}

.bas{padding-top:clamp(20px,3vw,34px); padding-bottom:0}
.ozet-metin{margin-top:1.3rem; max-width:52ch; font-size:1.1rem; color:var(--is)}
.tarih{margin-top:1.4rem; font-size:.84rem; color:var(--is)}

/* Yazı gövdesi */
.yazi{padding-top:clamp(30px,4vw,48px)}
.yazi p{margin-top:1.05rem; max-width:68ch}
.yazi h2+p,.yazi h3+p{margin-top:.7rem}
.yazi ul,.yazi ol{margin:1rem 0 0; padding-left:1.35rem; max-width:66ch; color:var(--derin)}
.yazi li{margin-top:.5rem}
.yazi li::marker{color:var(--gokyuzu)}
.yazi strong{font-weight:600}
.yazi a{text-underline-offset:3px}

.kutu{background:var(--sabun); border:1px solid var(--buhar); border-radius:14px; padding:1.15rem 1.35rem; margin-top:1.8rem}
.kutu p{margin-top:.5rem}
.kutu p:first-child{margin-top:0}
.kutu .baslik{font-weight:600; color:var(--derin)}

.tablo-sar{overflow-x:auto; margin-top:1.5rem; border:1px solid var(--buhar); border-radius:14px; background:#fff}
table{border-collapse:collapse; width:100%; font-size:.95rem; min-width:420px}
th,td{text-align:left; padding:.8rem 1rem; border-bottom:1px solid var(--sabun); vertical-align:top}
th{font-weight:600; background:var(--sabun); white-space:nowrap}
tr:last-child td{border-bottom:0}

/* Kart ızgarası — hub sayfaları ve ilgili bağlantılar */
.kartlar{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:1rem; margin-top:1.8rem}
.kart{display:block; background:#fff; border:1px solid var(--buhar); border-radius:16px; padding:1.15rem 1.25rem;
  text-decoration:none; color:inherit; transition:border-color .15s, transform .15s, box-shadow .15s}
.kart:hover{border-color:var(--gokyuzu); transform:translateY(-2px); box-shadow:var(--golge)}
.kart b{display:block; font-family:"Fraunces",Georgia,serif; font-variation-settings:"SOFT" 90; font-weight:600; font-size:1.06rem; line-height:1.3}
.kart span{display:block; margin-top:.4rem; font-size:.9rem; color:var(--is)}

/* Çağrı bloğu */
.cagri{background:var(--kopuk); border-radius:var(--yumusak); padding:clamp(24px,4vw,40px); margin-top:3rem}
.cagri h2{margin-top:0}
.cagri p{margin-top:.9rem; max-width:52ch; color:var(--is)}
.cagri .dugmeler{display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.7rem}

/* Sık sorulanlar */
.sss details{border-bottom:1px solid var(--buhar); padding:1.15rem 0}
.sss details:first-of-type{border-top:1px solid var(--buhar)}
.sss summary{font-weight:600; cursor:pointer; list-style:none; display:flex; gap:1rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+"; margin-left:auto; color:var(--gokyuzu); font-size:1.3rem; line-height:1}
.sss details[open] summary::after{content:"−"}
.sss p{margin-top:.7rem; color:var(--is); max-width:70ch}

footer{background:var(--derin); color:#DCE9F4; padding-block:clamp(44px,6vw,68px); margin-top:clamp(40px,6vw,72px)}
footer .marka{color:#fff}
footer .sutunlar{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1.8rem; margin-top:2.2rem}
footer .sutun h2{font-family:"Instrument Sans",sans-serif; font-size:.74rem; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:#8FB2CB; margin:0 0 .8rem}
footer .sutun ul{list-style:none; margin:0; padding:0}
footer .sutun li{margin-top:.42rem}
footer a.bag,footer button.bag{color:#B9D3E6; text-decoration:none; font-size:.93rem}
footer a.bag:hover,footer button.bag:hover{color:#fff; text-decoration:underline; text-underline-offset:3px}
footer .ince{margin-top:2.2rem; padding-top:1.4rem; border-top:1px solid rgba(255,255,255,.14); font-size:.85rem; color:#8FB2CB}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important; transition-duration:.001ms!important}}