/* dort_halka.css — hasat.online K15 dört halka yüzeyi (HS01)
   Sitenin mevcut değişkenlerini kullanır (stil/ana.css): --kart --cizgi --krem
   --yesil --yesil-koyu --toprak --soluk --metin --bugday. Yeni renk sistemi KURMAZ. */

.dh{border:2px solid var(--yesil);border-radius:14px;background:var(--kart);
    padding:1.1rem 1.05rem;margin-bottom:1.3rem}
.dh h2{margin:0 0 .3rem;font-size:1.15rem;color:var(--toprak)}
.dh .dh-alt{font-size:.86rem;color:var(--soluk);margin:0 0 .9rem}

/* Dürüst Banner — ölçülmeyen her şeyin zorunlu şeridi */
.dh-banner{border-left:4px solid #f59e0b;background:#fffbeb;color:#78350f;
    font-size:.82rem;line-height:1.45;padding:.6rem .75rem;border-radius:0 8px 8px 0;margin:.6rem 0}
.dh-banner strong{color:#92400e}
.dh-banner.kirmizi{border-left-color:#dc2626;background:#fef2f2;color:#7f1d1d}
.dh-banner.yesil{border-left-color:var(--yesil);background:#f0fdf4;color:#14532d}

/* Halka şeridi (1-2-3-4 adım göstergesi) */
.dh-halka{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:0 0 .9rem;
    font-size:.8rem;font-weight:700}
.dh-halka b{padding:.3rem .6rem;border-radius:999px;border:1px solid var(--cizgi);
    color:var(--soluk);background:var(--krem);font-weight:700}
.dh-halka b.on{border-color:var(--yesil);background:#e8f5e9;color:var(--yesil-koyu)}
.dh-halka i{color:var(--bugday);font-style:normal}

/* CEVAP KARTI — 60 yaş köylü testi: cevap en üstte, büyük, tek bakışta */
.dh-cevap{border:2px solid var(--yesil-koyu);border-radius:12px;background:#f0fdf4;
    padding:.9rem 1rem;margin:0 0 1rem}
.dh-cevap h3{margin:0 0 .5rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
    color:var(--yesil-koyu)}
.dh-cevap ol{margin:0;padding-left:1.25rem}
.dh-cevap li{font-size:1rem;line-height:1.6;color:var(--metin);margin-bottom:.2rem}
.dh-cevap li b{color:var(--yesil-koyu)}
.dh-cevap .kucuk{font-size:.8rem;color:var(--soluk);margin:.5rem 0 0}

/* Seçici ızgaralar */
.dh-sec{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 .2rem}
.dh-sec button{appearance:none;font:inherit;font-size:.83rem;font-weight:650;cursor:pointer;
    padding:.4rem .7rem;border-radius:8px;border:1px solid var(--cizgi);
    background:var(--krem);color:var(--metin);line-height:1.2}
.dh-sec button:hover{border-color:var(--yesil)}
.dh-sec button.on{border-color:var(--yesil-koyu);background:var(--yesil);color:#fff}
.dh-sec button .sk{font-weight:800;margin-left:.35rem;opacity:.85}
.dh-sec button.on .sk{opacity:1}

/* 3D sahne */
.dh-sahne{position:relative;margin:.8rem 0 .4rem;border:1px solid var(--cizgi);
    border-radius:12px;overflow:hidden;background:var(--krem)}
.dh-sahne canvas{display:block;width:100%;height:min(360px,48vh);touch-action:none;cursor:grab}
.dh-sahne canvas:active{cursor:grabbing}
.dh-sahne-ust{position:absolute;left:.6rem;top:.6rem;right:.6rem;display:flex;gap:.35rem;
    flex-wrap:wrap;pointer-events:none}
.dh-rozet{font-size:.68rem;font-weight:800;letter-spacing:.03em;padding:.2rem .5rem;
    border-radius:6px;background:rgba(255,255,255,.92);border:1px solid var(--cizgi);
    color:var(--soluk)}
.dh-rozet.on{border-color:var(--yesil);color:var(--yesil-koyu)}
.dh-sahne-alt{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.5rem .6rem;
    border-top:1px solid var(--cizgi);background:var(--kart)}
.dh-sahne-alt button{appearance:none;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;
    padding:.3rem .6rem;border-radius:7px;border:1px solid var(--cizgi);background:var(--krem);
    color:var(--metin)}
.dh-sahne-alt button.on{border-color:var(--yesil-koyu);background:var(--yesil);color:#fff}
.dh-sahne-alt .ipucu{font-size:.74rem;color:var(--soluk);margin-left:auto}

/* Tablolar */
.dh table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:.5rem}
.dh table th,.dh table td{border:1px solid var(--cizgi);padding:.45rem .55rem;
    text-align:left;vertical-align:top}
.dh table th{background:var(--krem);color:var(--toprak);font-size:.76rem;font-weight:700}
.dh table td.sayi{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

/* Güven etiketi */
.gv{display:inline-block;font-size:.66rem;font-weight:800;padding:.1rem .4rem;border-radius:5px;
    border:1px solid var(--cizgi);white-space:nowrap}
.gv-yuksek{background:#dcfce7;border-color:#16a34a;color:#14532d}
.gv-orta{background:#fef9c3;border-color:#ca8a04;color:#713f12}
.gv-dusuk{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}
.yon-destek{color:var(--yesil-koyu);font-weight:800}
.yon-catisma{color:#b91c1c;font-weight:800}

/* Halka 4 girdi */
.dh-girdi{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.6rem 0}
.dh-girdi label{font-size:.85rem;color:var(--soluk);font-weight:650}
.dh-girdi input{width:9rem;padding:.45rem .6rem;border:1px solid var(--cizgi);border-radius:8px;
    background:var(--krem);font:inherit;font-weight:700;text-align:right}
.dh-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:.7rem 0}
.dh-kpi div{background:var(--krem);border:1px solid var(--cizgi);border-radius:9px;padding:.55rem .6rem}
.dh-kpi .v{font-size:1.15rem;font-weight:800;color:var(--yesil-koyu);line-height:1.2}
.dh-kpi .l{font-size:.7rem;color:var(--soluk);margin-top:.15rem}
.dh-formul{font-size:.75rem;color:var(--soluk);background:var(--krem);border:1px dashed var(--cizgi);
    border-radius:8px;padding:.5rem .6rem;margin-top:.5rem;overflow-x:auto;white-space:pre-wrap;
    font-family:ui-monospace,Consolas,monospace;line-height:1.5}
.dh-kaynak{font-size:.74rem;color:var(--soluk);margin-top:.6rem;line-height:1.55}
.dh-kaynak b{color:var(--toprak)}
.dh-ac{appearance:none;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;margin-top:.5rem;
    padding:.3rem .65rem;border-radius:7px;border:1px solid var(--cizgi);background:var(--krem);
    color:var(--metin)}
.dh-gizli{display:none}
@media (max-width:520px){
  .dh-cevap li{font-size:.94rem}
  .dh-sahne canvas{height:min(300px,42vh)}
}

/* ═══ HS02 · K18 TAM EKRAN 3D GİRİŞ KATMANI (giris3d.js) ═══
   Mevcut sayfanın ÜSTÜNE biner; kapanınca sayfa aynen altındadır (ekle-yıkma). */
.hsg{position:fixed;inset:0;z-index:9999;background:#0f1a12;overflow:hidden;
     display:flex;align-items:flex-start;justify-content:center;cursor:pointer;
     padding-top:7vh;animation:hsgAc .35s ease-out}
@keyframes hsgAc{from{opacity:0}to{opacity:1}}
.hsg-cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.hsg-ust{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;
     align-items:center;padding:1rem 1.2rem;font-size:.85rem;color:#cfe6d4;
     text-shadow:0 1px 3px rgba(0,0,0,.7)}
.hsg-marka{font-weight:800;letter-spacing:.01em}
.hsg-marka b{color:#7ede9b;font-weight:800}
.hsg-kademe{font-size:.78rem;color:#9fc3a9}
.hsg-kademe a{color:#7ede9b;text-decoration:none;border-bottom:1px dotted #4d7a5a}
/* Metin bloğu KENDİ koyu zeminini taşır: sahnedeki açık ada plakası altına düşünce
   kontrast kaybolmasın (canlıda ölçüldü — ara yazılar krem plaka üstünde okunmuyordu). */
.hsg-orta{position:relative;text-align:center;padding:2.2rem 2.6rem;max-width:44rem;
     pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.9);border-radius:24px;
     background:radial-gradient(ellipse at center,rgba(6,14,9,.90) 0%,rgba(6,14,9,.78) 58%,rgba(6,14,9,0) 100%)}
.hsg-orta h1{font-size:clamp(1.45rem,4.2vw,2.7rem);line-height:1.25;color:#fff;margin:0 0 .5rem;
     font-weight:800;letter-spacing:-.01em}
.hsg-alt{color:#a9cdb4;font-size:.92rem;margin:0 0 1.1rem}
.hsg-veri{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;align-items:center;
     margin:0 0 1.3rem;min-height:2.2rem}
.hsg-etiket{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8fb99a;
     width:100%;margin-bottom:.15rem}
.hsg-urun{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.09);
     border:1px solid rgba(126,222,155,.42);border-radius:999px;padding:.32rem .8rem;
     font-size:.92rem;color:#eaf7ee}
.hsg-urun i{font-style:normal;font-weight:800;color:#7ede9b}
.hsg-kaynak{width:100%;font-size:.72rem;color:#7fa389;margin-top:.35rem}
.hsg-bekle,.hsg-yok{font-size:.82rem;color:#8fb99a}
.hsg-yok{color:#e8b06a}
.hsg-gir{pointer-events:auto;appearance:none;font:inherit;font-size:1rem;font-weight:800;
     cursor:pointer;padding:.7rem 2rem;border-radius:999px;border:0;background:#2e7d43;
     color:#fff;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.hsg-gir:hover{background:#38954f}
.hsg-ipucu{font-size:.74rem;color:#7fa389;margin:.8rem 0 0}
.hsg-iz{position:absolute;left:0;right:0;bottom:0;padding:.85rem 1.2rem 1.1rem;
     text-align:center;font-size:.8rem;color:#b6d6c0;background:linear-gradient(transparent,rgba(0,0,0,.55));
     text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}
.hsg-iz b{color:#7ede9b}
.hsg-iz i{font-style:normal;color:#e0c98a}
.hsg-kaynak2{display:block;font-size:.7rem;color:#7fa389;margin-top:.25rem}
@media (max-width:520px){
  .hsg-orta h1{font-size:1.35rem}
  .hsg-iz{font-size:.72rem}
  .hsg-kademe{display:none}
}

/* HS04 · zincir devri (K15→K16) bağlantı düğmeleri */
.dh-devir{display:inline-block;font-size:.83rem;font-weight:700;text-decoration:none;
    padding:.45rem .85rem;border-radius:8px;border:1px solid var(--yesil-koyu);
    background:var(--yesil);color:#fff}
.dh-devir:hover{background:var(--yesil-koyu)}
.dh-devir.ikincil{background:var(--krem);color:var(--metin);border-color:var(--cizgi);font-weight:650}
.dh-devir.ikincil:hover{border-color:var(--yesil)}

/* ═══ HS11 · YAZDIRMA — 60 yaşındaki çiftçi tarlaya telefon değil KÂĞIT götürür ═══
   Kâğıda gidecek: cevap kartı · ekim kapısı + saha takvimi · refakat tabloları ·
   paket künyesi · kaynaklar. Gitmeyecek: 3D sahne, seçici düğmeler, kademe linkleri,
   giriş katmanı, site navigasyonu — bunlar ekran araçları, kâğıtta gürültüdür. */
@media print {
  .hsg, .dh-sahne, .dh-sec, #dhBoyut, .dh-ac, .hasat-kokpit,
  header.ust, .zincir, .hasat-faz, #dhSahneBtn { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .wrap { max-width: none; padding: 0 }
  .dh { border: 1px solid #000; border-radius: 0; padding: .4cm; margin: 0 }
  .dh-cevap { border: 2px solid #000; background: #fff !important; break-inside: avoid }
  .dh-cevap li, .dh-cevap li b { color: #000 !important }
  .dh-banner { background: #fff !important; color: #000 !important;
               border-left: 3px solid #000; break-inside: avoid }
  .dh table { break-inside: auto; font-size: 9pt }
  .dh table tr { break-inside: avoid; break-after: auto }
  .dh table th { background: #eee !important; color: #000 !important }
  .dh-kpi { break-inside: avoid }
  .dh-kpi .v { color: #000 !important }
  .gv { border: 1px solid #000 !important; background: #fff !important; color: #000 !important }
  .dh-formul { background: #fff !important; border: 1px dashed #000 }
  .dh-kunye { display: block !important }          /* künye kâğıtta hep açık */
  .dh-gizli { display: block !important }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #444 }
  h3 { break-after: avoid }
}