:root{
  --yesil:#173d33; --yesil-2:#22584a; --yesil-acik:#e3efe9; --amber:#e9a23b; --amber-koyu:#9a5f0c; --amber-acik:#fdf3e1;
  --zemin:#f6f2ea; --kart:#fffdf9; --cizgi:#e4ddd0; --metin:#23201b; --soluk:#6b645a;
  --r:8px; --golge:0 1px 0 rgba(35,32,27,.04),0 6px 20px rgba(35,32,27,.05);
  --baslik:'Plus Jakarta Sans',system-ui,sans-serif; --govde:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font:17px/1.7 var(--govde)}
a{color:var(--yesil-2);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--amber-koyu)}
.kap{max-width:1180px;margin:0 auto;padding:0 16px}
.atla{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:99}
.atla:focus{left:8px}

.bilgi-serit{background:var(--amber-acik);border-bottom:1px solid #f0dcb6;color:#5c4210;font-size:14px;padding:7px 0}
.bilgi-serit a{color:#5c4210;font-weight:600}
.ust{background:var(--yesil);position:sticky;top:0;z-index:20}
.ust-ic{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f4efe4;font:600 19px var(--baslik)}
.logo b{font-weight:800}
.logo em{font-style:normal;font-size:12px;background:var(--amber);color:var(--yesil);padding:2px 7px;border-radius:20px;font-weight:700;margin-left:4px}
.logo:hover{color:#fff}
.menu{display:flex;gap:2px;flex-wrap:wrap}
.menu a{color:#dcebe4;text-decoration:none;font:600 14.5px var(--baslik);padding:8px 11px;border-radius:6px}
.menu a:hover,.menu a[aria-current]{background:rgba(255,255,255,.1);color:#fff}
.menu a.menu-vurgu{background:var(--amber);color:var(--yesil)}
.menu a.menu-vurgu:hover{background:#f3b65a}
.menu-dugme{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-dugme span{display:block;width:22px;height:2px;background:#f4efe4;margin:5px 0;border-radius:2px}

.ana{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding-top:22px;padding-bottom:48px}
.ana.tek{grid-template-columns:minmax(0,820px);justify-content:center}
.govde{min-width:0}
.yolizi ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;font-size:14px;color:var(--soluk)}
.yolizi li+li::before{content:"/";margin:0 8px;opacity:.5}
.yolizi a{color:var(--soluk);text-decoration:none}
.makale{background:var(--kart);border:1px solid var(--cizgi);border-top:4px solid var(--yesil);border-radius:var(--r);padding:30px clamp(16px,4vw,42px);box-shadow:var(--golge)}
.makale-bas h1{font:800 clamp(27px,4vw,38px)/1.18 var(--baslik);color:var(--yesil);margin:0 0 10px;letter-spacing:-.015em}
.meta{color:var(--soluk);font-size:14.5px;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rozet{background:var(--yesil-acik);color:var(--yesil);font-weight:600;padding:1px 9px;border-radius:20px;font-size:13px}
.yazi h2{font:700 clamp(21px,2.6vw,26px)/1.3 var(--baslik);color:var(--yesil);margin:34px 0 12px;scroll-margin-top:84px}
.yazi h3{font:700 18px/1.4 var(--baslik);color:var(--yesil);margin:24px 0 8px}
.yazi p{margin:0 0 16px}
.yazi ul,.yazi ol{padding-left:22px;margin:0 0 16px}
.yazi li{margin:5px 0}
.yazi blockquote{margin:18px 0;padding:14px 18px;background:var(--zemin);border-left:4px solid var(--amber);border-radius:0 6px 6px 0}

.icindekiler{background:var(--zemin);border:1px solid var(--cizgi);border-radius:6px;padding:12px 16px;margin:0 0 22px}
.icindekiler summary{font:700 15px var(--baslik);cursor:pointer;color:var(--yesil)}
.icindekiler ol{margin:8px 0 0;padding-left:20px;font-size:16px}

.tablo-sar{overflow-x:auto;margin:0 0 20px;border:1px solid var(--cizgi);border-radius:6px;background:#fff}
.tablo{width:100%;border-collapse:collapse;font-size:16px}
.tablo th{background:var(--yesil);color:#fff;text-align:left;font:600 14px var(--baslik);padding:10px 14px}
.tablo td{padding:9px 14px;border-top:1px solid var(--cizgi);vertical-align:top}
.tablo tr:nth-child(even) td{background:#fbf8f2}
.tablo .sag{text-align:right;white-space:nowrap}
.tablo tr.grup-bas td{background:var(--yesil-acik)!important;font:700 14px var(--baslik);color:var(--yesil)}

.kutu{border-radius:6px;padding:14px 18px;margin:18px 0;border:1px solid}
.kutu p:last-child{margin-bottom:0}
.kutu-bilgi{background:var(--yesil-acik);border-color:#c5ddd2}
.kutu-uyari{background:var(--amber-acik);border-color:#f0dcb6}
.kutu-ornek{background:#f1f4f9;border-color:#d5dce9}

.sss details{border:1px solid var(--cizgi);border-radius:6px;margin:0 0 10px;background:#fff}
.sss summary{padding:12px 44px 12px 16px;font:600 16px var(--baslik);cursor:pointer;color:var(--yesil);list-style:none;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:16px;top:9px;font-size:20px;color:var(--amber-koyu)}
.sss details[open] summary::after{content:"−"}
.sss-c{padding:0 16px 12px}
.sss-c p:last-child{margin:0}

.hesap{background:#fff;border:1px solid var(--cizgi);border-left:4px solid var(--amber);border-radius:var(--r);padding:22px;margin:0 0 26px}
.hesap-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.alan label,.alan .etiket{display:block;font:600 14px var(--baslik);margin:0 0 6px;color:var(--yesil)}
.alan input,.alan select{width:100%;height:46px;border:1px solid #cfc6b6;border-radius:6px;padding:0 12px;font:17px var(--govde);background:#fff;color:var(--metin)}
.alan input:focus,.alan select:focus{outline:2px solid var(--amber);border-color:var(--amber)}
.alan small{display:block;color:var(--soluk);font-size:13.5px;margin-top:4px}
.secim{display:flex;gap:8px;flex-wrap:wrap}
.secim label{display:flex;align-items:center;gap:6px;border:1px solid #cfc6b6;border-radius:6px;padding:8px 12px;cursor:pointer;font:500 15px var(--govde);background:#fff;color:var(--metin)}
.secim input{accent-color:var(--yesil)}
.dugme{display:inline-block;background:var(--yesil);color:#fff;border:0;border-radius:6px;padding:12px 20px;font:700 15px var(--baslik);cursor:pointer;text-decoration:none;text-align:center}
.dugme:hover{background:var(--yesil-2);color:#fff}
.dugme.tam{display:block;width:100%}
.sonuc{margin-top:18px;background:var(--zemin);border:1px dashed #cfc6b6;border-radius:6px;padding:16px 18px}
.sonuc[hidden]{display:none}
.sonuc-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sonuc-kalem p{margin:0}
.sonuc-kalem .k{font-size:14px;color:var(--soluk)}
.sonuc-kalem .d{font:800 21px/1.3 var(--baslik);color:var(--yesil)}
.sonuc-kalem.vurgu .d{color:var(--amber-koyu)}
.sonuc-not{font-size:14.5px;color:var(--soluk);margin:12px 0 0}

/* Ana sayfa */
.giris{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:0 0 24px;align-items:start}
.arama{background:var(--yesil);border-radius:var(--r);padding:22px;color:#dcebe4}
.arama label{font:700 15px var(--baslik);color:#fff;display:block;margin-bottom:8px}
.arama input{width:100%;height:50px;border:0;border-radius:6px;padding:0 14px;font:17px var(--govde)}
.arama-sonuc{list-style:none;margin:10px 0 0;padding:0;max-height:300px;overflow:auto}
.arama-sonuc li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15.5px}
.arama-sonuc a{color:#fff;text-decoration:none}
.arama-sonuc span{color:var(--amber);font-weight:600;white-space:nowrap}
.kart-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 24px}
.kart-link{display:block;border:1px solid var(--cizgi);border-radius:6px;padding:15px;text-decoration:none;color:var(--metin);background:#fff}
.kart-link:hover{border-color:var(--amber)}
.kart-link strong{display:block;color:var(--yesil);font-family:var(--baslik);margin-bottom:3px}
.kart-link span{font-size:15px;color:var(--soluk)}
.kart-link .tutar{display:block;color:var(--amber-koyu);font:800 18px var(--baslik);margin-top:6px}

/* Yan */
.yan{display:flex;flex-direction:column;gap:16px}
.yan-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px;box-shadow:var(--golge);font-size:15.5px}
.yan-kart p{margin:0 0 8px}
.kucuk{font:700 12.5px var(--baslik);color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
.yan-kart.koyu{background:var(--yesil);border-color:var(--yesil);color:#dcebe4}
.yan-kart.koyu .kucuk{color:#9fc2b4}
.populer{list-style:none;margin:0 0 12px;padding:0}
.populer li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.12)}
.populer li:first-child{border-top:0}
.populer a{color:#fff;text-decoration:none}
.populer span{color:var(--amber);font-weight:600;white-space:nowrap}
.yan-kart.koyu .dugme{background:var(--amber);color:var(--yesil)}
@media(min-width:961px){.yan .reklam-yan{position:sticky;top:86px}}

.ilgili{margin-top:30px;padding-top:20px;border-top:1px solid var(--cizgi)}
.ilgili-bas{font:700 19px var(--baslik);color:var(--yesil);margin:0 0 12px}
.ilgili ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ilgili a{display:block;border:1px solid var(--cizgi);border-radius:6px;padding:12px 14px;text-decoration:none;height:100%;background:#fff}
.ilgili a:hover{border-color:var(--amber)}
.ilgili strong{display:block;color:var(--yesil)}
.ilgili span{display:block;font-size:14px;color:var(--soluk);line-height:1.5;margin-top:4px}
.uyari-alt{font-size:13.5px;color:var(--soluk);margin:24px 0 0;border-top:1px solid var(--cizgi);padding-top:14px}

.reklam{margin:24px 0;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.reklam-yan{min-height:600px}
.reklam-etiket{font-size:11px;color:var(--soluk);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}

.alt{background:#1f1d19;color:#bdb6a8;font-size:15px;margin-top:24px}
.alt-izgara{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-top:40px;padding-bottom:26px}
.alt-bas{font:700 15px var(--baslik);color:#fff;margin:0 0 10px}
.alt-not{color:var(--amber);font-size:14px}
.alt ul{list-style:none;padding:0;margin:0}
.alt li{margin:5px 0}
.alt a{color:#ddd6c8;text-decoration:none}
.alt a:hover{color:var(--amber)}
.alt-son{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;padding-bottom:22px}
.alt-son p{margin:0}
.alt-son nav{display:flex;flex-wrap:wrap;gap:16px}

.cerez{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--cizgi);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:14px 16px;display:flex;gap:14px;align-items:center;z-index:50;font-size:15px}
.cerez[hidden]{display:none}
.cerez p{margin:0}

@media(max-width:1060px){.menu a{padding:8px 8px;font-size:14px}}
@media(max-width:960px){
  .ana{grid-template-columns:minmax(0,1fr)}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .giris{grid-template-columns:1fr}
}
@media(max-width:860px){
  .menu-dugme{display:block}
  .menu{display:none;position:absolute;top:66px;left:0;right:0;background:var(--yesil);flex-direction:column;padding:8px 16px 16px}
  .menu.acik{display:flex}
}
@media(max-width:520px){
  body{font-size:16.5px}
  .makale{padding:22px 16px}
  .alt-izgara{grid-template-columns:1fr}
  .cerez{flex-direction:column;align-items:stretch}
  .tablo{font-size:15px}
  .tablo th,.tablo td{padding:8px 10px}
}
@media print{.bilgi-serit,.ust,.yan,.alt,.reklam,.cerez{display:none}.ana{display:block}.makale{border:0;box-shadow:none}}