/* ==========================================================
   Körfezde Hurda – ana stil dosyası
   Renkleri değiştirmek için sadece :root bölümünü düzenleyin.
   ========================================================== */
:root{
  --celik:#1f2529;      /* koyu çelik */
  --celik-2:#2e363b;
  --beton:#e7e6e1;      /* beton grisi zemin */
  --kagit:#f6f5f1;
  --pas:#b9461b;        /* pas turuncusu – ana vurgu */
  --pas-koyu:#8f3414;
  --uyari:#f2c230;      /* uyarı sarısı – arama butonu */
  --metin:#20262a;
  --soluk:#5b6469;
  --cizgi:#c9c8c1;
  --genislik:1120px;
  --font:"Bahnschrift","Segoe UI Variable","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--metin);background:var(--beton);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--pas-koyu);text-underline-offset:3px}
a:hover{color:var(--pas)}
:focus-visible{outline:3px solid var(--uyari);outline-offset:2px}
.kap{width:min(100% - 2.5rem,var(--genislik));margin-inline:auto}
.atla{position:absolute;left:-999px;top:0;background:var(--uyari);color:#000;padding:.6rem 1rem;z-index:100}
.atla:focus{left:0}

/* ---------- Başlıklar ---------- */
h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .6em;color:var(--celik)}
h1{font-size:clamp(2.1rem,5.6vw,3.7rem)}
h2{font-size:clamp(1.55rem,3.4vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0 0 1.1em;max-width:70ch}

/* ---------- Üst bar ---------- */
.ust{background:var(--celik);color:#fff;position:sticky;top:0;z-index:50;border-bottom:4px solid var(--pas)}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.logo{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;letter-spacing:.01em}
.logo span{color:var(--uyari)}
.nav ul{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}
.nav a{color:#e9ecee;text-decoration:none;font-size:.98rem;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-color:var(--uyari);color:#fff}
.ara{background:var(--uyari);color:#111;font-weight:700;text-decoration:none;padding:.55rem 1rem;border-radius:3px;white-space:nowrap}
.ara:hover{background:#ffd54a;color:#000}
.menu-dugme{display:none;background:none;border:1px solid #5b666c;color:#fff;padding:.45rem .8rem;font:inherit;border-radius:3px;cursor:pointer}

/* ---------- Hero ---------- */
.hero{background:var(--celik);color:#eef0f1;padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,8vw,5.5rem);position:relative}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:10px;background:repeating-linear-gradient(135deg,var(--uyari) 0 18px,var(--celik) 18px 36px)}
.hero .kap{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:center}
.hero h1{color:#fff}
.hero p.giris{font-size:1.2rem;color:#cfd5d8}
.dugmeler{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.btn{display:inline-block;font:inherit;font-weight:700;text-decoration:none;padding:.85rem 1.4rem;border-radius:3px;border:2px solid transparent;cursor:pointer}
.btn-sari{background:var(--uyari);color:#111}
.btn-sari:hover{background:#ffd54a;color:#000}
.btn-cizgi{border-color:#8a959b;color:#fff}
.btn-cizgi:hover{border-color:#fff;color:#fff}
.btn-pas{background:var(--pas);color:#fff}
.btn-pas:hover{background:var(--pas-koyu);color:#fff}

/* Tartı fişi kartı: sektöre özgü tek vurgu */
.fis{background:var(--kagit);color:var(--metin);padding:1.6rem 1.5rem;font-family:"Consolas","Courier New",monospace;font-size:.98rem;line-height:1.7;transform:rotate(1.2deg);box-shadow:0 14px 30px rgba(0,0,0,.35);position:relative}
.fis::before,.fis::after{content:"";position:absolute;left:0;right:0;height:10px;background:radial-gradient(circle at 8px 0,transparent 6px,var(--kagit) 7px) 0 0/16px 10px repeat-x}
.fis::before{top:-9px;transform:scaleY(-1)}
.fis::after{bottom:-9px}
.fis h2{font-family:var(--font);font-size:1.15rem;margin:0 0 .6rem;text-align:center}
.fis dl{margin:0;border-top:2px dashed #9a9a92;border-bottom:2px dashed #9a9a92;padding:.6rem 0}
.fis dl div{display:flex;justify-content:space-between;gap:1rem}
.fis dt{margin:0}.fis dd{margin:0;font-weight:700}
.fis p{margin:.8rem 0 0;text-align:center;font-size:.9rem;max-width:none}
.fis a.tel{display:block;text-align:center;font-family:var(--font);font-size:1.45rem;font-weight:700;color:var(--celik);text-decoration:none;margin-top:.5rem}

/* ---------- Bölümler ---------- */
.bolum{padding:clamp(2.6rem,6vw,4.5rem) 0}
.bolum.koyu{background:var(--celik-2);color:#e8ebec}
.bolum.koyu h2,.bolum.koyu h3{color:#fff}
.bolum.acik{background:var(--kagit)}
.bolum-baslik{margin-bottom:2rem}
.bolum-baslik p{color:var(--soluk)}
.koyu .bolum-baslik p{color:#b9c1c5}

.foto-sira{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.foto-sira figure{margin:0;background:var(--celik);color:#dfe3e5}
.foto-sira img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#3a444a}
.foto-sira figcaption{padding:.7rem .9rem;font-size:.92rem}

.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}
.kutu{background:var(--kagit);border-left:6px solid var(--pas);padding:1.3rem 1.3rem 1.1rem}
.kutu h3{margin-bottom:.4em}
.kutu p{color:var(--soluk);margin-bottom:.7em;font-size:1rem}
.kutu a.devam{font-weight:700}
.koyu .kutu{background:var(--celik);border-left-color:var(--uyari)}
.koyu .kutu p{color:#b9c1c5}
.koyu .kutu a{color:var(--uyari)}

.adimlar{counter-reset:adim;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}
.adimlar li{counter-increment:adim;border-top:4px solid var(--pas);padding-top:.9rem}
.adimlar li::before{content:counter(adim)".";font-weight:700;font-size:1.6rem;color:var(--pas);display:block}
.adimlar strong{display:block;color:var(--celik);font-size:1.1rem;margin-bottom:.2rem}

/* ---------- İçerik sayfaları ---------- */
.sayfa-baslik{background:var(--celik);color:#fff;padding:2.6rem 0 2.2rem;border-bottom:10px solid var(--pas)}
.sayfa-baslik h1{color:#fff;font-size:clamp(1.9rem,4.6vw,3rem);margin-bottom:.3em}
.sayfa-baslik p{color:#cfd5d8;font-size:1.12rem;margin:0}
.kirinti{font-size:.9rem;margin-bottom:1rem;color:#aab3b8}
.kirinti a{color:#dfe3e5}
.icerik{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;padding:3rem 0}
.icerik article h2{margin-top:1.6em}
.icerik article ul{padding-left:1.2rem}
.icerik article li{margin-bottom:.4em}
.yan{position:sticky;top:90px;align-self:start}
.yan .fis{transform:none;margin-bottom:1.6rem}
.yan h3{margin-top:0}
.yan ul{list-style:none;padding:0;margin:0}
.yan li{border-bottom:1px solid var(--cizgi)}
.yan li a{display:block;padding:.55rem 0;text-decoration:none}
.meta{color:var(--soluk);font-size:.95rem;margin-bottom:1.4rem}

.sss details{background:var(--kagit);border:1px solid var(--cizgi);margin-bottom:.6rem}
.sss summary{cursor:pointer;font-weight:700;padding:.9rem 1.1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.sss summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--pas)}
.sss details[open] summary::after{content:"–"}
.sss details p{padding:0 1.1rem;margin:0 0 1rem}

.cagri{background:var(--pas);color:#fff;padding:2.6rem 0}
.cagri .kap{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center;justify-content:space-between}
.cagri h2{color:#fff;margin:0 0 .2em}
.cagri p{margin:0;color:#ffe6da}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--celik);color:#c4cbcf;padding:3rem 0 5.5rem;font-size:.98rem}
.alt .kap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}
.alt h2{font-size:1.05rem;color:#fff;margin-bottom:.7em}
.alt ul{list-style:none;padding:0;margin:0}
.alt li{margin-bottom:.3rem}
.alt a{color:#e4e8ea}
.alt .telif{grid-column:1/-1;border-top:1px solid #3b454b;padding-top:1.2rem;font-size:.88rem;color:#8d979c}

/* Mobilde sabit arama çubuğu */
.mobil-bar{display:none}

/* ---------- Mobil ---------- */
@media (max-width:860px){
  .hero .kap,.icerik{grid-template-columns:1fr}
  .fis{transform:none}
  .yan{position:static}
  .foto-sira{grid-template-columns:1fr}
  .alt .kap{grid-template-columns:1fr}
  .menu-dugme{display:block}
  .ara{display:none}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--celik);display:none;border-bottom:4px solid var(--pas)}
  .nav.acik{display:block}
  .nav ul{flex-direction:column;gap:0;padding:.5rem 1.25rem 1rem}
  .nav a{display:block;padding:.8rem 0;border-bottom:1px solid #3b454b}
  .mobil-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60}
  .mobil-bar a{text-align:center;font-weight:700;text-decoration:none;padding:.95rem .5rem;color:#111}
  .mobil-bar .a1{background:var(--uyari)}
  .mobil-bar .a2{background:#25d366}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.ust,.mobil-bar,.cagri{display:none}}