/* Tema A — Toprak: sıcak kırık beyaz, kiremit vurgu, Fraunces başlık */
:root, [data-theme="a"] {
  --bg: #faf8f4; --surface: #ffffff; --ink: #23201c; --muted: #6f685e; --line: #e8e2d8;
  --accent: #a64b27; --accent-ink: #ffffff; --soft: #f6e9e1;
  --in: #d9a441; --out: #a64b27; --hv: #6f8f3a;
  --fh: "Fraunces", Georgia, serif; --fb: "Inter", system-ui, sans-serif; --hw: 600;
  --r: 12px; --card-bd: 1px solid var(--line); --card-bg: var(--surface);
}
/* Tema B — Filiz: saf beyaz, zeytin yeşili, tek yazı tipi Manrope, çizgisiz kartlar */
[data-theme="b"] {
  --bg: #ffffff; --surface: #f5f6f2; --ink: #1b1d18; --muted: #676b60; --line: #ebede7;
  --accent: #4d7a24; --accent-ink: #ffffff; --soft: #eef3e6;
  --in: #c7b55a; --out: #4d7a24; --hv: #2f5f6b;
  --fh: "Manrope", system-ui, sans-serif; --fb: "Manrope", system-ui, sans-serif; --hw: 700;
  --r: 16px; --card-bd: 1px solid transparent; --card-bg: var(--surface);
}
/* Tema C — Herbaryum: kâğıt zemin, koyu yeşil mürekkep, Newsreader, ince çizgi, keskin köşe */
[data-theme="c"] {
  --bg: #f3f0e7; --surface: #f8f6ef; --ink: #1d2a23; --muted: #5c665f; --line: #d6d1c2;
  --accent: #2c5a48; --accent-ink: #f8f6ef; --soft: #e4e8dc;
  --in: #b98a3e; --out: #2c5a48; --hv: #8a4a3a;
  --fh: "Newsreader", Georgia, serif; --fb: "Inter", system-ui, sans-serif; --hw: 500;
  --r: 3px; --card-bd: 1px solid var(--line); --card-bg: transparent;
}
@media (prefers-color-scheme: dark) {
  :root, [data-theme="a"] { --bg: #151311; --surface: #1d1a17; --ink: #eee8df; --muted: #a69e92; --line: #2e2a25; --accent: #e0885f; --accent-ink: #1a120d; --soft: #2b211b; --out: #e0885f; --hv: #9cbc66; }
  [data-theme="b"] { --bg: #111310; --surface: #1a1d18; --ink: #ecefe7; --muted: #a0a598; --line: #23271f; --accent: #8fc25a; --accent-ink: #12160e; --soft: #1f2a17; --out: #8fc25a; --hv: #6fb1c0; }
  [data-theme="c"] { --bg: #141a17; --surface: #18201c; --ink: #e6e9e1; --muted: #9aa59d; --line: #2c3631; --accent: #8cc4ab; --accent-ink: #10201a; --soft: #1e2a25; --out: #8cc4ab; --hv: #d08e7c; }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 var(--fb); }
a { color: inherit; }
h1, h2 { font-family: var(--fh); font-weight: var(--hw); line-height: 1.15; letter-spacing: -0.01em; }
h1 { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 .5rem; overflow-wrap: anywhere; hyphens: auto; }
h2 { font-size: 1.35rem; margin: 2.75rem 0 1rem; }
.wrap { max-width: 1040px; margin: 0 auto; padding: 0 16px; }

.ribbon { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; align-items: center;
  padding: .5rem 16px; background: var(--ink); color: var(--bg); font: 13px/1.4 "Inter", system-ui, sans-serif; }
.pick button { font: inherit; margin-left: .25rem; padding: .2rem .6rem; border-radius: 99px; cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--bg) 40%, transparent); background: transparent; color: inherit; }
.pick button[aria-pressed="true"] { background: var(--bg); color: var(--ink); }

.top { border-bottom: 1px solid var(--line); }
.bar { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand { display: flex; align-items: center; gap: .5rem; text-decoration: none; font-family: var(--fh); font-weight: var(--hw); font-size: 1.3rem; }
.brand small { font: 12px var(--fb); color: var(--muted); border: 1px dashed var(--line); padding: 0 .4rem; border-radius: 99px; }
.logo { width: 26px; height: 26px; color: var(--accent); }
.langsel select { font: inherit; font-size: .9rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 99px; padding: .35rem .8rem; max-width: none; cursor: pointer; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.hero { padding: 4rem 0 1rem; max-width: 680px; }
.lead { color: var(--muted); font-size: 1.1rem; margin: 0 0 1.5rem; max-width: 640px; }
.search { width: 100%; font: inherit; padding: .9rem 1.1rem; border-radius: var(--r); border: 1px solid var(--line);
  background: var(--surface); color: var(--ink); }
.search:focus, input:focus, select:focus { outline: 2px solid var(--accent); outline-offset: 1px; }

.now { margin-top: 2.5rem; padding: 1.25rem 1.5rem; background: var(--soft); border-radius: var(--r); }
.now h2 { margin: 0 0 .75rem; font-size: 1.15rem; }
.chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.chips li { padding: .3rem .8rem; border-radius: 99px; background: var(--bg); font-size: .95rem; }
.note { color: var(--muted); font-size: .85rem; margin: .75rem 0 0; }

.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.card { display: flex; flex-direction: column; gap: .2rem; padding: 1.1rem 1.2rem; border-radius: var(--r);
  border: var(--card-bd); background: var(--card-bg); text-decoration: none; transition: border-color .15s, transform .15s; }
a.card:hover { border-color: var(--accent); transform: translateY(-1px); }
.card b { font-weight: 600; }
.card span { color: var(--muted); font-size: .9rem; }
.card.off { opacity: .55; }
em { white-space: nowrap; font-style: normal; font-size: .7rem; color: var(--muted); font-weight: 500; text-transform: uppercase; letter-spacing: .05em; margin-left: .3rem; }
.soon { font-family: var(--fb); }
.plants { display: flex; flex-wrap: wrap; gap: .5rem; }
.plants a { padding: .5rem 1rem; border-radius: var(--r); background: var(--soft); color: var(--accent); text-decoration: none; font-weight: 600; }
.plants span { padding: .5rem 1rem; border: 1px solid var(--line); border-radius: var(--r); color: var(--muted); }

.crumbs { margin: 2rem 0 1rem; font-size: .9rem; color: var(--muted); }
.crumbs a { color: var(--muted); }
.tool { margin-top: 1.5rem; padding: 1.5rem; border-radius: var(--r); border: 1px solid var(--line); background: var(--surface); }
.seg { display: inline-flex; border: 1px solid var(--line); border-radius: 99px; padding: 3px; margin-bottom: 1.25rem; background: var(--bg); }
.seg button { font: inherit; font-size: .9rem; border: 0; background: transparent; color: var(--muted); padding: .35rem .9rem; border-radius: 99px; cursor: pointer; }
.seg button[aria-pressed="true"] { background: var(--accent); color: var(--accent-ink); }
.fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
label { display: flex; flex-direction: column; gap: .35rem; font-size: .9rem; font-weight: 500; }
.in { position: relative; display: block; }
.in input, .zone select { width: 100%; font: inherit; font-weight: 400; padding: .7rem .9rem; padding-inline-end: 3.5rem;
  border: 1px solid var(--line); border-radius: calc(var(--r) * .7); background: var(--bg); color: var(--ink); }
.zone select { padding-inline-end: .9rem; max-width: 160px; }
.in i { position: absolute; inset-inline-end: .9rem; top: 50%; transform: translateY(-50%); font-style: normal; color: var(--muted); font-size: .85rem; }
.result { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.result span { display: block; color: var(--muted); font-size: .85rem; }
.result strong { display: block; font-family: var(--fh); font-weight: var(--hw); font-size: 2rem; color: var(--accent); line-height: 1.2; }
.result small { color: var(--muted); }
.guide p { max-width: 680px; color: var(--ink); }

.zone small { font-weight: 400; color: var(--muted); }
.legend { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 1.25rem 0 .75rem; font-size: .85rem; color: var(--muted); }
.k { width: 14px; height: 10px; border-radius: 3px; display: inline-block; margin-left: .6rem; }
.k:first-child { margin-left: 0; }
.k.in { background: var(--in); } .k.out { background: var(--out); } .k.hv { background: var(--hv); }
.cal { overflow-x: auto; }
.cal table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: .85rem; table-layout: fixed; }
.cal th:first-child { width: 110px; }
.cal th { font-weight: 500; color: var(--muted); padding: .3rem 0; text-align: center; }
.cal th:first-child, .cal td:first-child { text-align: start; padding-inline-end: .75rem; white-space: nowrap; color: var(--ink); font-weight: 500; }
.cal td { padding: 3px 1px; border-top: 1px solid var(--line); }
.cal .c { height: 22px; display: flex; flex-direction: column; gap: 2px; justify-content: center; }
.cal .c i { display: block; height: 6px; border-radius: 2px; }
.cal .c i.in { background: var(--in); } .cal .c i.out { background: var(--out); } .cal .c i.hv { background: var(--hv); }
.cal th.cur { color: var(--accent); font-weight: 700; }

.other h2 { font-size: 1.1rem; }
.foot { margin-top: 4rem; padding: 2rem 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }

@media (max-width: 520px) {
  .hero { padding-top: 2.5rem; }
  .ribbon { font-size: 12px; }
  .tool { padding: 1rem; }
  .brand small { display: none; }
}

.phead { display: grid; grid-template-columns: 1fr 320px; gap: 2rem; align-items: start; }
.latin { color: var(--muted); font-style: italic; margin: 0 0 1rem; }
.photo { aspect-ratio: 4/3; border-radius: var(--r); background: var(--soft); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; color: var(--muted); font-size: .8rem; text-align: center; padding: 1rem; }
.photo .logo { width: 40px; height: 40px; }
.facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 0; }
.facts div { background: var(--surface); border-radius: var(--r); padding: .9rem 1rem; }
.facts dt { font-size: .8rem; color: var(--muted); }
.facts dd { margin: .15rem 0 0; font-weight: 500; }
.prose { max-width: 720px; }
.steps { max-width: 720px; padding-inline-start: 1.25rem; }
.steps li { margin-bottom: .5rem; }
.steps li::marker { color: var(--accent); font-weight: 700; }
.probs { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.probs div { background: var(--surface); border-radius: var(--r); padding: 1rem; display: flex; flex-direction: column; gap: .25rem; }
.probs span { color: var(--muted); font-size: .92rem; }
.pet { max-width: 720px; padding: .9rem 1rem; border-radius: var(--r); border-inline-start: 4px solid; }
.pet.warn { border-color: #c4892b; background: color-mix(in srgb, #c4892b 10%, transparent); }
.pet.ok { border-color: var(--accent); background: var(--soft); }
.src ul { padding-inline-start: 1.1rem; } .src a { color: var(--accent); }
@media (max-width: 720px) { .phead { grid-template-columns: 1fr; } .photo { display: none; } }
.phead>*{min-width:0}.phead .photo2{max-width:100%}

.sbox { position: relative; max-width: 640px; }
.sres { position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 6px); list-style: none; margin: 0; padding: 6px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--r); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.sres a { display: block; padding: .55rem .75rem; border-radius: 10px; text-decoration: none; }
.sres a:hover, .sres a:focus { background: var(--soft); outline: none; }
.cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.cat { background: var(--surface); border-radius: var(--r); padding: 1.1rem 1.2rem; display: flex; flex-direction: column; gap: .5rem; }
.cl { display: flex; flex-wrap: wrap; gap: .4rem; }
.cl a, .pl a { color: var(--accent); font-weight: 600; text-decoration: none; }
.soon2 { color: var(--muted); font-size: .85rem; }
.pl { font-size: .9rem; }
.tasks { margin: 0; padding-inline-start: 1.2rem; } .tasks li { margin: .3rem 0; }
.glance { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 1.5rem 0 0; }
.glance .g { display: flex; gap: .75rem; align-items: center; background: var(--soft); border-radius: var(--r); padding: .9rem 1rem; font-weight: 600; }
.glance .g small { display: block; font-weight: 500; color: var(--muted); font-size: .78rem; }
.glance .gi { font-size: 1.6rem; line-height: 1; }
.glance .g.warn { background: color-mix(in srgb, #c4892b 14%, transparent); }

[dir=rtl] .result strong, [dir=rtl] .in input { direction: ltr; text-align: right; }

.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;gap:16px;align-items:center;flex-wrap:wrap;z-index:10;font-size:14px}
.consent[hidden]{display:none}.consent p{margin:0;flex:1 1 260px}.consent div{display:flex;gap:8px}
.consent button{font:500 14px var(--fb);border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:8px 16px;cursor:pointer}
.consent .pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

.lsw{position:relative}
.lsw>button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 13px var(--fb);cursor:pointer}
.lsw img{width:24px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px var(--line)}
.lsw ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;list-style:none;margin:0;padding:6px;min-width:190px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.lsw li a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;color:var(--ink);font:500 14px var(--fb);text-decoration:none}
.lsw li a:hover,.lsw li a[aria-current]{background:var(--surface)}

.photo2{margin:0;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.photo2 img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.photo2 figcaption{font-size:.72rem;color:var(--muted);padding:.4rem .6rem;line-height:1.35}
.photo2 figcaption a{color:var(--muted)}
.flinks{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.flinks a{color:var(--ink);text-decoration:none}.flinks a:hover{color:var(--accent)}
.foot p{margin:.25rem 0}
.info h2{font-size:1.15rem;margin:1.75rem 0 .5rem}.info a{color:var(--accent)}
@media (max-width:720px){.phead .photo2{order:-1}.photo2 img{aspect-ratio:auto;height:220px}}

.zinfo{max-width:720px;margin-top:2.5rem}.zinfo h3{font-size:1rem;margin:1.25rem 0 .4rem}
.zfind{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;background:var(--surface);border-radius:var(--r);padding:1rem}.zfind label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;flex:1 1 200px}.zfind button{font:600 15px var(--fb);background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:.75rem 1.4rem;cursor:pointer}.zfind p{flex-basis:100%;margin:0;font-weight:600;color:var(--accent)}.zfind p:empty{display:none}
.ztab{border-collapse:collapse;margin-top:1rem;width:100%;max-width:420px;font-size:.92rem}.ztab th,.ztab td{text-align:start;padding:.45rem .6rem;border-bottom:1px solid var(--line)}

.guide{max-width:780px}.guide .lead{font-size:1.1rem}
.gfig{margin:1.25rem 0;border-radius:var(--r);overflow:hidden;background:var(--surface)}.gfig img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}.gfig figcaption{padding:.55rem .8rem;font-size:.9rem;color:var(--muted)}.gfig figcaption small{display:block;font-size:.72rem;margin-top:.15rem}.gfig figcaption a{color:var(--muted)}
.ghero img{aspect-ratio:16/9;max-height:none}
.gpair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gpair .gfig img{aspect-ratio:4/3}
.gfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:1rem 0}.gfacts div{background:var(--soft);border-radius:var(--r);padding:.8rem 1rem}.gfacts dt{font-size:.78rem;color:var(--muted)}.gfacts dd{margin:.15rem 0 0;font-weight:600}
.gtoc{background:var(--surface);border-radius:var(--r);padding:1rem 1.2rem;margin:1.5rem 0}.gtoc ol{margin:.5rem 0 0;padding-inline-start:1.2rem;columns:2;column-gap:2rem}.gtoc a{color:var(--accent);text-decoration:none}.gtoc li{margin:.2rem 0;break-inside:avoid}
.gsec{margin-top:2.25rem;scroll-margin-top:1rem}.gsec h3{font-size:1rem;margin:0 0 .4rem}
.gcmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:1rem 0}.gcmp>div{background:var(--surface);border-radius:var(--r);padding:1rem 1.1rem}.gcmp ul{margin:0;padding-inline-start:1.1rem}.gcmp li{margin:.25rem 0}
.gcols{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}.gcols .gfig{margin:1rem 0}
.glayers{max-width:420px;margin:1rem 0;border:3px solid color-mix(in srgb,var(--ink) 25%,transparent);border-top:0;border-radius:0 0 28px 28px;overflow:hidden}.gl{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.92rem}.gl span{opacity:.85}
.gl0{background:#5c8f3a;color:#fff;padding:1.1rem 1rem}.gl1{background:#5a3e2b;color:#fff;padding:1.2rem 1rem}.gl2{background:#c9c2a6;color:#222}.gl3{background:#222;color:#eee}.gl4{background:#9aa0a6;color:#111;padding:1rem}
.gsteps{padding-inline-start:1.4rem}.gsteps li{margin:.55rem 0}.gsteps li::marker{color:var(--accent);font-weight:700}
.chk{list-style:none;padding:0}.chk li{padding-inline-start:1.6rem;position:relative;margin:.35rem 0}.chk li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--accent);font-weight:700}
.gwarn{background:color-mix(in srgb,#c4892b 14%,transparent);border-radius:var(--r);padding:.8rem 1rem}
.gfaq{border-bottom:1px solid var(--line);padding:.7rem 0}.gfaq summary{cursor:pointer;font-weight:600}.gfaq p{margin:.5rem 0 0;color:var(--muted)}
@media (max-width:720px){.gpair,.gcols{grid-template-columns:1fr}.gtoc ol{columns:1}}

.mnav{display:flex;gap:1.1rem;margin-inline:auto 1rem}.mnav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.mnav a:hover{color:var(--accent)}
@media (max-width:620px){.bar{flex-wrap:wrap;height:auto;padding-block:.6rem;row-gap:.4rem}.mnav{order:3;width:100%;margin:0;gap:1.25rem;justify-content:flex-start;font-size:.9rem;overflow-x:auto}}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.gcard{display:flex;flex-direction:column;gap:.35rem;background:var(--surface);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)}.gcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.gcard b{padding:.2rem 1rem 0;font-size:1.05rem}.gcard span{padding:0 1rem 1rem;color:var(--muted);font-size:.9rem}.gcard:hover b{color:var(--accent)}
.more{color:var(--accent);font-weight:600;text-decoration:none}
#plants,#tools,#guides{scroll-margin-top:1rem}