:root{
  --yaprak:#2d4a2b; --yaprak-koyu:#1f3520; --kabuk:#8c7a63; --ic:#e6cf9f;
  --bg:#edece2; --ink:#1d1812; --muted:#5a5144; --line:#d3cfbf; --panel:#f6f5ee;
  --wa:#12803f; --wa-dark:#0d6431; --focus:#b4561b;
  color-scheme:light;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#14170f; --ink:#ece8da; --muted:#b4ae9c; --line:#2f3526; --panel:#1b2014;
  --yaprak:#a9c58f; --yaprak-koyu:#10190f; --focus:#e9a25f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,sans-serif;line-height:1.7;font-size:1.0625rem}
h1,h2,h3{font-family:"Young Serif",Georgia,serif;font-weight:400;line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 14px;z-index:50;border-radius:6px}
.skip:focus{left:8px}

.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.logo{font-family:"Young Serif",Georgia,serif;font-size:1.15rem;color:var(--yaprak);text-decoration:none}
.top nav{display:flex;gap:22px;font-size:.95rem;font-weight:500}
.top nav a{text-decoration:none;color:var(--muted)}
.top nav a:hover{color:var(--ink)}
.top .actions{display:flex;align-items:center;gap:10px}
.theme{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.theme:hover{background:var(--panel)}
.theme svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme .sun{display:none}
:root[data-theme="dark"] .theme .sun{display:block}
:root[data-theme="dark"] .theme .moon{display:none}

.btn{display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#fff;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:10px;font-size:1rem;transition:background .15s}
.btn:hover{background:var(--wa-dark)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn.small{padding:9px 16px;font-size:.92rem}

.crumbs{font-size:.9rem;color:var(--muted);padding:22px 0 0}
.crumbs a{color:var(--muted)}
article.rehber{max-width:760px;padding:18px 0 56px}
article.rehber h1{font-size:clamp(1.9rem,4.2vw,2.8rem);color:var(--yaprak);margin-bottom:.4em}
article.rehber h2{font-size:clamp(1.35rem,2.6vw,1.75rem);color:var(--yaprak);margin-top:1.8em}
article.rehber p,article.rehber li{max-width:66ch}
article.rehber .cevap{font-size:1.15rem;border-left:4px solid var(--kabuk);padding:4px 0 4px 18px;margin:0 0 1.4em}
article.rehber .meta{color:var(--muted);font-size:.9rem;margin:0 0 1.4em}
article.rehber table{border-collapse:collapse;width:100%;max-width:66ch;margin:1em 0}
article.rehber th,article.rehber td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
article.rehber th{border-bottom:2px solid var(--ink)}
.kaynak{font-size:.92rem;color:var(--muted)}
.diger{margin-top:2.4em;padding-top:1.4em;border-top:2px solid var(--ink)}
.diger ul{padding-left:1.2em}

.order{background:var(--yaprak-koyu);color:#f1eedf;padding:48px 0}
.order h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem)}
.order p{margin:0 0 22px;color:#dcd8c4;max-width:52ch}
.order .contact{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.order .tel{font-weight:600;font-size:1.1rem;color:#fff}

footer{padding:24px 0 96px;color:var(--muted);font-size:.9rem}
footer a{color:var(--muted)}
.float{position:fixed;right:16px;bottom:16px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.float svg{width:30px;height:30px;fill:#fff}

@media (max-width:760px){
  .top nav{display:none}
  .logo{white-space:nowrap;font-size:1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}