/* egeled — Kelvin tasarımı */
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --accent:#FF8A00;--on-accent:#0F1720;--r:10px;--r-s:8px;
  --fh:"Manrope Variable","Segoe UI",system-ui,sans-serif;
  --fb:"Inter Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --max:1180px;--gap:clamp(16px,3vw,28px);
  --bg:#FFFFFF;--surface:#F5F6F8;--surface2:#FAFBFC;--text:#0F1720;--muted:#5B6673;--line:#E3E6EB;--accent-text:#9F5400;--focus:#0F1720;
  --kelvin:linear-gradient(90deg,#FFB35C 0%,#FFD9A0 28%,#FFF1DA 52%,#CFE3FF 80%,#8DB8FF 100%);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--fb);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:var(--accent-text);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--fh);font-weight:450;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;color:var(--text)}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.skip{position:absolute;left:12px;top:-60px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:10px;z-index:200;font-weight:600}
.skip:focus{top:12px}
.kap{width:100%;max-width:var(--max);margin:0 auto;padding:0 max(16px,env(safe-area-inset-left))}
.ic{width:20px;height:20px;flex:none;vertical-align:-4px}
.ic.sm{width:16px;height:16px;vertical-align:-3px}
.ic.lg{width:28px;height:28px}
.ic.xl{width:44px;height:44px}
.muted{color:var(--muted)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:600 .95rem/1.2 var(--fb);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.btn-hayalet{background:transparent;color:var(--text);border-color:color-mix(in srgb,var(--text) 35%,transparent)}
.btn-hayalet:hover{border-color:var(--text);filter:none}
.btn-sm{min-height:44px;padding:8px 18px;font-size:.9rem}
.btn-tam{width:100%}
.satir{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.satir.orta{justify-content:center}

/* Üst çubuk */
.ust{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-size:1.45rem;color:var(--text);text-decoration:none;font-weight:500}
.logo .ic{color:var(--accent-text);width:26px;height:26px}
.logo .marka-tam{width:190px;height:auto;flex:none}
.logo:hover{text-decoration:none}
.ust-sag{display:flex;align-items:center;gap:10px}
.menubtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:500 .95rem var(--fb);cursor:pointer}
.menubtn:hover{border-color:var(--muted)}
@media (max-width:640px){.ust-teklif{display:none}.menubtn span{display:none}.menubtn{padding:0;width:44px;justify-content:center}}
@media (max-width:420px){.logo{font-size:1.25rem}.logo .ic{width:22px;height:22px}.logo .marka-tam{width:155px}}

/* Tam ekran perde menü */
body.perde-acik{overflow:hidden}
.perde{position:fixed;inset:0;z-index:100;background:var(--bg);overflow-y:auto;overscroll-behavior:contain}
.perde[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.perde:not([hidden]){animation:perde-gel .3s ease-out}}
@keyframes perde-gel{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.perde-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.perde-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(20px,4vw,56px);padding-bottom:48px}
.perde-liste{list-style:none;margin:0;padding:0}
.perde-liste li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.perde-liste li>a{flex:1;display:flex;align-items:baseline;gap:14px;padding:8px 0;font-family:var(--fh);font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.2;color:var(--muted);text-decoration:none;min-height:44px}
.perde-liste li>a small{font:500 .75rem var(--fb);color:var(--muted);min-width:1.5em}
.perde-liste li>a:hover,.perde-liste li>a[aria-current="page"],.perde-liste li.aktif>a{color:var(--text);text-decoration:none}
.alt-ac{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;flex:none}
.alt-ac[aria-expanded="true"] .ic{transform:rotate(180deg)}
.perde-paneller{min-height:300px}
.panel{display:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.4vw,28px)}
.panel.aktif{display:block}
.panel-baslik{font:600 .75rem var(--fb);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}
.alan-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.alan-grid.tek{grid-template-columns:1fr}
.alan{display:flex;gap:12px;padding:10px;border-radius:var(--r-s);color:var(--text);text-decoration:none;min-height:44px;align-items:flex-start}
.alan .ic{color:var(--accent-text);margin-top:2px}
.alan b{display:block;font-weight:600;font-size:.95rem}
.alan small{display:block;color:var(--muted);font-size:.82rem;line-height:1.4}
.alan:hover,.alan.secili{background:var(--bg);text-decoration:none}
.alan.secili{box-shadow:inset 3px 0 0 var(--accent)}
.panel-cozum{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.onizle{display:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);padding:14px}
.onizle.aktif{display:block}
.onizle img,.onizle .foto-yok{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:10px}
.onizle h4{font-size:1.15rem;margin:0 0 4px}
.onizle p{font-size:.88rem;color:var(--muted);margin:0 0 8px}
.cipler{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px;padding:0;list-style:none}
.cipler a,.cipler span{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.78rem;text-decoration:none}
.perde-alt{margin-top:24px}
@media (max-width:899px){
  .perde-grid{grid-template-columns:1fr}
  .perde-paneller{display:none}
  .perde-liste .panel{display:none;margin:8px 0 14px;flex-basis:100%}
  .perde-liste li.acik .panel{display:block}
  .perde-liste li{flex-wrap:wrap}
  .panel-cozum{grid-template-columns:1fr}
  .onizle{display:none!important}
  .alan-grid{grid-template-columns:1fr}
}

.eyebrow{font:600 .8rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin:0}

/* Bölümler */
.bolum{padding:clamp(40px,6vw,80px) 0}
.bolum.zemin{background:var(--surface2);border-block:1px solid var(--line)}
.bolum-baslik{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.bolum-baslik h2{margin:0}
.bolum-baslik p{margin:6px 0 0;color:var(--muted);max-width:60ch}
.grid{display:grid;gap:var(--gap)}
.g2{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}

/* Kartlar */
.kart{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--text);text-decoration:none}
a.kart:hover{border-color:var(--muted);text-decoration:none}
.kart-gorsel{aspect-ratio:4/3;background:#150F0A;overflow:hidden}
.kart-gorsel img,.kart-gorsel .foto-yok{width:100%;height:100%;object-fit:cover}
.foto-yok{display:grid;place-items:center;background:var(--surface2);color:var(--muted)}
.kart-govde{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.kart-govde h3{font-size:1.15rem;margin:0}
.kart-govde p{margin:0;color:var(--muted);font-size:.9rem}
.kart-alt{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;color:var(--accent-text);font-weight:600}
.kart-meta{font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
.oz{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.oz li{font-size:.78rem;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text)}
.kart-ikon{display:flex;gap:14px;padding:20px}
.kart-ikon .ic{color:var(--accent-text);width:28px;height:28px}
.kart-ikon h3{margin:0 0 4px;font-size:1.1rem}
.kart-ikon p{margin:0;color:var(--muted);font-size:.9rem}

/* Rakamlar */
.rakamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap);text-align:center}
.rakam b{display:block;font-family:var(--fh);font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;color:var(--accent-text);font-weight:450}
.rakam span{color:var(--muted);font-size:.95rem}
.not{font-size:.8rem;color:var(--muted);margin-top:16px;text-align:center}

/* Kelvin demosu */
.kelvin{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}
.kelvin-oda{border-radius:var(--r);border:1px solid var(--line);min-height:280px;position:relative;overflow:hidden;background:radial-gradient(80% 100% at 50% 0%,var(--kc,#FFD9A0) 0%,transparent 70%),var(--surface);display:grid;place-items:end center;padding:24px}
.kelvin-oda .kutu{background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--line);border-radius:var(--r-s);padding:14px 18px;text-align:center;max-width:32ch}
.kelvin-oda .kutu b{display:block;font-family:var(--fh);font-size:1.3rem;font-weight:450}
.kelvin-cubuk{height:22px;border-radius:999px;background:linear-gradient(90deg,#FFB35C 0%,#FFD9A0 30%,#FFF1DA 55%,#CFE3FF 80%,#8DB8FF 100%);border:1px solid var(--line);margin:10px 0 4px}
input[type=range]{width:100%;accent-color:var(--accent);min-height:44px}
.kelvin-etiket{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}
@media (max-width:820px){.kelvin{grid-template-columns:1fr}}

/* Sayfa başlığı + kırıntı */
.sayfa-baslik{padding:clamp(20px,4vw,48px) 0 clamp(16px,3vw,32px)}
.sayfa-baslik p{color:var(--muted);max-width:64ch;font-size:1.1rem;margin:.5em 0 0}
.kirinti{font-size:.85rem;color:var(--muted);margin:0 0 14px}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.kirinti li+li::before{content:"/";margin-right:8px;color:var(--muted)}
.kirinti a{color:var(--muted)}
.kirinti [aria-current]{color:var(--text)}

/* Metin sayfaları */
.metin{max-width:72ch}
.metin h2{font-size:1.5rem;margin:1.6em 0 .5em}
.metin h2:first-child{margin-top:0}
.metin ul{margin:0 0 1em}
.metin li{margin-bottom:.3em}
.iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,4vw,56px);align-items:start}
.yan{position:sticky;top:96px;display:grid;gap:16px}
.yan-kutu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.yan-kutu h3{font-size:1.1rem}
@media (max-width:900px){.iki-sutun{grid-template-columns:1fr}.yan{position:static}}

/* Ürün listesi filtreleri */
.filtre{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:var(--gap)}
.filtre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}
.alan-etiket{display:grid;gap:4px;font-size:.82rem;color:var(--muted);font-weight:500}
select,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=password],input[type=date],textarea{width:100%;font:400 1rem var(--fb);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);padding:11px 12px;min-height:44px}
textarea{min-height:130px;resize:vertical}
select:hover,input:hover,textarea:hover{border-color:var(--muted)}
.aktif-filtreler{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.sekmeler{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--gap);padding:0;list-style:none}
.sekmeler a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;font-size:.92rem}
.sekmeler a[aria-current="true"],.sekmeler a:hover{border-color:var(--accent);text-decoration:none}
.sekmeler a[aria-current="true"]{background:var(--accent);color:var(--on-accent);font-weight:600}
.sonuc-yok{text-align:center;padding:48px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r)}

/* Ürün detay */
.urun-ust{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:start}
.urun-gorsel{border-radius:var(--r);overflow:hidden;background:#150F0A;border:1px solid var(--line)}
.urun-gorsel img{width:100%;height:auto}
.galeri{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.galeri img{border-radius:10px;aspect-ratio:4/3;object-fit:cover;width:100%}
.ozet-rakamlar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.ozet-rakamlar div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px}
.ozet-rakamlar b{display:block;font-family:var(--fh);font-size:1.4rem;font-weight:450;color:var(--accent-text)}
.ozet-rakamlar span{font-size:.78rem;color:var(--muted)}
table.teknik{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
table.teknik th,table.teknik td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:.93rem}
table.teknik th{width:42%;font-weight:500;color:var(--muted);background:var(--surface2)}
table.teknik tr:last-child th,table.teknik tr:last-child td{border-bottom:0}
@media (max-width:820px){.urun-ust{grid-template-columns:1fr}}

/* Proje detay */
.proje-kapak{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#150F0A;margin-bottom:var(--gap)}
.proje-kapak img{width:100%;height:auto;max-height:520px;object-fit:cover}
.bilgi-satir{display:flex;flex-wrap:wrap;gap:6px 24px;color:var(--muted);font-size:.95rem;margin:0 0 20px;padding:0;list-style:none}
.bilgi-satir b{color:var(--text);font-weight:600}

/* Hizmet adımları */
.adimlar{counter-reset:adim;list-style:none;margin:0;padding:0;display:grid;gap:12px}
.adimlar li{counter-increment:adim;display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);padding:14px 18px}
.adimlar li::before{content:counter(adim);flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:.9rem}
.adimlar b{display:block}
.adimlar span{color:var(--muted);font-size:.92rem}

/* CTA bandı */
.cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta h2{margin:0 0 6px}
.cta p{margin:0;color:var(--muted)}
.cta>*{position:relative}

/* Formlar */
.form{display:grid;gap:16px}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.form-2{grid-template-columns:1fr}}
.hata-metin{color:var(--hata,#B3261E);font-size:.85rem;margin:2px 0 0;font-weight:500}
.alan-etiket .hata-metin{margin:0}
input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:#D6453D}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:.92rem}
.onay input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent);flex:none}
.uyari{padding:14px 16px;border-radius:var(--r-s);border:1px solid #D6453D;background:color-mix(in srgb,#D6453D 12%,var(--surface))}
.uyari a{color:var(--text);font-weight:600}
.basari{padding:14px 16px;border-radius:var(--r-s);border:1px solid #3E9B5F;background:color-mix(in srgb,#3E9B5F 12%,var(--surface))}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.talep-no{font-family:var(--fh);font-size:2rem;color:var(--accent-text)}
.harita{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.harita iframe{width:100%;height:320px;border:0;display:block}
.iletisim-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.iletisim-liste li{display:flex;gap:12px;align-items:flex-start}
.iletisim-liste .ic{color:var(--accent-text);margin-top:3px}

/* Hesap makinesi */
.hesap{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.hesap-sonuc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.hesap-sonuc dl{margin:0;display:grid;gap:10px}
.hesap-sonuc dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.hesap-sonuc dt{color:var(--muted)}
.hesap-sonuc dd{margin:0;font-weight:600}
.buyuk-tasarruf{font-family:var(--fh);font-size:2.4rem;color:var(--accent-text);margin:0 0 4px;line-height:1.1}
@media (max-width:820px){.hesap{grid-template-columns:1fr}}

/* İndirmeler / liste */
.dosya{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text);text-decoration:none;min-height:56px}
.dosya:hover{border-color:var(--muted);text-decoration:none}
.dosya .ic{color:var(--accent-text)}
.dosya small{color:var(--muted);display:block}

/* Alt bilgi */
.alt{margin-top:clamp(40px,6vw,80px);background:var(--surface2);border-top:1px solid var(--line);padding:clamp(32px,5vw,56px) 0 24px}
.alt-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--gap)}
.alt h2{font:600 .8rem var(--fb);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.alt ul a{color:var(--text);text-decoration:none;display:inline-block;padding:6px 0;min-height:32px}
.alt ul a:hover{color:var(--accent-text);text-decoration:underline}
.alt-en{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.alt-en a{color:var(--muted)}
@media (max-width:860px){.alt-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.alt-grid{grid-template-columns:1fr}}
.wa{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border-radius:999px;background:#1F9D55;color:#fff;font-weight:600;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.wa:hover{text-decoration:none;filter:brightness(1.08)}
@media (max-width:520px){.wa span{display:none}.wa{width:52px;justify-content:center;padding:0}}

/* Arama kutusu */
.arama{display:flex;gap:8px}
.arama input{flex:1}
.hata-sayfa{text-align:center;padding:clamp(40px,10vw,120px) 0}
.hata-sayfa .buyuk{font-family:var(--fh);font-size:clamp(4rem,14vw,9rem);line-height:1;color:var(--accent-text)}

@media print{.ust,.perde,.wa,.alt{display:none}}

/* Dokunma alanları: ≥ 44 px */
.logo{min-height:44px}
.wa{background:#157A40}
@media (max-width:900px){
  .alt ul a{display:flex;align-items:center;min-height:44px;padding:0}
  .alt-en a{display:inline-flex;align-items:center;min-height:44px}
  .kirinti a{display:inline-flex;align-items:center;min-height:44px}
  .kirinti ol{gap:0 8px}
  .onay{min-height:44px;align-items:center}
  .sekmeler a{min-height:44px}
}
input[type=file]{min-height:44px;padding:9px 10px;font-size:.92rem}

/* Küçük ekran iyileştirmeleri */
.ozet-rakamlar b{white-space:nowrap}
@media (max-width:520px){.ozet-rakamlar{gap:8px}.ozet-rakamlar div{padding:8px 10px}.ozet-rakamlar b{font-size:1.15rem}}
.kirinti li+li::before{content:none}
.kirinti li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--muted)}

/* Işığın estetiği (rakam bandının altında) */
.estetik{margin-top:clamp(28px,4vw,48px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
.estetik ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--gap)}
.estetik li{display:flex;gap:14px;align-items:flex-start}
.estetik .ic{color:var(--accent-text);margin-top:2px}
.estetik b{display:block;font-family:var(--fh);font-weight:500;font-size:1.05rem;margin-bottom:2px}
.estetik span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}

@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== Kelvin tasarımı ===== */
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}
h1{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.06}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
h3{font-size:1.1rem}
.logo{font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.eyebrow{letter-spacing:.12em;font-weight:700}

/* Şekil dili: 10 px köşe, düz kart, gölge yok */
.btn,.menubtn{border-radius:var(--r)}
.btn{font-weight:700}
.btn-hayalet{border-color:var(--line);background:var(--bg)}
.btn-hayalet:hover{border-color:var(--text)}
.cipler a,.cipler span,.oz li,.sekmeler a{border-radius:8px}
.oz li{background:var(--surface)}
.kart,.yan-kutu,.filtre,.cta,.hesap-sonuc{background:#fff}
.kart-gorsel{background:#150F0A}
a.kart:hover{border-color:var(--text)}
.bolum.zemin{background:var(--surface2)}
.wa{background:#157A40;border-radius:12px;box-shadow:none}
.rakam b{font-weight:800;color:var(--accent-text)}
.cta::before{display:none}

/* İmza: üst çubuğun altında renk sıcaklığı şeridi */
.ust{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line);position:sticky}
.ust::after{content:"";display:block;height:3px;background:var(--kelvin)}
.alt{background:var(--surface2)}
.alt::before{content:"";display:block;height:3px;background:var(--kelvin);margin-top:calc(-1 * clamp(32px,5vw,56px));margin-bottom:clamp(32px,5vw,56px)}

/* Üst çubuk: satır içi menü (geniş ekran) */
.ust-nav{display:none}
@media (min-width:1080px){
  .ust-nav{display:flex;gap:2px;margin:0 auto;font-size:.9rem;font-weight:600}
  .ust-nav a,.ust-nav button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-decoration:none;cursor:pointer;font:inherit}
  .ust-nav small{display:none}      /* Kelvin temasında numara yok */
  .ust-nav a:hover,.ust-nav button:hover{background:var(--surface);color:var(--text)}
  .ust-nav [aria-current="page"]{color:var(--text);box-shadow:inset 0 -3px 0 var(--accent);border-radius:8px 8px 0 0}
  .ust .menubtn{display:none}
}

/* Ana sayfa: koyu gece zemini, bina cephelerine döşenmiş şerit LED; ışık kenarlarda yürür, sonra geri sönerek döner */
.c-hero{position:relative;background:#07090C;color:#fff;text-align:left;overflow:hidden;border-bottom:0;padding:clamp(40px,5vw,72px) 0 0}
.c-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 72% 78%,rgba(255,190,120,.12),transparent 70%)}
.c-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--kelvin);z-index:3}
.c-govde{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px clamp(16px,4vw,56px)}
.c-metin{padding-bottom:clamp(24px,5vw,72px)}
.c-hero h1{color:#fff;max-width:14ch;margin:6px 0 14px}
.c-hero .hero-yazi{color:#B9C2CE;max-width:44ch;margin:0 0 26px}
.c-hero .eyebrow{color:#FFB35C}
.c-hero .btn-hayalet{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
.c-hero .btn-hayalet:hover{border-color:#fff}
.c-hero :focus-visible{outline-color:#FFB35C}
.c-bina{display:block;width:100%;height:auto;max-height:min(70vh,560px);margin-top:auto}
.c-bina .pencere-isik rect{opacity:.5}
.c-bina .led,.c-bina .led-glow{stroke-dasharray:1000 1000;stroke-dashoffset:0}
.c-bina .led-glow{opacity:.26}
.c-bina .led-bas{stroke-dasharray:16 1000;stroke-dashoffset:16;opacity:0}
@media (prefers-reduced-motion:no-preference){
  .c-bina .led,.c-bina .led-glow{stroke-dashoffset:1000;animation:cb-yak 7.5s ease-in-out infinite;animation-delay:calc(var(--g) + var(--k, 0s))}
  .c-bina .led-bas{animation:cb-bas 7.5s ease-in-out infinite;animation-delay:calc(var(--g) + var(--k, 0s))}
  .c-bina .pencere-isik rect{animation:cb-pen 5s ease-in-out infinite;animation-delay:var(--s)}
}
/* ışık başlangıçtan sona yürür (0-40%), yanık kalır, sonra geri sönerek başa döner (54-94%) */
@keyframes cb-yak{0%{stroke-dashoffset:1000}40%{stroke-dashoffset:0}54%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:1000}}
@keyframes cb-bas{0%{stroke-dashoffset:16;opacity:1}40%{stroke-dashoffset:-984;opacity:1}45%{stroke-dashoffset:-984;opacity:0}54%{stroke-dashoffset:-984;opacity:0}58%{stroke-dashoffset:-984;opacity:1}94%{stroke-dashoffset:16;opacity:1}99%,100%{stroke-dashoffset:16;opacity:0}}
@keyframes cb-pen{0%,100%{opacity:.25}50%{opacity:.75}}
@media (max-width:900px){
  .c-govde{grid-template-columns:1fr}
  .c-metin{padding-bottom:8px}
  .c-bina{max-height:380px}
}

/* Perde menü: beyaz, temiz */
.perde-liste li>a{font-family:var(--fh);font-weight:700;letter-spacing:-.02em}
.perde-liste li>a small{font-family:var(--fb);color:var(--accent-text)}
.alan.secili{box-shadow:inset 3px 0 0 var(--accent);background:var(--surface)}
.panel{background:#fff}
.onizle{background:var(--surface)}

/* İnce ayarlar */
.hero + .bolum{padding-top:clamp(40px,6vw,72px)!important}
.alt h2{font-family:var(--fb);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}
