/* ===========================================================================
   ASTAN ENERJİ — "AMBLEM" KURUMSAL TASARIM SİSTEMİ
   Tek tema (koyu ağırlıklı), tek aksan: ASTAN turuncusu. Yarıçap: 0.
   Palet logodan piksel örneklemesiyle: lacivert #0F3154, turuncu #FA7911.
   =========================================================================== */
:root{
  --lacivert:#0F3154;
  --lacivert-2:#15406B;          /* karo hover — lacivertin +%8 açığı */
  --gece:#071527;                /* hero, footer, koyu bölüm zemini */
  --gece-2:#0A2038;
  --turuncu:#FA7911;
  --turuncu-koyu:#D9620A;
  --turuncu-uzeri:#1A1206;       /* turuncu DOLGU üstünde metin — 6.9:1 */
  --celik:#EDF1F5;               /* açık bölüm zemini */
  --kagit:#FFFFFF;
  --cizgi:#D3DCE5;
  --murekkep:#0B1B2B;
  --murekkep-2:#3E5366;          /* beyaz üstünde 7.3:1 */
  --murekkep-3:#566B7E;          /* yalnız ≥14px ikincil — 5.3:1 */
  --ak-72:rgba(255,255,255,.76); /* koyu zeminde gövde metni — 10:1 */
  --ak-55:rgba(255,255,255,.58);
  --ak-cizgi:rgba(255,255,255,.16);
  /* görünümlerin kullandığı eş adlar — yeni renk değil, mevcut değerlerin karşılığı */
  --sonuk:#566B7E;               /* = --murekkep-3 */
  --ak-54:rgba(255,255,255,.58); /* = --ak-55 */
  --font-display:var(--baslik);

  --r:0;                         /* SIFIR YARIÇAP — amblemin köşeli dili */
  --pah:14px;

  --kap:1280px;
  --serit-h:38px;
  --nav-h:72px;
  --hdr:calc(var(--serit-h) + var(--nav-h));
  --pad:clamp(20px,4vw,32px);
  --menu-esik:1024px;
  --dokunma:44px;

  --hero-sure:6500ms;
  --hero-gecis:.7s;
  --hero-egri:cubic-bezier(.16,1,.3,1);
  --hero-koyu:7 21 39;

  --baslik:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --govde:"Golos Text","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"Martian Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --odak-dis:#FFFFFF;
  --odak-ic:#0F3154;

  /* ---- AMBLEM PARÇALARI: logonun kendi yollarından, maske olarak ---- */
  --m-halka:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10 262 1076 1076'%3E%3Cpath fill-rule='evenodd' d='M1035.3 572A538 538 0 1 0 1035.3 1028L968.12 1028A478 478 0 1 1 968.12 572Z'/%3E%3C/svg%3E");
  --m-bara:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='393 506 325 564'%3E%3Cpath d='M565 506H718V622H514ZM624 746H718V898H514ZM470 970H718V1070H393Z'/%3E%3C/svg%3E");
  --m-simsek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='282 398 356 672'%3E%3Cpath d='M460 398H560L443 673H638L326 1070L444 774H282Z'/%3E%3C/svg%3E");
}
@media (max-width:767px){ :root{ --serit-h:44px; --nav-h:60px; } }

*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--hdr) + 12px);
  color-scheme:only light;
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
html,body{ overflow-x:hidden; max-width:100%; position:relative; }
body{
  margin:0; background:var(--kagit); color:var(--murekkep);
  font-family:var(--govde); font-size:17px; line-height:1.62;
  font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased;
}
img,video{ max-width:100%; height:auto; }
svg,canvas,iframe{ max-width:100%; }
h1,h2,h3,h4,p,li,a,td,th,dt,dd{ overflow-wrap:break-word; }
h1,h2,h3,h4{
  font-family:var(--baslik); font-weight:800; margin:0;
  line-height:1.06; letter-spacing:.005em; text-wrap:balance; padding-block:.04em;
}
p{ margin:0; text-wrap:pretty; }
ul,ol,dl{ margin:0; padding:0; list-style:none; }
a{ color:inherit; }
:is(section,article,main,div)[id]{ scroll-margin-top:calc(var(--hdr) + 12px); }

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--odak-dis); outline-offset:2px; box-shadow:0 0 0 2px var(--odak-ic);
}
.koyu a:focus-visible,.koyu button:focus-visible,.koyu input:focus-visible{
  outline-color:var(--turuncu); box-shadow:0 0 0 2px var(--gece);
}
:focus:not(:focus-visible){ outline:none; }

/* =========================================================================
   İMZA MOTİFİ — AMBLEM PARÇALARI. Tek tanım: .amblem + parça değiştiricisi.
   Renk currentColor'dan gelir; boyut --boy ile. Hepsi dekoratif, aria-hidden.
   ========================================================================= */
.amblem{
  display:inline-block; flex:none; pointer-events:none;
  width:var(--boy,16px); aspect-ratio:1; background:currentColor;
  -webkit-mask:var(--m) center / contain no-repeat; mask:var(--m) center / contain no-repeat;
}
.amblem--halka{ --m:var(--m-halka); }
.amblem--bara{ --m:var(--m-bara); aspect-ratio:325/564; width:auto; height:var(--boy,16px); }
.amblem--simsek{ --m:var(--m-simsek); aspect-ratio:356/672; width:auto; height:var(--boy,16px); }

/* --- atlama bağlantısı --------------------------------------------------- */
.icerige-gec{
  position:absolute; left:8px; top:-200%; z-index:999;
  min-height:var(--dokunma); display:inline-flex; align-items:center;
  padding:12px 16px; background:var(--turuncu); color:var(--turuncu-uzeri);
  font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-decoration:none;
}
.icerige-gec:focus{ top:8px; position:fixed; }

/* =========================================================================
   ÜST ŞERİT — TURUNCU künye bandı (logodaki "ENERJİ" rengi), koyu mürekkep.
   STRATEJİ A: mobilde KALIR (44px); header'a ayrı tel: butonu konmaz.
   Kontrast: #1A1206 / #FA7911 = 6.9:1 · şerit / lacivert header = 5.2:1
   ========================================================================= */
#tepeGozcu{ position:absolute; top:0; left:0; width:1px; height:var(--serit-h); pointer-events:none; }

.site-header{ position:sticky; top:0; z-index:90; background:var(--lacivert); transition:box-shadow .25s ease; }
.site-header.is-yapisik{ box-shadow:0 16px 36px -22px rgba(0,0,0,.7); }

.ust-serit{
  position:relative; height:var(--serit-h); overflow:hidden;
  background:var(--turuncu); color:var(--turuncu-uzeri);
  font-family:var(--mono); font-size:11px; letter-spacing:.08em; font-variant-numeric:tabular-nums;
}
/* İMZA ÇİZGİSİ: turuncu bantta lacivert 2px */
.ust-serit::before{
  content:""; position:absolute; top:0; left:0; right:0; height:2px; z-index:1;
  background:linear-gradient(90deg,var(--gece) 0%,rgba(7,21,39,.55) 40%,rgba(7,21,39,0) 75%);
}
.ust-serit__ic{
  max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad);
  height:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; white-space:nowrap;
}
.ust-serit__sol{ display:flex; align-items:center; gap:12px; min-width:0; }
.ust-serit__sag{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.ust-durum{ display:inline-flex; align-items:center; gap:8px; font-weight:600; flex:none; }
.ust-durum i{ position:relative; width:6px; height:6px; background:var(--gece); flex:none; }
.ust-durum i::after{
  content:""; position:absolute; inset:-4px; border:1px solid var(--gece);
  animation:seritNabiz 2.6s ease-out infinite;
}
@keyframes seritNabiz{ 0%{transform:scale(.6);opacity:.9} 100%{transform:scale(1.9);opacity:0} }
.ust-ayrac{ width:1px; height:14px; background:rgba(26,18,6,.3); flex:none; align-self:center; }
.ust-metin{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.ust-link{
  align-self:stretch; display:inline-flex; align-items:center; gap:7px;
  color:var(--turuncu-uzeri); text-decoration:none; font-weight:600;
}
.ust-link__t{ position:relative; }
.ust-link__t::after{
  content:""; position:absolute; left:0; right:0; bottom:-3px; height:1px; background:currentColor;
  transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
}
.ust-link:hover .ust-link__t::after,.ust-link:focus-visible .ust-link__t::after{ transform:scaleX(1); }
.ust-link:focus-visible{ outline-color:var(--gece); outline-offset:-3px; box-shadow:none; }
.ust-ikon{ font-size:15px; line-height:1.1; }
@media (max-width:1023px){ .ust-gizle-lg{ display:none !important; } }
@media (max-width:767px){  .ust-gizle-md{ display:none !important; } }

/* =========================================================================
   HEADER / NAV — lacivert bar, beyaz amblem
   ========================================================================= */
.nav{
  height:var(--nav-h); max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad);
  display:flex; align-items:center; justify-content:space-between; gap:clamp(12px,1.5vw,24px);
}
.marka{ display:flex; align-items:center; text-decoration:none; flex:none; }
.marka img{ display:block; height:50px; width:auto; }
@media (max-width:767px){ .marka img{ height:42px; } }

.ana-menu{ display:none; align-items:center; gap:clamp(6px,0.9vw,16px); margin-inline:auto 12px; }
@media (min-width:1024px){ .ana-menu{ display:flex; } }
.ana-menu a{
  display:inline-flex; align-items:center; min-height:44px; position:relative;
  font-family:var(--baslik); font-weight:800; font-size:clamp(14px,0.95vw,16.5px); letter-spacing:.04em;
  color:var(--ak-72); text-decoration:none; transition:color .2s ease;
  white-space:nowrap; padding-inline:2px;
}
.ana-menu a::after{
  content:""; position:absolute; left:0; right:0; bottom:6px; height:3px; background:var(--turuncu);
  transform:scaleX(0); transform-origin:left; transition:transform .24s var(--hero-egri);
}
.ana-menu a:hover,.ana-menu a:focus-visible,.ana-menu a.aktif{ color:#fff; }
.ana-menu a:hover::after,.ana-menu a:focus-visible::after,.ana-menu a.aktif::after{ transform:scaleX(1); }

.nav__aksiyon{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
@media (max-width:1023px){ .nav__aksiyon{ margin-inline-start:auto; } }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding-inline:26px; border:0; cursor:pointer; border-radius:var(--r);
  font-family:var(--baslik); font-weight:800; font-size:19px; letter-spacing:.06em;
  text-decoration:none; transition:background-color .2s ease, color .2s ease, border-color .2s ease;
  clip-path:polygon(var(--pah) 0,100% 0,100% calc(100% - var(--pah)),calc(100% - var(--pah)) 100%,0 100%,0 var(--pah));
}
.btn--dolu{ background:var(--turuncu); color:var(--turuncu-uzeri); }
.btn--dolu:hover{ background:#fff; color:var(--gece); }
.btn--hayalet{ --cerceve:rgba(255,255,255,.55); --cerceve-k:1px; background-color:rgba(255,255,255,.08); color:#fff; }
.btn--hayalet:hover{ background-color:#fff; color:var(--gece); }   /* kısaltma değil: pah çizgisi (background-image) silinmesin */
/* İçi boş düğmeler: çerçeve inset gölgeyle çiziliyor, pah (clip-path) sol üst / sağ alt
   köşeyi kesince çaprazda çizgi kalmıyordu — pah çaprazını aynı renk ve kalınlıkla tamamla */
.btn--hayalet,.btn--cizgili{
  box-shadow:inset 0 0 0 var(--cerceve-k) var(--cerceve);
  --pah-cizgi:calc(var(--pah) * .7071 + var(--cerceve-k));   /* köşeden pah çizgisinin iç kenarına uzaklık */
  background-image:
    linear-gradient(135deg, var(--cerceve) calc(var(--pah-cizgi) - .4px), transparent calc(var(--pah-cizgi) + .4px)),
    linear-gradient(315deg, var(--cerceve) calc(var(--pah-cizgi) - .4px), transparent calc(var(--pah-cizgi) + .4px));
  background-size:calc(var(--pah) + var(--cerceve-k)) calc(var(--pah) + var(--cerceve-k));
  background-position:left top, right bottom; background-repeat:no-repeat;
}
.btn--lacivert{ background:var(--lacivert); color:#fff; }
.btn--lacivert:hover{ background:var(--gece); }
.btn .typcn{ font-size:20px; line-height:1.1; }
.nav .btn{ min-height:42px; font-size:16px; --pah:9px; padding-inline:18px; white-space:nowrap !important; flex-shrink:0; }
.nav__cta{ white-space:nowrap !important; flex-shrink:0; }
@media (max-width:1023px){ .nav__cta{ display:none !important; } }

.menu-dugmesi{
  width:var(--dokunma); height:var(--dokunma); display:grid; place-items:center;
  background:var(--turuncu); border:0; color:var(--turuncu-uzeri); cursor:pointer; flex-shrink:0;
}
.menu-dugmesi .ikon{ font-size:26px; line-height:1.1; }
@media (min-width:1024px){ .menu-dugmesi{ display:none !important; } }

/* =========================================================================
   MOBİL MENÜ — lacivert panel, dev büyük harfler
   ========================================================================= */
#mobilMenu{
  position:fixed; inset:0; z-index:95; height:100dvh;
  padding:calc(90px + env(safe-area-inset-top,0px)) calc(22px + env(safe-area-inset-right,0px))
          calc(40px + env(safe-area-inset-bottom,0px)) calc(22px + env(safe-area-inset-left,0px));
  background:var(--gece); color:#fff; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
  visibility:hidden; pointer-events:none; opacity:0; transform:translateY(-8px);
  transition:opacity .24s var(--hero-egri), transform .24s var(--hero-egri), visibility .24s;
}
#mobilMenu[data-acik="evet"]{ visibility:visible; pointer-events:auto; opacity:1; transform:none; }
@media (min-width:1024px){ #mobilMenu{ display:none; } }
html:not(.js) #mobilMenu{ position:static; height:auto; visibility:visible; pointer-events:auto; opacity:1; transform:none; padding-top:24px; }
/* halka sağdan %30 taşıyormuş gibi görünür ama kutu panel içinde biter: taşan kutu kaydırma
   kabında paneli sağa kaydırılabilir yapıyordu. Görünen parça = maskenin sol (--h − %30)'luk kısmı */
#mobilMenu::before{
  --h:min(120vw,620px);
  content:""; position:absolute; right:0; top:40px; width:calc(var(--h) - 30%); height:var(--h);
  background:rgba(255,255,255,.05); -webkit-mask:var(--m-halka) left top/var(--h) var(--h) no-repeat; mask:var(--m-halka) left top/var(--h) var(--h) no-repeat;
  pointer-events:none;
}
.mobil-menu__kapat{
  position:absolute; top:calc(18px + env(safe-area-inset-top,0px)); right:calc(18px + env(safe-area-inset-right,0px));
  width:var(--dokunma); height:var(--dokunma); display:grid; place-items:center;
  background:var(--turuncu); border:0; color:var(--turuncu-uzeri); cursor:pointer;
}
.mobil-menu__kapat .typcn{ font-size:26px; line-height:1.1; }
.mobil-menu__nav{ position:relative; }
.mobil-menu__nav a{
  display:flex; align-items:center; gap:14px; min-height:58px; padding-block:12px;
  border-bottom:1px solid var(--ak-cizgi); text-decoration:none;
  font-family:var(--baslik); font-weight:900; font-size:clamp(26px,7.4vw,34px); letter-spacing:.02em;
}
.mobil-menu__nav a .amblem{ color:var(--turuncu); --boy:18px; }
.mobil-menu__kunye{
  position:relative; display:flex; flex-direction:column; gap:2px; margin-top:24px;
  font-family:var(--mono); font-size:13px; letter-spacing:.04em;
}
.mobil-menu__kunye a{ display:inline-flex; align-items:center; min-height:var(--dokunma); color:var(--ak-72); text-decoration:none; }
.mobil-menu__cta{ position:relative; margin-top:18px; width:100%; }

/* =========================================================================
   HERO — tam alan, lacivert DUOTONE fotoğraf, metni logodaki AÇIK HALKA çevreler
   ========================================================================= */
.hero{ position:relative; display:grid; overflow:hidden; background:rgb(var(--hero-koyu)); color:#fff; }
.hero [hidden]{ display:none !important; }
.hero__sahne{
  grid-area:1/1; display:grid; min-width:0;
  min-height:clamp(560px, calc(100vh  - var(--hdr)), 880px);
  min-height:clamp(560px, calc(100svh - var(--hdr)), 880px);
}
.hero__slayt{
  grid-area:1/1; position:relative; display:flex; align-items:center; min-width:0;
  transition:opacity var(--hero-gecis) var(--hero-egri), visibility 0s;
}
.hero__slayt:not(:first-child){ opacity:0; visibility:hidden; pointer-events:none; }
.hero__slayt[data-aktif="hayir"]{
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity var(--hero-gecis) var(--hero-egri), visibility 0s linear var(--hero-gecis);
}
.hero__slayt[data-aktif="evet"]{
  opacity:1; visibility:visible; pointer-events:auto;
  transition:opacity var(--hero-gecis) var(--hero-egri), visibility 0s;
}
.hero__kadraj{ position:absolute; inset:0; }
.hero__gorsel{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform var(--hero-gecis) var(--hero-egri);
}
.hero__perde{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgb(var(--hero-koyu)/.97) 0%, rgb(var(--hero-koyu)/.84) 46%, rgb(var(--hero-koyu)/.30) 100%),
    linear-gradient(180deg, rgb(var(--hero-koyu)/.45) 0%, rgb(var(--hero-koyu)/0) 30%, rgb(var(--hero-koyu)/.80) 100%);
}
.hero__metin{
  position:relative; z-index:1; width:100%; max-width:var(--kap); margin-inline:auto;
  padding:clamp(64px,7vw,96px) var(--pad) clamp(112px,11vw,132px);
  --halka-boy:clamp(460px,44vw,660px);
}
.hero__metin::before{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:var(--halka-boy); aspect-ratio:1;
  left:calc(var(--pad) - var(--halka-boy) * .34); top:50%; transform:translateY(-54%);
  background:rgba(255,255,255,.10);
  -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.hero__metin > *{ max-width:min(100%,660px); }
.hero__ustbaslik{
  display:inline-flex; align-items:center; gap:12px; margin-bottom:22px;
  font-family:var(--mono); font-size:12px; letter-spacing:.16em; color:#fff;
}
.hero__ustbaslik .amblem{ color:var(--turuncu); --boy:26px; }
.hero__baslik{
  font-weight:900; font-size:clamp(44px,5.6vw,84px); line-height:1.06; letter-spacing:.01em;
  color:#fff; margin-bottom:22px;
}
.hero__baslik em{ font-style:normal; color:var(--turuncu); }
.hero__aciklama{ color:rgba(255,255,255,.9); font-size:clamp(16px,1.35vw,18.5px); max-width:min(100%,560px) !important; margin-bottom:28px; }
.hero__aksiyon{ display:flex; flex-wrap:wrap; gap:12px; }

/* kontrol şeridi */
.hero__serit{
  grid-area:1/1; align-self:end; z-index:2; position:relative; min-width:0;
  border-top:1px solid var(--ak-cizgi);
  background:rgb(var(--hero-koyu)/.88);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){ .hero__serit{ background:rgb(var(--hero-koyu)/.96); } }
.hero:not([data-hazir]) .hero__serit{ display:none; }
.hero__serit-ic{
  max-width:var(--kap); margin-inline:auto; display:flex; align-items:center;
  justify-content:space-between; gap:16px; padding:10px var(--pad);
}
.hero__sol{ display:flex; align-items:center; gap:20px; }
.hero__sayac{ font-family:var(--baslik); font-weight:800; font-size:22px; letter-spacing:.04em; color:#fff; white-space:nowrap; }
.hero__sayac-toplam{ color:var(--ak-72); }
.hero__noktalar{ display:flex; align-items:center; gap:10px; }
.hero__nokta{ position:relative; width:36px; height:40px; padding:0; border:0; background:none; cursor:pointer; }
.hero__nokta::before,.hero__nokta::after{ content:""; position:absolute; left:0; right:0; top:18px; height:5px; }
.hero__nokta::before{ background:rgba(255,255,255,.5); }
.hero__nokta::after{ background:var(--turuncu); transform:scaleX(0); transform-origin:left; transition:transform .35s var(--hero-egri); }
.hero__nokta[aria-current="true"]::after{ transform:scaleX(1); }
.hero__oklar{ display:flex; align-items:center; gap:8px; }
.hero__ok{
  width:42px; height:42px; display:grid; place-items:center; cursor:pointer;
  border:1px solid rgba(255,255,255,.58); background:transparent; color:#fff;
  transition:background-color .2s ease, color .2s ease;
}
.hero__ok:hover{ background:#fff; color:var(--gece); }
.hero__ok .typcn{ font-size:22px; line-height:1.1; }
#heroDurdur[data-durum="durdu"]{ background:var(--turuncu); border-color:var(--turuncu); color:var(--turuncu-uzeri); }
@keyframes heroDolum{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }
.hero__ilerleme{
  position:absolute; top:-2px; inset-inline:0; height:3px; background:var(--turuncu);
  transform:scaleX(0); transform-origin:left center; animation:heroDolum var(--hero-sure) linear forwards;
}
.gorsel-gizli{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

@media (prefers-reduced-motion:no-preference){
  .hero__slayt[data-aktif] .s-ic{ opacity:0; transform:translateY(18px); transition:opacity .5s var(--hero-egri), transform .6s var(--hero-egri); }
  .hero__slayt[data-aktif="evet"] .s-ic{ opacity:1; transform:none; }
  .hero__slayt[data-aktif="evet"] .s-ic:nth-child(1){ transition-delay:.08s; }
  .hero__slayt[data-aktif="evet"] .s-ic:nth-child(2){ transition-delay:.16s; }
  .hero__slayt[data-aktif="evet"] .s-ic:nth-child(3){ transition-delay:.24s; }
  .hero__slayt[data-aktif="evet"] .s-ic:nth-child(4){ transition-delay:.32s; }
  @keyframes heroYaklas{ from{ transform:scale(1.06) } to{ transform:scale(1) } }
  .hero__slayt[data-aktif="evet"] .hero__gorsel{ animation:heroYaklas calc(var(--hero-sure) + 3000ms) linear both; }
  @keyframes halkaDon{ from{ transform:translateY(-54%) rotate(-24deg); opacity:0 } to{ transform:translateY(-54%) rotate(0); opacity:1 } }
  .hero__slayt[data-aktif="evet"] .hero__metin::before{ animation:halkaDon 1.1s var(--hero-egri) both; }
}
@media (prefers-reduced-motion:reduce){
  .hero__slayt,.hero__slayt .s-ic,.hero__gorsel,.hero__nokta::after{ transition:none !important; }
  .hero__slayt[data-aktif="evet"] .hero__gorsel,.hero__slayt[data-aktif="evet"] .hero__metin::before{ animation:none !important; }
  .hero__ilerleme{ display:none; }
  .ust-durum i::after{ animation:none; }
}
@media (max-width:768px){
  .hero__perde{ background:linear-gradient(180deg, rgb(var(--hero-koyu)/.76) 0%, rgb(var(--hero-koyu)/.88) 55%, rgb(var(--hero-koyu)/.97) 100%); }
  .hero__slayt{ align-items:flex-end; }
  .hero__metin{ --halka-boy:clamp(300px,92vw,420px); padding-top:60px; padding-bottom:clamp(90px,12vw,110px); }
  .hero__metin::before{ top:34%; left:calc(var(--pad) - var(--halka-boy) * .38); }
  .hero__baslik{ font-size:clamp(30px,8.5vw,46px); line-height:1.1; word-break:break-word; overflow-wrap:break-word; }
  .hero__aciklama{ font-size:15px; line-height:1.55; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .hero__aksiyon{ gap:10px; }
  .hero__aksiyon .btn{ flex:1 1 100%; min-height:46px; font-size:17px; }
}
@media (max-width:480px){
  .hero__serit-ic{ padding-inline:14px; gap:8px; }
  .hero__sol{ gap:10px; }
  .hero__sayac{ font-size:18px; }
  .hero__noktalar{ gap:6px; }
  .hero__nokta{ width:24px; height:34px; }
  .hero__nokta::before,.hero__nokta::after{ top:15px; height:4px; }
  .hero__oklar{ gap:4px; }
  .hero__ok{ width:34px; height:34px; }
  .hero__ok .typcn{ font-size:18px; }
}

/* =========================================================================
   ORTAK BÖLÜM DİLİ
   ========================================================================= */
.bolum{ padding-block:clamp(72px,9vw,120px); position:relative; }
.bolum--celik{ background:var(--celik); }
.bolum--gece{ background:var(--gece); color:#fff; }
.kap{ max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad); }

.etiket-ust{
  display:inline-flex; align-items:center; gap:12px; margin-bottom:18px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; color:var(--lacivert);
}
.etiket-ust .amblem{ color:var(--turuncu); --boy:20px; }
.bolum--gece .etiket-ust{ color:#fff; }
.bas{ font-size:clamp(40px,5.4vw,72px); font-weight:900; color:var(--gece); margin-bottom:18px; }
.bolum--gece .bas{ color:#fff; }
.giris{ font-size:clamp(16px,1.35vw,18px); color:var(--murekkep-2); max-width:62ch; }
.bolum--gece .giris{ color:var(--ak-72); }
.bolum__ust{ display:grid; gap:18px 48px; margin-bottom:clamp(40px,5vw,64px); }
@media (min-width:960px){ .bolum__ust{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:end; } }

/* --- KAPSAM BANDI: turuncu, dev rakamlar -------------------------------- */
.kapsam-bandi{ background:var(--turuncu); color:var(--turuncu-uzeri); position:relative; overflow:hidden; }
.kapsam-bandi::after{
  content:""; position:absolute; right:-4%; top:50%; transform:translateY(-50%);
  height:170%; aspect-ratio:325/564; background:rgba(26,18,6,.07);
  -webkit-mask:var(--m-bara) center/contain no-repeat; mask:var(--m-bara) center/contain no-repeat; pointer-events:none;
}
.kapsam-bandi__ic{
  position:relative; z-index:1; max-width:var(--kap); margin-inline:auto;
  padding:clamp(28px,3.8vw,48px) var(--pad); display:grid; gap:20px;
}
@media (min-width:860px){
  .kapsam-bandi__ic{
    grid-template-columns:minmax(140px,.85fr) repeat(3,minmax(0,1fr));
    align-items:center;
    gap:clamp(10px,1.6vw,24px);
  }
}
.kapsam-bandi__bas{ font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; line-height:1.7; }
@media (min-width:860px){ .kapsam-bandi__bas{ padding-right:16px; } }
.kademe{ padding-block:6px; min-width:0; }
@media (min-width:860px){ .kademe{ padding-inline:clamp(14px,1.8vw,24px); border-left:2px solid rgba(26,18,6,.28); } }
.kademe__deger{
  font-family:var(--baslik); font-weight:900;
  font-size:clamp(40px,5vw,68px); line-height:1; letter-spacing:-.01em;
  white-space:nowrap !important; word-break:keep-all !important; overflow-wrap:normal !important;
  display:inline-flex !important; align-items:baseline !important; gap:4px;
}
.kademe__deger small{
  font-size:clamp(16px,1.8vw,24px) !important; font-weight:800;
  letter-spacing:.02em; white-space:nowrap !important; word-break:keep-all !important;
  overflow-wrap:normal !important; display:inline-block !important;
  margin-left:2px;
}
.kademe__ad{ font-weight:600; font-size:15px; line-height:1.35; margin-top:6px; }
@media (min-width:860px){ .kademe__ad{ min-height:2.6em; } }

/* Boşluk dengesi: Kapsam bandından sonra gelen bölümler */
.kapsam-bandi + .bolum, .kapsam-bandi + div .bolum{
  padding-top:clamp(40px,4.5vw,64px);
}

/* --- FAALİYET: lacivert karolar ----------------------------------------- */
.karo-izgara{ display:grid; gap:14px; }
@media (min-width:640px){ .karo-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .karo-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.karo{
  position:relative; background:var(--lacivert); color:#fff; padding:clamp(26px,3vw,36px);
  display:flex; flex-direction:column; gap:14px; min-height:0; overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
  transition:background-color .25s ease;
  text-decoration:none;
}
.karo::after{
  content:""; position:absolute; left:0; bottom:0; height:4px; width:100%; background:var(--turuncu);
  transform:scaleX(.18); transform-origin:left; transition:transform .45s var(--hero-egri);
}
.karo:hover{ background:var(--lacivert-2); }
@media (min-width:640px){ .karo{ min-height:340px; } }
.karo:hover::after{ transform:scaleX(1); }
.karo__no{
  font-family:var(--baslik); font-weight:900; font-size:clamp(72px,7vw,104px); line-height:1.06;
  color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.3); margin-bottom:auto; padding-bottom:18px;
}
.karo:hover .karo__no{ -webkit-text-stroke-color:var(--turuncu); }
.karo h3{ font-size:clamp(26px,2.3vw,32px); font-weight:800; letter-spacing:.01em; }
.karo p{ color:var(--ak-72); font-size:15.5px; }

/* --- YÖNTEM: hat çizelgesi (koyu blok 1) -------------------------------- */
.hat{ position:relative; display:grid; gap:34px; }
@media (min-width:1024px){
  .hat{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; }
  .hat::before{
    content:""; position:absolute; left:32px; right:32px; top:31px; height:2px;
    background:repeating-linear-gradient(90deg,var(--turuncu) 0 14px,transparent 14px 22px);
  }
}
@media (max-width:1023px){
  .hat::before{ content:""; position:absolute; left:31px; top:10px; bottom:10px; width:2px;
    background:repeating-linear-gradient(180deg,var(--turuncu) 0 14px,transparent 14px 22px); }
}
.direk{ position:relative; display:grid; grid-template-columns:64px minmax(0,1fr); gap:18px; }
@media (min-width:1024px){ .direk{ grid-template-columns:1fr; gap:20px; padding-right:24px; align-content:start; } }
.direk__dugum{
  position:relative; z-index:1; width:64px; height:64px; display:grid; place-items:center;
  background:var(--gece); border:2px solid var(--turuncu); color:var(--turuncu);
}
.direk__dugum .amblem{ --boy:30px; }
.direk__no{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--turuncu); margin-bottom:6px; display:block; }
.direk h3{ font-size:24px; font-weight:800; color:#fff; margin-bottom:8px; }
.direk p{ color:var(--ak-72); font-size:15px; }

/* --- SAHADAN: editoryal satırlar ---------------------------------------- */
.satirlar{ border-top:3px solid var(--gece); }
.satir{
  display:grid; gap:14px 36px; padding-block:clamp(26px,3.4vw,40px); border-bottom:1px solid var(--cizgi);
}
@media (min-width:900px){ .satir{ grid-template-columns:150px minmax(0,1.2fr) minmax(0,1fr); align-items:start; } }
.satir__kod{
  font-family:var(--baslik); font-weight:900; font-size:clamp(76px,8vw,120px); line-height:1.06;
  color:transparent; -webkit-text-stroke:2px var(--lacivert);
}
.satir h3{ font-size:clamp(26px,2.6vw,34px); color:var(--gece); margin-bottom:10px; }
.satir p{ color:var(--murekkep-2); }
.satir dl{ display:grid; gap:14px; padding:18px 20px; background:var(--kagit); border-left:4px solid var(--turuncu); }
.satir dt{ font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; color:var(--murekkep-3); }
.satir dd{ margin:2px 0 0; font-weight:500; }

/* --- İSG: halka çerçeveli fotoğraf (koyu blok 2) ------------------------ */
.isg{ display:grid; gap:clamp(36px,5vw,72px); align-items:center; }
@media (min-width:960px){ .isg{ grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); } }
.halka-cerceve{ position:relative; width:min(100%,540px); aspect-ratio:1; margin-inline:auto; }
.halka-cerceve::before{
  content:""; position:absolute; inset:0; z-index:1; background:var(--turuncu); pointer-events:none;
  -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.halka-cerceve img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; clip-path:circle(41% at 50% 50%); }
.halka-cerceve__simsek{
  position:absolute; z-index:2; right:6%; top:50%; transform:translateY(-50%);
  color:#fff; --boy:clamp(90px,14vw,150px);
}
.madde-liste{ display:grid; gap:22px; margin-top:34px; }
.madde{ display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:start; }
.madde__ikon{ width:48px; height:48px; display:grid; place-items:center; background:var(--turuncu); color:var(--turuncu-uzeri); }
.madde__ikon .typcn{ font-size:26px; line-height:1.1; }
.madde h3{ font-size:22px; color:#fff; margin-bottom:4px; }
.madde p{ color:var(--ak-72); font-size:15.5px; }

/* --- BELGELER ------------------------------------------------------------ */
.belge-izgara{ display:grid; gap:1px; background:var(--cizgi); border:1px solid var(--cizgi); }
@media (min-width:640px){ .belge-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .belge-izgara{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.belge{ padding:clamp(24px,2.6vw,32px); display:flex; flex-direction:column; gap:12px; border-top:4px solid var(--lacivert); background:var(--kagit); transition:border-top-color .2s ease; }
.belge:hover{ border-top-color:var(--turuncu); }
.belge .amblem{ color:var(--turuncu); --boy:28px; align-self:flex-start; }
.belge h3{ font-size:23px; color:var(--gece); }
.belge p{ font-size:15px; color:var(--murekkep-2); }
.not-kutusu{
  margin-top:22px; padding:16px 20px; background:var(--celik); border-left:4px solid var(--turuncu);
  font-size:15px; color:var(--murekkep-2);
}

/* --- İLETİŞİM & FORMLAR -------------------------------------------------- */
.iletisim{ display:grid; gap:clamp(28px,4vw,48px); align-items:start; }
@media (min-width:960px){ .iletisim{ grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); } }
.form-kart{
  background:var(--kagit); padding:clamp(24px,3.4vw,44px);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.form-izgara{ display:grid; gap:16px; }
@media (min-width:640px){ .form-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.alan{ display:flex; flex-direction:column; gap:7px; }
.alan--tam{ grid-column:1/-1; }
.alan label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; color:var(--murekkep-2); }
.alan .zorunlu{ color:var(--turuncu-koyu); }
.alan input,.alan select,.alan textarea{
  width:100%; min-height:50px; padding:13px 14px; font-family:var(--govde); font-size:max(16px,1rem);
  color:var(--murekkep); background:var(--celik); border:0; border-bottom:2px solid var(--cizgi); border-radius:var(--r); appearance:none;
}
.alan textarea{ min-height:136px; resize:vertical; }
.alan select{
  background-image:linear-gradient(45deg,transparent 50%,var(--murekkep-2) 50%),linear-gradient(135deg,var(--murekkep-2) 50%,transparent 50%);
  background-position:calc(100% - 21px) 23px, calc(100% - 15px) 23px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:44px;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{ border-bottom-color:var(--turuncu); background:#fff; }
.alan [aria-invalid="true"]{ border-bottom-color:#B3261E; background:#FDF4F3; }
.alan__hata{ font-size:13.5px; color:#8C1D18; }
.onay{ grid-column:1/-1; display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--murekkep-2); }
.onay input[type="checkbox"]{ width:22px; height:22px; margin-top:2px; accent-color:var(--turuncu-koyu); flex:none; }
.onay a{ color:var(--lacivert); text-underline-offset:3px; }
.bal{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-durum{ grid-column:1/-1; font-size:14.5px; color:var(--murekkep-2); border-left:4px solid var(--turuncu); padding:10px 14px; background:var(--celik); }
.form-durum.basarili{ border-left-color:#16A34A; background:#F0FDF4; color:#166534; }
.form-durum.hatali{ border-left-color:#DC2626; background:#FEF2F2; color:#991B1B; }

.kunye-kart{
  position:relative; overflow:hidden; background:var(--gece); color:#fff; padding:clamp(26px,3vw,40px);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.kunye-kart::after{
  content:""; position:absolute; right:-38%; bottom:-40%; width:110%; aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.05); -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.kunye-kart h3{ font-size:30px; margin-bottom:22px; position:relative; }
.kunye-satir{ position:relative; display:grid; grid-template-columns:24px minmax(0,1fr); gap:14px; padding-block:14px; border-top:1px solid var(--ak-cizgi); }
.kunye-satir .typcn{ font-size:22px; color:var(--turuncu); line-height:1.3; }
.kunye-satir dt{ font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; color:var(--ak-55); }
.kunye-satir dd{ margin:3px 0 0; font-size:17px; }
.kunye-satir dd a{ text-decoration:none; }
.kunye-satir dd a:hover{ color:var(--turuncu); }

@media (prefers-reduced-motion:no-preference){
  .js .reveal{ opacity:0; transform:translateY(20px); transition:opacity .55s var(--hero-egri), transform .55s var(--hero-egri); }
  .js .reveal.gorunur{ opacity:1; transform:none; }
}

/* =========================================================================
   FOOTER
   ========================================================================= */
.ayak{ position:relative; overflow:hidden; background:var(--gece); color:#fff; padding-block:clamp(56px,7vw,88px) 0; }
.ayak::before{
  content:""; position:absolute; right:-16%; top:-30%; width:min(90vw,860px); aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.035); -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.ayak .kap{ position:relative; }
.ayak__izgara{ display:grid; gap:40px; }
@media (min-width:640px){ .ayak__izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .ayak__izgara{ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr); column-gap:40px; } }
.ayak__logo{ display:block; height:78px; width:auto; margin-bottom:20px; }
.ayak__tanim{ color:var(--ak-72); font-size:15.5px; max-width:36ch; }
.ayak__baslik{ font-family:var(--mono); font-size:11px; letter-spacing:.2em; color:var(--ak-55); margin-bottom:18px; font-weight:400; }
.ayak__baglanti{ display:inline-flex; align-items:center; min-height:32px; padding-block:6px; color:var(--ak-72); text-decoration:none; font-size:15.5px; transition:color .2s ease; }
.ayak__baglanti:hover{ color:var(--turuncu); }
@media (max-width:1023px){ .ayak__baglanti{ min-height:var(--dokunma); } }
.ayak address{ font-style:normal; display:grid; justify-items:start; gap:2px; }
.ayak address a{ overflow-wrap:anywhere; }
.ayak__satir{ color:var(--ak-72); font-size:15.5px; margin-top:8px; }
.ayak__satir--sonuk{ color:var(--ak-55); font-size:14px; }
.ayak__yasal{ margin-top:clamp(28px,4vw,44px); padding-block:26px; border-top:1px solid var(--ak-cizgi); display:flex; flex-direction:column; gap:12px; color:var(--ak-55); font-size:13.5px; }
@media (min-width:768px){ .ayak__yasal{ flex-direction:row; justify-content:space-between; align-items:center; } }
.ayak__yasal-baglantilar{ display:flex; flex-wrap:wrap; gap:18px; }

/* --- Yüzen düğmeler: solda iletişim (WhatsApp + telefon), sağda yukarı çık.
       Köşesi pahlı kareler (amblemin köşeli dili). Yerleri hiç değişmez; footer'ın yasal
       satırı ya da imza barı altlarına girince JS data-gizli ile soldurur. */
.yuzen-iletisim,.yukari-cik{ position:fixed; z-index:80; bottom:calc(16px + env(safe-area-inset-bottom,0px)); }
.yuzen-iletisim{ left:calc(16px + env(safe-area-inset-left,0px)); display:flex; flex-direction:column; gap:10px; transition:opacity .25s ease, visibility .25s ease; }
.yukari-cik{ right:calc(16px + env(safe-area-inset-right,0px)); }
.yuzen-dugme,.yukari-cik{
  width:56px; height:56px; display:grid; place-items:center; padding:0; border:0; cursor:pointer; text-decoration:none;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  transition:opacity .25s ease, visibility .25s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.yuzen-dugme:focus-visible,.yukari-cik:focus-visible{ clip-path:none; }   /* odak halkası pahta kesilmesin */
.yuzen-dugme .typcn,.yukari-cik .typcn{ font-size:30px; line-height:1; }
.yuzen-dugme svg{ width:28px; height:28px; fill:currentColor; }
.yuzen-dugme > *,.yukari-cik > *{ transition:transform .2s ease; }
.yuzen-dugme--tel{ background:var(--turuncu); color:var(--turuncu-uzeri); }
.yuzen-dugme--wa{ background:#1DA851; color:#fff; }   /* WhatsApp yeşili (fonksiyonel renk) · beyaz işaret 3,1:1 */
.yukari-cik{ background:var(--lacivert); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
/* Hover: dolgu kendi renginde koyulaşır, altta beyaz bara çizgisi belirir (karo hover'ıyla aynı
   dil), işaret hafifçe büyür. Düğme hem beyaz bölümde hem gece zeminli footer'da seçilir kalır
   (eski beyaz dolgu beyaz bölümde düğmeyi siliyordu). Hover yalnız fareli cihazda; dokunmatikte
   basılıyken (:active) aynı dolgu verilir, dokunduktan sonra renk takılı kalmaz. */
.yuzen-dugme--tel:active{ background:var(--turuncu-koyu); }
.yuzen-dugme--wa:active{ background:#178F45; }
.yukari-cik:active{ background:var(--turuncu); color:var(--turuncu-uzeri); }
@media (hover:hover) and (pointer:fine){
  .yuzen-dugme:hover,.yukari-cik:hover{ box-shadow:inset 0 -3px 0 rgba(255,255,255,.65); }
  .yuzen-dugme:hover > *,.yukari-cik:hover > *{ transform:scale(1.1); }
  .yuzen-dugme--tel:hover{ background:var(--turuncu-koyu); }   /* koyu mürekkep 5,0:1 */
  .yuzen-dugme--wa:hover{ background:#178F45; }                 /* beyaz işaret 4,2:1 */
  .yukari-cik:hover{ background:var(--turuncu); color:var(--turuncu-uzeri); }
}
.yuzen-iletisim[data-gizli="evet"],.yukari-cik[data-gizli="evet"]{ opacity:0; visibility:hidden; pointer-events:none; }
#mobilMenu[data-acik="evet"] ~ .yuzen-iletisim,#mobilMenu[data-acik="evet"] ~ .yukari-cik{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
@media (prefers-reduced-motion:reduce){ .yuzen-iletisim,.yuzen-dugme,.yukari-cik,.yuzen-dugme > *,.yukari-cik > *{ transition:none; } }

/* =========================================================================
   İÇ SAYFALAR: HERO, KARTLAR, İSTATİSTİKLER, ACCORDION VB.
   ========================================================================= */
.sayfa-hero{
  position:relative;
  background-color:var(--gece);
  /* yalnız vinyet — nokta ızgarası dokusu kimlik kuralı gereği kaldırıldı */
  background-image:radial-gradient(circle at 88% 28%, rgba(15,49,84,.75) 0%, rgba(7,21,39,.95) 55%);
  color:#fff;
  overflow:hidden;
  padding-block:clamp(52px, 7vw, 90px);
  border-bottom:3px solid var(--turuncu);
}
.sayfa-hero::before{
  content:"";
  position:absolute;
  right:-4%;
  top:50%;
  transform:translateY(-50%);
  width:min(65vw, 560px);
  aspect-ratio:1;
  background:radial-gradient(circle, rgba(250,121,17,.14) 0%, rgba(255,255,255,.03) 65%, transparent 75%);
  -webkit-mask:var(--m-halka) center/contain no-repeat;
  mask:var(--m-halka) center/contain no-repeat;
  pointer-events:none;
}
.sayfa-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, var(--turuncu) 0%, rgba(250,121,17,.4) 30%, transparent 80%);
}
.sayfa-hero .kap{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* Ekmek Kırıntısı (Breadcrumbs) - Tam satır, etiketle asla çarpışmaz */
.ekmek-kirintisi{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:100%;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--ak-55);
  margin-bottom:14px;
}
.ekmek-kirintisi a{ color:var(--ak-72); text-decoration:none; transition:color .2s ease; }
.ekmek-kirintisi a:hover{ color:var(--turuncu); }
.ekmek-kirintisi .ayrac{ color:var(--turuncu); font-weight:700; user-select:none; }
.ekmek-kirintisi span:last-child:not(.ayrac){ color:#fff; font-weight:600; }

/* Subpage Hero Section Badge / Etiket */
.sayfa-hero .etiket-ust{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 12px 4px 8px;
  background:rgba(250,121,17,.12);
  border-left:3px solid var(--turuncu);
  color:#fff;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:14px;
  width:fit-content;
}
.sayfa-hero .etiket-ust .amblem{ color:var(--turuncu); --boy:16px; }

/* Subpage Hero Title & Description */
.sayfa-hero h1{
  font-size:clamp(28px, 3.8vw, 50px);
  font-weight:900;
  color:#fff;
  margin-bottom:16px;
  line-height:1.08;
  letter-spacing:.005em;
  word-break:break-word;
  overflow-wrap:break-word;
  /* 24ch, <br> ile bölünmüş satırları bir kez daha kırıp başlığı 4 satıra çıkarıyordu */
  max-width:36ch;
  text-wrap:balance;
}
.sayfa-hero p{
  color:var(--ak-72);
  font-size:clamp(15.5px, 1.3vw, 19px);
  line-height:1.65;
  max-width:66ch;
}
@media (max-width:640px){
  .sayfa-hero{
    padding-block:clamp(38px, 8vw, 56px);
  }
  .sayfa-hero h1{
    font-size:clamp(23px, 6.6vw, 31px);
    line-height:1.12;
    margin-bottom:12px;
  }
  .sayfa-hero p{
    font-size:15px;
    line-height:1.6;
  }
  .sayfa-hero .etiket-ust{
    font-size:10px;
    letter-spacing:.1em;
    padding:3px 10px 3px 6px;
    margin-bottom:10px;
  }
  .ekmek-kirintisi{
    font-size:11px;
    gap:6px;
    margin-bottom:10px;
  }
}

.kart-izgara{ display:grid; gap:24px; }
@media (min-width:640px){ .kart-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .kart-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.kart{
  background:var(--kagit); border:1px solid var(--cizgi); border-top:4px solid var(--lacivert);
  padding:32px 28px; display:flex; flex-direction:column; gap:16px;
  transition:border-color .2s ease, transform .2s ease;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
}
.kart:hover{ border-top-color:var(--turuncu); transform:translateY(-3px); }
.kart h3{ font-size:26px; color:var(--gece); }
.kart p{ color:var(--murekkep-2); font-size:15.5px; }

/* SSS Accordion */
.sss-liste{ display:grid; gap:16px; }
.sss-oge{
  border:1px solid var(--cizgi); background:var(--kagit);
  border-left:4px solid var(--lacivert); transition:border-color .2s ease;
}
.sss-oge[open]{ border-left-color:var(--turuncu); }
.sss-soru{
  padding:20px 24px; font-family:var(--baslik); font-size:24px; font-weight:800;
  color:var(--gece); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;
}
.sss-soru::-webkit-details-marker{ display:none; }
.sss-soru::after{ content:"+"; font-family:var(--mono); font-size:24px; color:var(--turuncu); }
.sss-oge[open] .sss-soru::after{ content:"−"; }
.sss-cevap{ padding:0 24px 22px; color:var(--murekkep-2); font-size:16px; border-top:1px solid var(--celik); }

/* --- REFERANSLAR: logo + ad + (varsa) web sitesi ------------------------ */
/* Çizgiler hücrelerde: son satır eksik kaldığında boş alan zemin rengine boyanmasın */
.referans-izgara{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--cizgi); border-left:1px solid var(--cizgi);
}
@media (min-width:768px){ .referans-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .referans-izgara{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.referans-izgara > li{ display:flex; border-right:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
.referans{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
  padding:clamp(20px,2.4vw,32px) clamp(12px,1.8vw,24px);
  background:var(--kagit); text-decoration:none;
  border-top:3px solid transparent; transition:border-top-color .2s ease;
}
a.referans:hover{ border-top-color:var(--turuncu); }
.referans__logo{ display:flex; align-items:center; justify-content:center; width:100%; height:clamp(64px,7vw,88px); margin-bottom:6px; }
.referans__logo img{ max-width:min(100%,180px); max-height:100%; width:auto; height:auto; object-fit:contain; }
.referans__harf{
  display:grid; place-items:center; width:clamp(56px,6vw,72px); aspect-ratio:1;
  background:var(--celik); color:var(--lacivert);
  font-family:var(--baslik); font-weight:900; font-size:clamp(22px,2.4vw,30px);
}
.referans__ad{ font-family:var(--baslik); font-weight:800; font-size:clamp(18px,1.6vw,21px); line-height:1.12; color:var(--gece); text-wrap:balance; }
.referans__site{
  margin-top:auto; display:inline-flex; align-items:center; gap:4px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--sonuk); overflow-wrap:anywhere;
}
a.referans:hover .referans__site{ color:var(--lacivert); }
@media (prefers-reduced-motion:reduce){ .referans{ transition:none; } }
@media print{ .referans-izgara > li{ break-inside:avoid; } }

/* Projeler / Referanslar Listesi */
.proje-tablo{ width:100%; border-collapse:collapse; margin-top:20px; font-size:15.5px; }
.proje-tablo th,.proje-tablo td{ padding:16px 20px; text-align:left; border-bottom:1px solid var(--cizgi); }
.proje-tablo th{ background:var(--gece); color:#fff; font-family:var(--mono); font-size:12px; letter-spacing:.1em; }
.proje-tablo tr:hover td{ background:var(--celik); }
.badge{
  display:inline-block; padding:4px 10px; font-family:var(--mono); font-size:11px;
  font-weight:600; letter-spacing:.08em; background:var(--celik); color:var(--lacivert);
  border-left:2px solid var(--turuncu);
}

/* Detay sayfa içeriği */
.detay-metin{ font-size:17px; line-height:1.75; color:var(--murekkep); }
.detay-metin h2{ font-size:36px; margin-top:36px; margin-bottom:16px; color:var(--gece); }
.detay-metin h3{ font-size:28px; margin-top:28px; margin-bottom:12px; color:var(--lacivert); }
.detay-metin p{ margin-bottom:20px; }
.detay-metin ul{ list-style:disc; margin-left:24px; margin-bottom:20px; }
.detay-metin li{ margin-bottom:8px; }

.hizmet-detay-izgara{ display:grid; gap:48px; grid-template-columns:minmax(0,1.25fr) minmax(0,0.75fr); align-items:start; }
@media (max-width:960px){
  .hizmet-detay-izgara{ grid-template-columns:1fr; gap:36px; }
  .hizmet-detay-izgara > div:last-child{ position:static !important; }
}

/* Baskı ve Forced Colors */
@media (forced-colors:active){
  .amblem,.hero__metin::before,.halka-cerceve::before{ forced-color-adjust:none; background:CanvasText; }
  .ust-serit{ border-bottom:1px solid CanvasText; }
  .ust-serit::before{ background:LinkText; forced-color-adjust:none; }
  .hero__nokta::before{ background:CanvasText; forced-color-adjust:none; }
  .karo,.kunye-kart,.form-kart{ border:1px solid CanvasText; }
  .karo__no{ -webkit-text-stroke:0; color:CanvasText; }
  .yuzen-dugme,.yukari-cik{ border:2px solid ButtonText; clip-path:none; }
}

/* 4 İstatistikli Kapsam Bandı (Filo vb.) */
@media (min-width:1024px){
  .kapsam-bandi--dortlu .kapsam-bandi__ic{
    grid-template-columns:minmax(130px,.75fr) repeat(4,minmax(0,1fr));
    gap:clamp(8px,1.2vw,18px);
  }
}
@media (min-width:640px) and (max-width:1023px){
  .kapsam-bandi--dortlu .kapsam-bandi__ic{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
}
@media (max-width:639px){
  .kapsam-bandi--dortlu .kapsam-bandi__ic{
    grid-template-columns:1fr;
    gap:16px;
  }
}

/* ─── ARAÇ VE MAKİNE PARKI (FİLO) ────────────────────────── */
/* Süzgeç + görünüm seçici, tablo, kart ızgarası ve <dialog> detay penceresi tek blokta
   (davranış: astan-enerji.js §8). Seçili düğme aria-pressed ile, süzülen satır ve kart
   [hidden] ile işaretlenir; pencere tablo ve kartla aynı #filoVerisi'nden dolar. */
.filo-liste [hidden]{ display:none !important; }

/* süzgeç ve görünüm seçici */
.filo-kontrol-bari{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  gap:16px; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid var(--cizgi);
}
.filo-filtre-bari{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; min-width:0; }
.filo-filtre-btn{
  min-height:44px; padding:0 14px; cursor:pointer; white-space:nowrap;
  background:var(--kagit); border:1px solid var(--cizgi); color:var(--lacivert);
  font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.04em; line-height:1.4;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
  clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}
.filo-filtre-btn:hover{ background:var(--celik); border-color:var(--lacivert); }
.filo-filtre-btn[aria-pressed="true"]{ background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
/* pah (clip-path) dışarı taşan odak halkasını keser; halka düğmenin içine çizilir */
.filo-filtre-btn:focus-visible{ outline:2px solid var(--turuncu); outline-offset:-5px; box-shadow:none; }
.filo-gorunum-secici{ display:inline-flex; flex:none; border:1px solid var(--cizgi); background:#fff; }
.filo-gorunum-btn{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border:0; cursor:pointer;
  background:transparent; color:var(--murekkep-2);
  font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; line-height:1.4;
  transition:background-color .2s ease, color .2s ease;
}
.filo-gorunum-btn .typcn{ font-size:17px; line-height:1; }
.filo-gorunum-btn:hover{ background:var(--celik); color:var(--lacivert); }
.filo-gorunum-btn[aria-pressed="true"]{ background:var(--turuncu); color:var(--turuncu-uzeri); }

/* görseli girilmemiş araç: koyu zeminde bara amblemi (başka aracın fotoğrafı gösterilmez) */
.filo-gorsel-yok{
  position:absolute; inset:0; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--lacivert) 0%,var(--gece) 100%); color:rgba(255,255,255,.16);
}
.filo-gorsel-yok .amblem{ --boy:clamp(30px,46%,120px); }

/* tablo görünümü */
.filo-tablo-sarmal{ overflow-x:auto; background:#fff; border:1px solid var(--cizgi); box-shadow:0 4px 16px rgba(7,21,39,.04); }
.filo-tablo{ width:100%; border-collapse:collapse; text-align:left; }
.filo-tablo thead th{
  background:var(--gece); color:#fff; font-family:var(--mono);
  font-size:12px; font-weight:700; letter-spacing:.08em;
  padding:18px 20px; border-bottom:3px solid var(--turuncu); white-space:nowrap;
}
.filo-tablo .filo-tablo__gorsel{ width:170px; }
.filo-tablo .filo-tablo__kategori{ width:190px; }
.filo-tablo .filo-tablo__orta{ width:110px; text-align:center; }
.filo-tablo tbody tr{ border-bottom:1px solid var(--cizgi); transition:background-color .15s ease; }
.filo-tablo tbody tr:last-child{ border-bottom:0; }
.filo-tablo tbody tr:hover{ background:#F6F8FB; }
.filo-tablo td{ padding:16px 20px; vertical-align:middle; }
.filo-tablo .btn{ white-space:nowrap; }
.filo-resim-hucre{ width:170px; min-width:150px; }
.filo-resim-kutu{
  position:relative; display:block; width:140px; height:88px; overflow:hidden; cursor:pointer;
  border:1px solid var(--cizgi); background:var(--gece);
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.filo-resim-kutu img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.filo-resim-kutu:hover img{ transform:scale(1.08); }
.filo-resim-ipucu{
  position:absolute; z-index:1; right:4px; bottom:4px; padding:2px 6px; pointer-events:none;
  background:rgba(7,21,39,.85); color:#fff; font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.06em;
}
.filo-arac-bilgi{ min-width:220px; }
.filo-arac-ad{
  font-family:var(--baslik); font-size:20px; font-weight:800; text-transform:uppercase;
  color:var(--gece); letter-spacing:.02em; line-height:1.2; margin-bottom:4px;
}
.filo-arac-model{ font-family:var(--mono); font-size:12px; font-weight:600; color:var(--lacivert); }
.filo-arac-donanim{ margin-top:6px; font-size:13.5px; line-height:1.5; color:var(--murekkep-2); }
.filo-arac-donanim strong{ color:var(--lacivert); }
.filo-yil-etiket{
  display:inline-block; font-family:var(--mono); font-size:13px; font-weight:700;
  background:var(--celik); color:var(--gece); padding:4px 10px; border-left:2px solid var(--lacivert);
}
.filo-adet-etiket{
  display:inline-flex; align-items:baseline; gap:4px; white-space:nowrap;
  font-family:var(--mono); font-size:16px; font-weight:800;
  background:var(--lacivert); color:#fff; padding:6px 12px; border-left:3px solid var(--turuncu);
  clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);
}
.filo-adet-etiket small{ font-size:11px; font-weight:600; color:var(--turuncu); }

/* kart görünümü: kartın tamamı İNCELE düğmesiyle açılır (ekran okuyucuda tek durak).
   Eski kartta kategori rozeti fotoğrafın altına, adet rozeti üstüne biniyordu; ikisi ayrıldı. */
.filo-kart-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr)); gap:clamp(18px,2vw,24px); }
.filo-kart{
  position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0;
  background:#fff; border:1px solid var(--cizgi);
  transition:transform .2s ease, border-color .2s ease;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}
.filo-kart__gorsel{ position:relative; flex:none; aspect-ratio:16/10; overflow:hidden; background:var(--gece); }
.filo-kart__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.filo-kart__adet{
  position:absolute; z-index:1; top:12px; left:12px;
  display:inline-flex; align-items:baseline; gap:6px; padding:5px 12px 6px;
  background:var(--gece); color:#fff; border-left:3px solid var(--turuncu);
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1.4;
}
.filo-kart__adet b{ font-family:var(--baslik); font-size:19px; font-weight:900; letter-spacing:0; line-height:1.05; }
.filo-kart__govde{ display:flex; flex-direction:column; flex:1; gap:10px; padding:20px 22px 18px; }
.filo-kart__kategori{
  display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; line-height:1.4; color:var(--lacivert);
}
.filo-kart__kategori .amblem{ --boy:14px; color:var(--turuncu); }
.filo-kart__baslik{ font-size:22px; font-weight:800; text-transform:uppercase; line-height:1.15; color:var(--gece); }
.filo-kart__model{ margin-top:-4px; font-family:var(--mono); font-size:12px; font-weight:700; line-height:1.5; color:var(--murekkep-2); }
.filo-kart__aciklama{
  font-size:14.5px; line-height:1.6; color:var(--murekkep-2);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden;
}
.filo-donanim{ display:flex; flex-wrap:wrap; gap:6px; }
.filo-donanim li{
  padding:3px 8px; background:var(--celik); border-left:2px solid var(--turuncu);
  font-family:var(--mono); font-size:11px; font-weight:600; line-height:1.55; color:var(--gece);
}
.filo-kart__alt{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:auto; padding-top:14px; border-top:1px solid var(--cizgi);
}
.filo-kart__yil{ display:grid; font-family:var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.12em; line-height:1.4; color:var(--murekkep-2); }
.filo-kart__yil b{ font-family:var(--baslik); font-size:20px; font-weight:900; letter-spacing:0; color:var(--gece); }
.filo-kart__ac{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-left:auto; padding:0 16px;
  border:0; background:var(--celik); color:var(--lacivert); cursor:pointer;
  font-family:var(--baslik); font-size:16px; font-weight:800; letter-spacing:.06em;
  transition:background-color .2s ease, color .2s ease;
}
.filo-kart__ac .typcn{ font-size:18px; line-height:1; transition:transform .25s var(--hero-egri); }
/* kartın tamamı tıklanır: düğmenin örtüsü kartı kaplar (düğmeye clip-path verilmez, örtüyü de keserdi) */
.filo-kart__ac::after{ content:""; position:absolute; inset:0; z-index:2; }
.filo-kart:has(.filo-kart__ac:focus-visible){ border-color:var(--turuncu); box-shadow:inset 0 0 0 2px var(--turuncu); }
@media (hover:hover) and (pointer:fine){
  .filo-kart:hover{ transform:translateY(-4px); border-color:var(--turuncu); }
  .filo-kart:hover .filo-kart__gorsel img{ transform:scale(1.06); }
  .filo-kart:hover .filo-kart__ac{ background:var(--lacivert); color:#fff; }
  .filo-kart:hover .filo-kart__ac .typcn{ transform:translateX(3px); }
}

/* detay penceresi: <dialog>; içerik sığmazsa pencerenin içinde kayar. Eski pencere
   kaydırılamıyordu, kısa ekranlarda üstten ve alttan kesiliyordu. */
.filo-pencere{
  width:min(980px, calc(100% - 32px)); max-width:none;
  max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px);
  margin:auto; padding:0; border:0; border-top:4px solid var(--turuncu); overflow:hidden;
  background:var(--kagit); color:var(--murekkep);
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.filo-pencere[open]{ display:flex; flex-direction:column; }
.filo-pencere::backdrop{ background:rgba(7,21,39,.84); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.filo-pencere__kapat{
  position:absolute; z-index:3; top:14px; right:14px;
  width:46px; height:46px; display:grid; place-items:center; padding:0; cursor:pointer;
  border:0; background:var(--gece); color:#fff;
  transition:background-color .2s ease, color .2s ease;
}
.filo-pencere__kapat .typcn{ font-size:24px; line-height:1; }
.filo-pencere__kapat:hover{ background:var(--turuncu); color:var(--turuncu-uzeri); }
.filo-pencere__ic{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.filo-pencere__gorsel{ position:relative; margin:0; aspect-ratio:16/10; overflow:hidden; background:var(--gece); }
.filo-pencere__gorsel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.filo-pencere__gorsel[data-bos] img,.filo-pencere__gorsel:not([data-bos]) .filo-gorsel-yok{ display:none; }
.filo-pencere__detay{ display:grid; gap:24px; padding:clamp(22px,3vw,36px); }
.filo-pencere__sol,.filo-pencere__sag{ min-width:0; }
.filo-pencere__sol .etiket-ust{ margin-bottom:10px; text-transform:uppercase; }
.filo-pencere__baslik{ font-size:clamp(26px,2.8vw,34px); font-weight:800; text-transform:uppercase; line-height:1.08; color:var(--gece); }
.filo-pencere__model{ margin-top:8px; font-family:var(--mono); font-size:13px; font-weight:700; line-height:1.5; color:var(--lacivert); }
.filo-pencere__aciklama{ margin-top:16px; max-width:62ch; font-size:16px; line-height:1.7; color:var(--murekkep-2); }
.filo-pencere__sag{ display:grid; gap:20px; align-content:start; }
.filo-pencere__olcu{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.filo-pencere__olcu-oge{ padding:12px 16px 14px; background:var(--celik); border-left:3px solid var(--lacivert); }
.filo-pencere__olcu dt{ font-family:var(--mono); font-size:10.5px; font-weight:700; letter-spacing:.12em; line-height:1.5; color:var(--murekkep-2); }
.filo-pencere__olcu dd{ margin:2px 0 0; font-family:var(--baslik); font-size:28px; font-weight:900; line-height:1.1; color:var(--gece); }
.filo-pencere__olcu-oge--vurgu{ background:var(--lacivert); border-left-color:var(--turuncu); }
.filo-pencere__olcu-oge--vurgu dt{ color:var(--ak-72); }
.filo-pencere__olcu-oge--vurgu dd{ color:#fff; }
.filo-pencere__olcu-oge--genis{ grid-column:1/-1; }
.filo-pencere__olcu .filo-pencere__belge{ margin-top:4px; font-family:var(--mono); font-size:14px; font-weight:700; letter-spacing:.04em; line-height:1.4; color:var(--lacivert); }
.filo-pencere__alt-bas{ margin-bottom:10px; font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.14em; line-height:1.5; color:var(--lacivert); }
.filo-pencere__donanim{ display:grid; gap:6px; }
.filo-pencere__donanim li{
  display:flex; align-items:flex-start; gap:12px; padding:10px 16px 10px 12px;
  background:var(--celik); font-size:15px; font-weight:600; line-height:1.45; color:var(--murekkep);
}
.filo-pencere__donanim .amblem{ --boy:16px; margin-top:2px; color:var(--turuncu); }
.filo-pencere__aksiyon{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; padding-top:20px; border-top:1px solid var(--cizgi); }
.filo-pencere__tel{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  font-family:var(--baslik); font-size:22px; font-weight:900; letter-spacing:.02em; color:var(--lacivert); text-decoration:none;
}
.filo-pencere__tel .typcn{ font-size:21px; line-height:1; color:var(--turuncu-koyu); }
.filo-pencere__tel:hover{ color:var(--turuncu-koyu); }
@media (min-width:760px){
  .filo-pencere__gorsel{ aspect-ratio:auto; height:clamp(220px,38vh,420px); height:clamp(220px,38dvh,420px); }
  .filo-pencere__detay{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:26px 40px; }
  .filo-pencere__aksiyon{ grid-column:1/-1; }
}
@media (max-width:639px){
  .filo-pencere{ width:calc(100% - 20px); max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px); }
  .filo-pencere__kapat{ top:10px; right:10px; }
  .filo-pencere__olcu dd{ font-size:23px; }
  .filo-pencere__aksiyon .btn{ flex:1 1 100%; }
  .filo-pencere__tel{ flex:1 1 100%; justify-content:center; }
}
html.pencere-acik{ overflow:hidden; }
@keyframes filoPencereAc{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
@keyframes filoPerdeAc{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:no-preference){
  .filo-pencere[open]{ animation:filoPencereAc .3s var(--hero-egri); }
  .filo-pencere[open]::backdrop{ animation:filoPerdeAc .25s ease; }
}
@media (prefers-reduced-motion:reduce){
  .filo-kart,.filo-kart__gorsel img,.filo-kart__ac,.filo-kart__ac .typcn,.filo-resim-kutu img{ transition:none; }
}
@media (forced-colors:active){
  .filo-kart,.filo-pencere,.filo-filtre-btn,.filo-gorunum-btn{ border:1px solid CanvasText; clip-path:none; }
  .filo-filtre-btn[aria-pressed="true"],.filo-gorunum-btn[aria-pressed="true"]{ forced-color-adjust:none; background:Highlight; color:HighlightText; }
}

/* Bilgi / İSG Güvence Kutusu */
.filo-guvenlik-kutu{
  background:var(--celik); border-left:4px solid var(--turuncu);
  padding:24px 28px; margin-top:40px; display:flex; gap:20px; align-items:flex-start;
}
.filo-guvenlik-kutu__ikon{
  font-size:32px; color:var(--turuncu); flex-shrink:0; line-height:1;
}
.filo-guvenlik-kutu__baslik{
  font-family:var(--font-display, 'Big Shoulders Display', sans-serif);
  font-size:22px; font-weight:800; text-transform:uppercase; color:var(--gece);
  margin-bottom:6px;
}
.filo-guvenlik-kutu__metin{
  font-size:14.5px; line-height:1.6; color:var(--murekkep); margin:0;
}

@media (max-width:768px){
  .filo-kontrol-bari{ flex-direction:column; align-items:stretch; }
  /* yatay kayan süzgeç: odak çizgisi kenarda kırpılmasın diye iç boşluk */
  .filo-filtre-bari{ flex-wrap:nowrap; overflow-x:auto; margin:-6px -4px 0; padding:6px 4px 10px; scrollbar-width:thin; }
  .filo-filtre-btn{ flex-shrink:0; }
  .filo-gorunum-secici{ align-self:flex-start; }
  .filo-tablo th:nth-child(3), .filo-tablo td:nth-child(3){ display:none; }
}

/* ─── PROJELER MODÜLÜ (ISBA REFERANS DÜZENİ) ──────────────── */
.proje-kontrol-bari{
  display:flex; flex-direction:column; gap:16px; margin-bottom:36px; padding-bottom:20px;
  border-bottom:1px solid var(--cizgi);
}
.proje-filtre-satir{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
}
.proje-filtre-grubu{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
}
.proje-filtre-btn{
  appearance:none; border:1px solid var(--cizgi); background:#fff; color:var(--murekkep);
  font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:0.04em;
  padding:8px 16px; cursor:pointer; clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  transition:all .18s ease; display:inline-flex; align-items:center; gap:6px;
}
.proje-filtre-btn:hover{
  border-color:var(--turuncu); color:var(--lacivert); background:var(--celik);
}
.proje-filtre-btn.aktif{
  background:var(--lacivert); color:#fff; border-color:var(--lacivert);
}
.proje-filtre-btn--durum.aktif{
  background:var(--turuncu); color:#fff; border-color:var(--turuncu);
}

.proje-izgara{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));
  gap:clamp(20px, 2.5vw, 32px);
}
@media (max-width:480px){
  .proje-izgara{ grid-template-columns:1fr; }
}

.proje-kart{
  background:#fff; border:1px solid var(--cizgi); display:flex; flex-direction:column;
  position:relative; clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  transition:transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, border-color .25s ease;
}
.proje-kart:hover{
  transform:translateY(-4px); box-shadow:0 14px 34px rgba(7,21,39,.09); border-color:var(--turuncu);
}

.proje-kart__gorsel-kutu{
  position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--gece);
}
.proje-kart__gorsel-kutu img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.proje-kart:hover .proje-kart__gorsel-kutu img{
  transform:scale(1.05);
}

.proje-kart__durum-rozet{
  position:absolute; top:12px; left:12px; z-index:2;
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:0.04em;
  padding:4px 10px; display:inline-flex; align-items:center; gap:6px;
  clip-path:polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 4px 100%, 0 calc(100% - 4px));
}
.proje-kart__durum-rozet--devam{
  background:rgba(7,21,39,0.85); color:#fff; border:1px solid rgba(250,121,17,0.6); backdrop-filter:blur(4px);
}
.proje-kart__durum-rozet--devam::before{
  content:''; width:7px; height:7px; border-radius:50%; background:var(--turuncu);
  box-shadow:0 0 8px var(--turuncu); animation:projeNoktaYansima 1.6s infinite;
}
@keyframes projeNoktaYansima{
  0%, 100%{ opacity:1; transform:scale(1); }
  50%{ opacity:0.4; transform:scale(1.3); }
}
.proje-kart__durum-rozet--tamam{
  background:rgba(15,49,84,0.92); color:#fff; backdrop-filter:blur(4px);
}
.proje-kart__durum-rozet--tamam::before{
  content:'✓'; font-weight:900; color:var(--turuncu); font-size:11px;
}

.proje-kart__sehir-rozet{
  position:absolute; top:12px; right:12px; z-index:2;
  background:rgba(255,255,255,0.92); color:var(--gece); font-family:var(--mono);
  font-size:11px; font-weight:700; padding:4px 9px; backdrop-filter:blur(4px);
  clip-path:polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 4px 100%, 0 calc(100% - 4px));
}

.proje-kart__govde{
  padding:20px; display:flex; flex-direction:column; flex:1;
}
.proje-kart__is-turu{
  font-family:var(--mono); font-size:11px; font-weight:700; color:var(--turuncu);
  text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px;
}
.proje-kart__baslik{
  font-family:var(--font-display, 'Big Shoulders Display', sans-serif);
  font-size:22px; font-weight:800; line-height:1.2; color:var(--gece); margin:0 0 14px;
}
.proje-kart__baslik a{
  color:inherit; text-decoration:none; transition:color .18s ease;
}
.proje-kart__baslik a:hover{
  color:var(--turuncu);
}

.proje-kart__kunye-liste{
  margin:0 0 16px; padding:12px 0 0; border-top:1px solid var(--cizgi);
  display:flex; flex-direction:column; gap:6px;
}
.proje-kart__kunye-oge{
  display:flex; justify-content:space-between; align-items:baseline; gap:8px;
  font-size:12.5px;
}
.proje-kart__kunye-oge dt{
  color:var(--sonuk); font-family:var(--mono); font-size:11px; text-transform:uppercase;
  flex-shrink:0;
}
.proje-kart__kunye-oge dd{
  margin:0; text-align:right; font-weight:600; color:var(--murekkep);
}
.proje-kart__kunye-oge--vurgu dd{
  font-family:var(--mono); color:var(--lacivert); font-weight:700;
}

.proje-kart__alt{
  margin-top:auto; padding-top:14px; border-top:1px dashed var(--cizgi);
  display:flex; justify-content:space-between; align-items:center;
}
.proje-kart__detay-link{
  font-family:var(--mono); font-size:12px; font-weight:700; color:var(--lacivert);
  text-decoration:none; display:inline-flex; align-items:center; gap:6px;
  transition:all .18s ease;
}
.proje-kart__detay-link:hover{
  color:var(--turuncu); transform:translateX(3px);
}

/* ─── PROJE DETAY SAYFASI ─────────────────────────────────── */
/* Proje dosyası düzeni: koyu hero (künye + pahlı kapak kadrajı + işveren şeridi),
   turuncu metraj bandı, numaralı içerik blokları, yapışkan sözleşme kartı.
   Kapak kaynakları ~1200px olduğundan fotoğraf tam alana yayılmaz, kadrajda kalır. */
.sayfa-hero--proje{ padding-block:clamp(32px,4.5vw,56px) 0; border-bottom:0; }
.sayfa-hero--proje .kap{ display:block; }
.proje-hero{ display:grid; gap:32px 56px; align-items:center; padding-block:6px clamp(36px,4.5vw,56px); }
@media (min-width:960px){ .proje-hero--gorselli{ grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); } }
.proje-hero__metin{ min-width:0; }
.proje-hero__rozetler{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; }
.sayfa-hero .proje-hero__rozetler .etiket-ust{ margin:0; min-height:28px; }
.sayfa-hero--proje h1{ font-size:clamp(32px,4.1vw,56px); max-width:none; margin-bottom:18px; }
.sayfa-hero--proje .proje-hero__ozet{ max-width:60ch; }
.proje-hero__aksiyon{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
@media (max-width:639px){ .proje-hero__aksiyon .btn{ flex:1 1 100%; min-height:48px; font-size:17px; } }

.proje-rozet{
  display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:4px 12px;
  font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.12em; color:#fff;
  border:1px solid rgba(255,255,255,.3);
}
.proje-rozet--devam::before{ content:""; flex:none; width:7px; height:7px; background:var(--turuncu); }
.proje-rozet--tamam::before{ content:"✓"; color:var(--turuncu); font-weight:900; }
@media (prefers-reduced-motion:no-preference){ .proje-rozet--devam::before{ animation:projeNoktaYansima 1.6s infinite; } }

/* kapak kadrajı: pah köşeler, üstte turuncu çizgi, altta şehir · yıl künyesi */
.proje-hero__kadraj{
  position:relative; margin:0; aspect-ratio:4/3; overflow:hidden; background:var(--gece-2);
  clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px));
}
.proje-hero__kadraj img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.proje-hero__kadraj::before{ content:""; position:absolute; z-index:1; left:0; top:0; width:40%; height:4px; background:var(--turuncu); }
.proje-hero__kadraj::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:45%; pointer-events:none;
  background:linear-gradient(180deg,rgba(7,21,39,0) 0%,rgba(7,21,39,.85) 100%);
}
.proje-hero__kadraj-etiket{
  position:absolute; z-index:1; left:0; right:0; bottom:0;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:14px 20px 14px 50px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:#fff;
}
.proje-hero__kadraj-etiket > span{ display:inline-flex; align-items:center; gap:10px; }
.proje-hero__kadraj-etiket .amblem{ color:var(--turuncu); --boy:16px; }
@media (max-width:959px){ .proje-hero__kadraj{ aspect-ratio:16/10; } }

/* işveren · yüklenici · yıl · lokasyon · iş türü şeridi */
.proje-kunye-serit{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; margin:0;
  border-top:1px solid var(--ak-cizgi);
}
.proje-kunye-serit__oge{ min-width:0; padding-block:16px; border-bottom:1px solid var(--ak-cizgi); }
.proje-kunye-serit__oge--genis{ grid-column:1/-1; }
.proje-kunye-serit dt{ font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; color:var(--ak-55); margin-bottom:6px; }
.proje-kunye-serit dd{ margin:0; font-weight:600; font-size:15.5px; line-height:1.4; color:#fff; }
@media (min-width:1024px){
  .proje-kunye-serit{ grid-template-columns:minmax(0,1.6fr); grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); column-gap:0; }
  .proje-kunye-serit__oge{ padding:20px 24px 26px; border-bottom:0; border-left:1px solid var(--ak-cizgi); }
  .proje-kunye-serit__oge:first-child{ padding-left:0; border-left:0; }
  .proje-kunye-serit__oge--genis{ grid-column:auto; }
}

/* metraj bandı: kapsam-bandi'nin rakam dili, kalem sayısına göre sütun */
@media (max-width:859px){
  .proje-metraj .kapsam-bandi__ic{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .proje-metraj .kapsam-bandi__bas{ grid-column:1/-1; }
}
@media (min-width:860px){
  .proje-metraj .kapsam-bandi__ic{ grid-template-columns:minmax(140px,.8fr) repeat(var(--adet,3),minmax(0,1fr)); }
}
@media (min-width:860px) and (max-width:1099px){
  .proje-metraj--dortlu .kapsam-bandi__ic{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .proje-metraj--dortlu .kapsam-bandi__bas{ grid-column:1/-1; }
  .proje-metraj--dortlu .kademe:nth-child(2){ border-left:0; padding-left:0; }
}

/* ana ızgara */
/* metraj bandı yoksa içerik koyu hero'nun hemen altında başlar */
.sayfa-hero--proje + .proje-detay{ padding-top:clamp(56px,7vw,88px); }
.proje-detay-izgara{ display:grid; gap:clamp(48px,6vw,72px); align-items:start; }
@media (min-width:1024px){ .proje-detay-izgara{ grid-template-columns:minmax(0,1fr) minmax(320px,380px); } }
.proje-detay-ana{ display:flex; flex-direction:column; gap:clamp(48px,6vw,72px); min-width:0; }

/* numaralı blok başlığı: koyu üst çizgi, başında turuncu bara */
.proje-blok{ min-width:0; }
.proje-blok__bas{
  position:relative; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px;
  padding-top:18px; margin-bottom:26px; border-top:3px solid var(--gece);
}
.proje-blok__bas::before{ content:""; position:absolute; left:0; top:-3px; width:72px; height:3px; background:var(--turuncu); }
.proje-blok__no{ font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.14em; color:var(--lacivert); }
.proje-blok__bas h2{ flex:1 1 auto; min-width:0; font-size:clamp(26px,2.8vw,36px); font-weight:900; color:var(--gece); }
.proje-blok__sayi{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--murekkep-3); }

.proje-metin{ display:grid; gap:18px; max-width:72ch; font-size:17px; line-height:1.75; color:var(--murekkep); }
.proje-metin p:first-child:not(:only-child){ font-size:clamp(17px,1.45vw,19px); color:var(--gece); }

.proje-alt-bas{ margin:32px 0 6px; font-family:var(--mono); font-weight:600; font-size:11.5px; letter-spacing:.16em; color:var(--lacivert); }
.proje-kalemler li{ display:flex; align-items:flex-start; gap:14px; padding-block:13px; border-bottom:1px solid var(--cizgi); font-weight:500; }
.proje-kalemler .amblem{ color:var(--turuncu); --boy:16px; margin-top:4px; }

/* teknik föy */
.proje-teknik__kaydir{ overflow-x:auto; }
.proje-teknik{ width:100%; border-collapse:collapse; font-size:16px; }
.proje-teknik tr{ border-bottom:1px solid var(--cizgi); transition:background-color .2s ease; }
.proje-teknik tr:hover{ background:var(--celik); }
.proje-teknik th,.proje-teknik td{ padding:16px 14px; text-align:left; vertical-align:baseline; }
.proje-teknik th{ width:38%; font-family:var(--mono); font-size:11.5px; font-weight:400; letter-spacing:.1em; text-transform:uppercase; color:var(--murekkep-2); }
.proje-teknik td{ font-weight:600; color:var(--gece); }
.proje-teknik .proje-teknik__no{ width:56px; padding-left:0; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.1em; color:var(--turuncu-koyu); }
@media (max-width:639px){
  .proje-teknik,.proje-teknik tbody{ display:block; }
  .proje-teknik tr{ display:grid; grid-template-columns:40px minmax(0,1fr); row-gap:4px; padding-block:14px; }
  .proje-teknik th,.proje-teknik td{ width:auto; padding:0; }
  .proje-teknik .proje-teknik__no{ grid-row:span 2; width:auto; }
}

/* saha galerisi: ilk kare büyük, kare sayısına göre mozaik */
.proje-galeri{ display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(110px,12vw,170px); }
.proje-galeri__oge{ position:relative; min-width:0; }
.proje-galeri__oge:first-child{ grid-column:span 2; grid-row:span 2; }
.proje-galeri--2 .proje-galeri__oge{ grid-column:span 2; grid-row:span 2; }
.proje-galeri--3 .proje-galeri__oge:not(:first-child){ grid-column:span 2; }
.proje-galeri--4 .proje-galeri__oge:last-child{ grid-column:span 2; }
.proje-galeri__oge:first-child a{ clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px)); }
.proje-galeri__oge a{ position:absolute; inset:0; display:block; overflow:hidden; background:var(--gece); text-decoration:none; }
.proje-galeri__oge a:focus-visible{ outline:3px solid var(--turuncu); outline-offset:-3px; box-shadow:none; }
.proje-galeri__oge img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--hero-egri); }
.proje-galeri__oge a::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,21,39,0) 55%,rgba(7,21,39,.7) 100%); pointer-events:none; }
.proje-galeri__no{ position:absolute; z-index:1; left:14px; bottom:10px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:#fff; }
.proje-galeri__buyut{
  position:absolute; z-index:1; right:10px; top:10px; width:40px; height:40px; display:grid; place-items:center;
  background:var(--turuncu); color:var(--turuncu-uzeri); opacity:0; transform:translateY(-6px);
  transition:opacity .25s ease, transform .25s var(--hero-egri);
}
.proje-galeri__buyut .typcn{ font-size:22px; line-height:1; }
.proje-galeri__fazla{
  position:absolute; inset:0; z-index:1; display:grid; place-items:center; background:rgba(7,21,39,.62);
  font-family:var(--baslik); font-weight:900; font-size:clamp(32px,4vw,48px); color:#fff;
}
.proje-galeri__oge a:hover img{ transform:scale(1.05); }
.proje-galeri__oge a:hover .proje-galeri__buyut,.proje-galeri__oge a:focus-visible .proje-galeri__buyut{ opacity:1; transform:none; }
@media (hover:none){ .proje-galeri__buyut{ opacity:1; transform:none; width:34px; height:34px; } }
@media (max-width:639px){
  .proje-galeri{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:clamp(100px,30vw,150px); gap:8px; }
  .proje-galeri--3 .proje-galeri__oge:not(:first-child){ grid-column:auto; }
}

/* yan sütun: koyu sözleşme kartı + teklif kutusu */
.proje-yan{ display:grid; gap:16px; align-content:start; min-width:0; }
@media (min-width:1024px){ .proje-yan{ position:sticky; top:calc(var(--hdr) + 24px); } }
.proje-sozlesme{
  position:relative; overflow:hidden; background:var(--gece); color:#fff; padding:clamp(24px,2.6vw,32px);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
}
.proje-sozlesme::after{
  content:""; position:absolute; right:-45%; bottom:-30%; width:110%; aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.045); -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.proje-sozlesme > *{ position:relative; z-index:1; }
.proje-sozlesme__etiket{ margin-bottom:8px; font-family:var(--mono); font-size:10.5px; font-weight:400; line-height:1.6; letter-spacing:.16em; color:var(--ak-55); }
.proje-sozlesme__durum{ display:flex; align-items:center; gap:12px; font-family:var(--baslik); font-weight:800; font-size:26px; line-height:1.1; }
.proje-sozlesme__durum::before{
  content:"✓"; flex:none; width:26px; height:26px; display:grid; place-items:center;
  background:var(--turuncu); color:var(--turuncu-uzeri); font-family:var(--govde); font-size:14px; font-weight:700;
}
.proje-sozlesme__durum--devam::before{ content:""; background:none; border:2px solid var(--turuncu); box-shadow:inset 0 0 0 5px var(--gece), inset 0 0 0 12px var(--turuncu); }
.proje-sozlesme__tutarlar{ margin-top:20px; }
.proje-tutar{ padding-block:14px; border-top:1px solid var(--ak-cizgi); }
.proje-tutar dt{ margin-bottom:4px; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; color:var(--ak-55); }
.proje-tutar dd{ margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; }
.proje-tutar__deger{ font-family:var(--baslik); font-weight:800; font-size:25px; line-height:1.1; letter-spacing:.01em; }
.proje-tutar__birim{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--ak-72); }
.proje-tutar--vurgu .proje-tutar__deger{ font-weight:900; font-size:clamp(30px,2.7vw,36px); color:var(--turuncu); }

.proje-yan__cagri{ display:grid; gap:12px; padding:clamp(22px,2.4vw,28px); background:var(--celik); border-top:4px solid var(--turuncu); }
.proje-yan__cagri-bas{ font-family:var(--baslik); font-weight:900; font-size:25px; line-height:1.05; color:var(--gece); }
.proje-yan__cagri-metin{ font-size:14.5px; line-height:1.55; color:var(--murekkep-2); }
.proje-yan__cagri .btn{ width:100%; font-size:17px; margin-top:4px; }
.proje-yan__tel{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:var(--dokunma);
  font-family:var(--baslik); font-weight:900; font-size:25px; letter-spacing:.02em; color:var(--lacivert); text-decoration:none;
}
.proje-yan__tel .typcn{ font-size:22px; color:var(--turuncu-koyu); }
.proje-yan__tel:hover{ color:var(--turuncu-koyu); }
.proje-yan__saat{ margin-top:-8px; text-align:center; font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--murekkep-3); }

/* önceki / tüm projeler / sonraki */
.proje-gezinti{
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  margin-top:clamp(56px,7vw,88px); border-block:1px solid var(--cizgi);
}
.proje-gezinti__bag{ display:flex; flex-direction:column; gap:8px; min-width:0; padding:24px 28px 24px 0; text-decoration:none; }
.proje-gezinti__bag--sonraki{ grid-column:3; align-items:flex-end; text-align:right; padding:24px 0 24px 28px; }
.proje-gezinti__yon{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--murekkep-3); }
.proje-gezinti__yon .typcn{ font-size:18px; line-height:1; color:var(--turuncu-koyu); transition:transform .25s var(--hero-egri); }
.proje-gezinti__ad{ font-family:var(--baslik); font-weight:800; font-size:clamp(19px,1.8vw,24px); line-height:1.15; color:var(--gece); transition:color .2s ease; }
.proje-gezinti__bag:hover .proje-gezinti__ad{ color:var(--turuncu-koyu); }
.proje-gezinti__bag:hover .typcn-arrow-left{ transform:translateX(-4px); }
.proje-gezinti__bag:hover .typcn-arrow-right{ transform:translateX(4px); }
.proje-gezinti__tum{
  grid-column:2; grid-row:1; display:grid; place-items:center; align-content:center; gap:6px;
  padding-inline:clamp(16px,3vw,40px); border-inline:1px solid var(--cizgi);
  font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; color:var(--lacivert); text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.proje-gezinti__tum .typcn{ font-size:26px; line-height:1; }
.proje-gezinti__tum:hover{ background:var(--lacivert); color:#fff; }
@media (max-width:639px){
  .proje-gezinti{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .proje-gezinti__bag{ padding:18px 14px 18px 0; }
  .proje-gezinti__bag--sonraki{ grid-column:2; padding:18px 0 18px 14px; border-left:1px solid var(--cizgi); }
  .proje-gezinti__ad{ font-size:17px; }
  .proje-gezinti__tum{ grid-column:1/-1; grid-row:2; display:flex; justify-content:center; gap:10px; min-height:52px; border-inline:0; border-top:1px solid var(--cizgi); }
  .proje-gezinti__bos{ display:none; }
  /* tek komşu varsa satırın tamamını alsın */
  .proje-gezinti:has(.proje-gezinti__bos) .proje-gezinti__bag{ grid-column:1/-1; border-left:0; padding-inline:0; }
}

/* ilgili projeler + teklif bandı */
@media (min-width:960px){ .proje-ilgili__aksiyon{ display:flex; justify-content:flex-end; } }
.proje-ilgili .cagri-bandi{ margin-top:clamp(48px,6vw,72px); }
.proje-ilgili .cagri-bandi--ilk{ margin-top:0; }
.proje-kart__yuklenici{ font-family:var(--mono); font-size:11px; color:var(--sonuk); }

/* galeri penceresi */
.isik-kutusu{
  position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0;
  background:var(--gece); color:#fff; overflow:hidden;
}
.isik-kutusu[open]{ display:grid; grid-template-rows:auto minmax(0,1fr); }
.isik-kutusu::backdrop{ background:rgba(7,21,39,.6); }
.isik-kutusu__ust{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 12px calc(20px + env(safe-area-inset-left,0px));
}
.isik-kutusu__sayac{ font-family:var(--mono); font-size:12px; letter-spacing:.16em; color:var(--ak-72); }
.isik-kutusu__sahne{
  margin:0; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; justify-items:center; align-items:center; gap:14px;
  padding:0 clamp(16px,8vw,104px) calc(22px + env(safe-area-inset-bottom,0px));
}
.isik-kutusu__sahne img{ min-height:0; max-width:100%; max-height:100%; max-height:calc(100dvh - 150px); width:auto; height:auto; object-fit:contain; }
.isik-kutusu__aciklama{ max-width:70ch; text-align:center; font-size:14.5px; color:var(--ak-72); }
.isik-kutusu__dugme{
  width:48px; height:48px; display:grid; place-items:center; padding:0; cursor:pointer;
  border:1px solid rgba(255,255,255,.4); background:rgba(7,21,39,.55); color:#fff;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.isik-kutusu__dugme:hover{ background:var(--turuncu); border-color:var(--turuncu); color:var(--turuncu-uzeri); }
.isik-kutusu__dugme .typcn{ font-size:26px; line-height:1; }
.isik-kutusu__ok{ position:absolute; top:50%; transform:translateY(-50%); }
.isik-kutusu__ok--onceki{ left:calc(14px + env(safe-area-inset-left,0px)); }
.isik-kutusu__ok--sonraki{ right:calc(14px + env(safe-area-inset-right,0px)); }
@media (max-width:639px){
  .isik-kutusu__sahne{ padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
  .isik-kutusu__sahne img{ max-height:calc(100dvh - 210px); }
  .isik-kutusu__ok{ top:auto; bottom:calc(18px + env(safe-area-inset-bottom,0px)); transform:none; }
  .isik-kutusu__ok--onceki{ left:calc(50% - 56px); }
  .isik-kutusu__ok--sonraki{ right:calc(50% - 56px); }
}
html.galeri-acik{ overflow:hidden; }
@media (prefers-reduced-motion:reduce){
  .proje-galeri__oge img,.proje-galeri__buyut,.proje-gezinti__yon .typcn{ transition:none; }
}
@media (forced-colors:active){
  .proje-hero__kadraj,.proje-sozlesme,.proje-galeri__oge a{ border:1px solid CanvasText; }
  .proje-rozet--devam::before{ forced-color-adjust:none; }
}
@media print{
  .proje-hero__aksiyon,.proje-hero__kadraj::after,.proje-galeri__buyut,.proje-yan__cagri,.proje-gezinti,.isik-kutusu,.proje-sozlesme::after{ display:none !important; }
  .sayfa-hero--proje,.proje-sozlesme,.proje-metraj{ background:#fff !important; color:#000 !important; clip-path:none !important; }
  .sayfa-hero--proje *,.proje-sozlesme *,.proje-metraj *{ color:#000 !important; }
  .proje-sozlesme{ border:1px solid #999; }
  .proje-yan{ position:static; }
  .proje-blok,.proje-sozlesme,.proje-galeri__oge{ break-inside:avoid; }
}

/* =========================================================================
   İÇ SAYFA DÜZELTMELERİ — görünümlerdeki satır içi stillerin yerini alır:
   çağrı bandı, kart/belge ızgaraları, kademe kodu, yan form, danışma hattı.
   ========================================================================= */

/* Çizgili ikincil düğme (görünümler kullanıyordu, tanımı yoktu) */
.btn--cizgili{ --cerceve:var(--lacivert); --cerceve-k:2px; background-color:transparent; color:var(--lacivert); }
.btn--cizgili:hover{ background-color:var(--lacivert); color:#fff; }
.btn--kucuk{ min-height:44px; padding-inline:18px; font-size:15px; --pah:8px; }

/* --- ÇAĞRI BANDI: turuncu, pah kesimli, sağda bara amblemi --------------- */
.cagri-bandi{
  position:relative; overflow:hidden; margin-top:56px;
  display:grid; gap:22px 40px; align-items:center;
  padding:clamp(28px,3.6vw,48px) clamp(24px,3.6vw,52px);
  background:var(--turuncu); color:var(--turuncu-uzeri);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.cagri-bandi::after{
  content:""; position:absolute; right:-2%; top:50%; transform:translateY(-50%);
  height:150%; aspect-ratio:325/564; background:rgba(26,18,6,.07); pointer-events:none;
  -webkit-mask:var(--m-bara) center/contain no-repeat; mask:var(--m-bara) center/contain no-repeat;
}
.cagri-bandi__metin,.cagri-bandi__aksiyon{ position:relative; z-index:1; }
.cagri-bandi__bas{
  font-family:var(--baslik); font-weight:900; font-size:clamp(30px,3.3vw,46px);
  line-height:1.02; letter-spacing:.005em; margin-bottom:10px; max-width:24ch;
}
.cagri-bandi__metin p{ font-size:16px; font-weight:500; line-height:1.55; max-width:60ch; }
.cagri-bandi__aksiyon{ display:flex; flex-wrap:wrap; gap:12px; }
.cagri-bandi .btn--hayalet{ --cerceve:var(--turuncu-uzeri); --cerceve-k:2px; background-color:transparent; color:var(--turuncu-uzeri); }
.cagri-bandi .btn--hayalet:hover{ background-color:var(--turuncu-uzeri); color:var(--turuncu); }
@media (min-width:900px){ .cagri-bandi{ grid-template-columns:minmax(0,1fr) auto; } }
@media (max-width:639px){ .cagri-bandi__aksiyon .btn{ flex:1 1 100%; } }
/* tam genişlik bölüm hâli (Hakkımızda) */
.cagri-bandi--tam{ display:block; margin-top:0; padding:0; clip-path:none; }
.cagri-bandi--tam .cagri-bandi__ic{
  position:relative; z-index:1; max-width:var(--kap); margin-inline:auto;
  padding:clamp(40px,5vw,72px) var(--pad); display:grid; gap:22px 40px; align-items:center;
}
@media (min-width:900px){ .cagri-bandi--tam .cagri-bandi__ic{ grid-template-columns:minmax(0,1fr) auto; } }

/* --- İstatistik bandı: içerik kabının içinde kutu hâli (hizmet detayı) ---- */
.kapsam-bandi--kutu{ padding-block:12px; margin-bottom:36px; }
.kapsam-bandi--kutu .kapsam-bandi__ic{ padding-block:20px; }

/* --- Kart ızgarası: 4 kart 3 sütuna düşüp tek kart artık kalmasın -------- */
@media (min-width:1024px) and (max-width:1199px){
  .kart-izgara:has(> :nth-child(4):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1200px){
  .kart-izgara:has(> :nth-child(4):last-child){ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (min-width:1024px) and (max-width:1199px){
  .karo-izgara:has(> :nth-child(4):last-child){ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1200px){
  .karo-izgara:has(> :nth-child(4):last-child){ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
/* bara ambleminin genişliği auto — flex sütununda esneyip ortaya kaymasın */
.kart > .amblem{ align-self:flex-start; }
.kart--koyu{ background:var(--gece-2); border-color:var(--ak-cizgi); color:#fff; }
.kart--koyu h3{ color:#fff; }
.kart--koyu p{ color:var(--ak-72); }

/* --- Belge ızgarası: boş hücreler gri dolgu olarak görünmesin ------------ */
.belge-izgara{ background:none; border:0; }
.belge-izgara > .belge{ box-shadow:0 0 0 1px var(--cizgi); }
@media (min-width:1024px){ .belge-izgara{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); } }

/* --- Gerilim kademesi kodu: "34,5 kV" 150px sütuna sığmıyordu ----------- */
.satir__kod small{
  font-family:var(--mono); font-weight:600; font-size:max(14px,.2em); letter-spacing:.08em;
  -webkit-text-stroke:0; color:var(--turuncu-koyu); margin-left:6px;
}
.satirlar--kademe .satir__kod{ font-size:clamp(64px,6vw,96px); white-space:nowrap; }
@media (min-width:900px){
  .satirlar--kademe .satir{ grid-template-columns:minmax(0,236px) minmax(0,1.2fr) minmax(0,1fr); }
}

/* --- Karolar: rozet, bağlantı ve yayın kartı ---------------------------- */
.karo__etiketler{ display:flex; flex-wrap:wrap; gap:6px; }
.karo .badge{ align-self:flex-start; background:rgba(255,255,255,.15); color:#fff; border-left-color:var(--turuncu); }
.karo__link{
  margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:6px;
  font-family:var(--mono); font-size:12px; letter-spacing:.06em; color:var(--turuncu); text-decoration:none;
}
.karo--yayin{ gap:12px; }
.karo__ust{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.karo__tarih{ font-family:var(--mono); font-size:11.5px; color:var(--ak-72); }
.karo--yayin h3{ font-size:clamp(22px,1.9vw,26px); line-height:1.15; }
.karo--yayin h3 a{ color:inherit; text-decoration:none; }
.karo--yayin h3 a:hover{ color:var(--turuncu); }
.karo--yayin p{ font-size:14.5px; line-height:1.55; }
.karo--yayin .karo__link{ min-height:var(--dokunma); padding-top:12px; border-top:1px solid rgba(255,255,255,.12); }
.karo--yayin .karo__link:hover{ color:#fff; }

/* --- Yan sütun formu ve danışma hattı kutusu (detay sayfaları) ----------- */
.form-kart--yan{ background:var(--celik); margin-bottom:20px; }
.form-kart--yan .alan input,.form-kart--yan .alan textarea,.form-kart--yan .form-durum{ background:var(--kagit); }
.hat-kutusu{
  padding:22px; background:var(--gece); color:#fff;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
}
.hat-kutusu__etiket{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--turuncu); margin-bottom:4px; }
.hat-kutusu__no{ font-family:var(--baslik); font-size:26px; font-weight:900; color:#fff; text-decoration:none; }
.hat-kutusu__no:hover{ color:var(--turuncu); }
.hat-kutusu__not{ font-size:13.5px; color:var(--ak-72); margin-top:4px; }

@media print{
  @page{ margin:14mm; }
  .cagri-bandi::after{ display:none !important; }
  .cagri-bandi,.hat-kutusu{ background:#fff !important; color:#000 !important; clip-path:none !important; border:1px solid #999; }
  .hat-kutusu *{ color:#000 !important; }
  .site-header,#mobilMenu,.hero__serit,.yuzen-iletisim,.yukari-cik,.icerige-gec,[data-imza-bari]{ display:none !important; }
  .hero__gorsel,.hero__perde,.hero__metin::before,.halka-cerceve::before,.ayak::before,.kapsam-bandi::after{ display:none !important; }
  .hero,.bolum--gece,.ayak,.karo,.kunye-kart,.kapsam-bandi{ background:#fff !important; color:#000 !important; clip-path:none !important; }
  .hero *,.bolum--gece *,.karo *,.kunye-kart *,.ayak *{ color:#000 !important; -webkit-text-stroke:0 !important; }
  .hero__metin{ padding-block:18px; }
  .karo,.satir,.belge,.direk,.kunye-kart{ break-inside:avoid; border:1px solid #999; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:11px; }
  a[href^="tel:"]::after,a[href^="mailto:"]::after{ content:" " attr(href); font-size:11px; }
  .reveal{ opacity:1 !important; transform:none !important; }
}

/* =========================================================================
   HİZMET GÖRSELLERİ — faaliyet karolarının başında fotoğraf, detayın ana görseli
   (partials/hizmet-gorseli: görseli girilmemiş kayıtta çerçeve hiç çizilmez)
   ========================================================================= */
.karo__gorsel{
  --karo-ic:clamp(26px,3vw,36px);           /* .karo iç boşluğu: fotoğraf kenara kadar taşar */
  position:relative; display:block; flex:none; aspect-ratio:16/9; overflow:hidden;
  margin:calc(-1 * var(--karo-ic)) calc(-1 * var(--karo-ic)) 4px;
  background:var(--gece);
}
.karo__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s var(--hero-egri); }
.karo__gorsel::after{ content:""; position:absolute; z-index:1; left:0; bottom:0; width:72px; height:4px; background:var(--turuncu); }
.karo:hover .karo__gorsel img{ transform:scale(1.04); }
/* fotoğraflı karoda dev numara küçülür; içerik fotoğrafın hemen altından başlar */
.karo:has(> .karo__gorsel) .karo__no{ font-size:clamp(52px,4.6vw,68px); margin-bottom:0; padding-bottom:0; }
.hizmet-detay__gorsel{
  position:relative; display:block; aspect-ratio:16/9; overflow:hidden; margin-bottom:clamp(28px,3.4vw,40px);
  background:var(--gece);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.hizmet-detay__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; }
.hizmet-detay__gorsel::before{ content:""; position:absolute; z-index:1; left:0; top:0; width:40%; height:4px; background:var(--turuncu); }
@media (prefers-reduced-motion:reduce){
  .karo__gorsel img{ transition:none; }
  .karo:hover .karo__gorsel img{ transform:none; }
}

/* =========================================================================
   DUYURULAR — görselli kart ızgarası (liste + diğer duyurular) ve duyuru detayı
   ========================================================================= */
.duyuru-izgara{ display:grid; gap:20px; }
@media (min-width:768px){ .duyuru-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1080px){ .duyuru-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* kartın tamamı başlık bağlantısıyla tıklanır (tek bağlantı, ekran okuyucuda tek durak) */
.duyuru-kart{
  position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden;
  background:var(--kagit); border:1px solid var(--cizgi); border-top:4px solid var(--lacivert);
  transition:border-color .2s ease, transform .2s ease;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
}
.duyuru-kart__gorsel{ position:relative; flex:none; aspect-ratio:16/10; overflow:hidden; background:var(--gece); }
.duyuru-kart__gorsel picture,.duyuru-kart__gorsel img{ display:block; width:100%; height:100%; }
.duyuru-kart__gorsel img{ object-fit:cover; transition:transform .5s var(--hero-egri); }
.duyuru-kart__gorsel--bos{ display:grid; place-items:center; background:linear-gradient(135deg,var(--lacivert) 0%,var(--gece) 100%); }
.duyuru-kart__gorsel--bos .amblem{ --boy:clamp(64px,8vw,96px); color:rgba(255,255,255,.14); }
.duyuru-kart__yeni{
  position:absolute; z-index:1; top:12px; right:12px; padding:5px 10px;
  background:var(--turuncu); color:var(--turuncu-uzeri);
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.12em;
}
.duyuru-kart__govde{ display:flex; flex-direction:column; flex:1; gap:12px; padding:22px 24px 20px; }
.duyuru-kart .karo__tarih{ color:var(--murekkep-2); }
.duyuru-kart__baslik{ font-size:clamp(22px,1.9vw,26px); font-weight:800; line-height:1.12; color:var(--gece); }
.duyuru-kart__baslik a{ color:inherit; text-decoration:none; transition:color .2s ease; }
.duyuru-kart__baslik a::after{ content:""; position:absolute; inset:0; z-index:1; }
.duyuru-kart__ozet{
  font-size:15px; line-height:1.6; color:var(--murekkep-2);
  display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.duyuru-kart__link{
  display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:14px; border-top:1px solid var(--cizgi);
  font-family:var(--mono); font-size:12px; font-weight:600; letter-spacing:.08em; color:var(--lacivert);
}
.duyuru-kart__link .typcn{ font-size:17px; line-height:1; color:var(--turuncu-koyu); transition:transform .25s var(--hero-egri); }
.duyuru-kart:has(.duyuru-kart__baslik a:focus-visible){ border-color:var(--turuncu); }
@media (hover:hover) and (pointer:fine){
  .duyuru-kart:hover{ border-top-color:var(--turuncu); transform:translateY(-3px); }
  .duyuru-kart:hover .duyuru-kart__gorsel img{ transform:scale(1.04); }
  .duyuru-kart:hover .duyuru-kart__baslik a{ color:var(--lacivert); }
  .duyuru-kart:hover .duyuru-kart__link .typcn{ transform:translateX(4px); }
}
/* öne çıkan: listedeki ilk duyuru satırın tamamını kaplar, geniş ekranda görsel solda */
@media (min-width:768px){
  .duyuru-kart--one{ grid-column:1/-1; }
  .duyuru-kart--one .duyuru-kart__gorsel{ aspect-ratio:16/8; }
}
@media (min-width:960px){
  .duyuru-kart--one{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
  .duyuru-kart--one .duyuru-kart__gorsel{ aspect-ratio:auto; min-height:360px; }
  /* görselin doğal yüksekliği satırı uzatmasın; yüksekliği metin sütunu belirler */
  .duyuru-kart--one .duyuru-kart__gorsel picture{ position:absolute; inset:0; }
  .duyuru-kart--one .duyuru-kart__govde{ justify-content:center; gap:16px; padding:clamp(28px,3.4vw,48px); }
  .duyuru-kart--one .duyuru-kart__baslik{ font-size:clamp(28px,2.7vw,38px); }
  .duyuru-kart--one .duyuru-kart__ozet{ font-size:16.5px; -webkit-line-clamp:4; line-clamp:4; }
  .duyuru-kart--one .duyuru-kart__link{ margin-top:8px; }
}

/* duyuru detay: hero künyesi, pahlı kapak, editör metni, galeri */
.duyuru-hero__rozetler{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; }
.sayfa-hero .duyuru-hero__rozetler .etiket-ust{ margin:0; min-height:28px; }
.sayfa-hero--duyuru h1{ font-size:clamp(28px,3.4vw,46px); }
.duyuru-hero__kunye{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.duyuru-hero__kunye li{
  display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:5px 12px;
  border:1px solid rgba(255,255,255,.26); font-family:var(--mono); font-size:11.5px; letter-spacing:.1em; color:#fff;
}
.duyuru-hero__kunye a{ display:inline-flex; align-items:center; gap:8px; color:inherit; text-decoration:none; transition:color .2s ease; }
.duyuru-hero__kunye a:hover{ color:var(--turuncu); }
.duyuru-hero__kunye .typcn{ font-size:16px; line-height:1; color:var(--turuncu); }

.duyuru-detay{ padding-top:clamp(48px,6vw,80px); }
.duyuru-detay-izgara{ display:grid; gap:clamp(40px,5vw,64px); align-items:start; }
@media (min-width:1024px){ .duyuru-detay-izgara{ grid-template-columns:minmax(0,1fr) minmax(300px,340px); } }
.duyuru-makale{ min-width:0; display:flex; flex-direction:column; gap:clamp(28px,3.4vw,40px); }

.duyuru-kapak{ margin:0; }
.duyuru-kapak a{
  position:relative; display:block; overflow:hidden; aspect-ratio:16/9; background:var(--gece);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));
}
.duyuru-kapak a::before{ content:""; position:absolute; z-index:1; left:0; top:0; width:40%; height:4px; background:var(--turuncu); }
.duyuru-kapak picture,.duyuru-kapak img{ display:block; width:100%; height:100%; }
.duyuru-kapak img{ object-fit:cover; transition:transform .6s var(--hero-egri); }
.duyuru-kapak a:hover img{ transform:scale(1.03); }
.duyuru-kapak a:focus-visible{ outline:3px solid var(--turuncu); outline-offset:-3px; box-shadow:none; }
.duyuru-kapak a:hover .proje-galeri__buyut,.duyuru-kapak a:focus-visible .proje-galeri__buyut{ opacity:1; transform:none; }
.duyuru-kapak .proje-galeri__buyut{ right:auto; left:14px; top:18px; }

/* editörden gelen metin: başlık, liste, alıntı, tablo ve metin içi görseller */
.duyuru-metin > :is(p,ul,ol,h2,h3,h4,blockquote){ max-width:72ch; }
.duyuru-metin > :first-child{ margin-top:0; }
.duyuru-metin > :last-child{ margin-bottom:0; }
.duyuru-metin h2{ font-size:clamp(28px,2.8vw,34px); }
.duyuru-metin h3{ font-size:clamp(23px,2.2vw,27px); }
.duyuru-metin h4{ margin:24px 0 10px; font-size:21px; font-weight:800; color:var(--gece); }
.duyuru-metin strong{ color:var(--gece); }
.duyuru-metin figure{ margin:8px 0; }
.duyuru-metin figcaption{ margin-top:8px; font-size:14px; color:var(--murekkep-3); }
.duyuru-metin table{ display:block; max-width:100%; overflow-x:auto; margin-bottom:20px; border-collapse:collapse; font-size:15.5px; }
.duyuru-metin th,.duyuru-metin td{ padding:10px 12px; border:1px solid var(--cizgi); text-align:left; vertical-align:top; }
.duyuru-metin th{ background:var(--celik); color:var(--gece); font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; }
.duyuru-metin hr{ border:0; border-top:1px solid var(--cizgi); margin:12px 0 24px; }

.duyuru-galeri{ padding-top:18px; border-top:3px solid var(--gece); }
.duyuru-galeri__bas{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 18px; margin-bottom:24px; }
.duyuru-galeri__bas h2{ font-size:clamp(26px,2.8vw,36px); font-weight:900; color:var(--gece); }
.duyuru-galeri .proje-galeri--1 .proje-galeri__oge{ grid-column:1/-1; grid-row:span 3; }

.duyuru-ilgili .bolum__ust > .btn{ justify-self:start; }
@media (min-width:960px){ .duyuru-ilgili .bolum__ust > .btn{ justify-self:end; } }

@media (prefers-reduced-motion:reduce){
  .duyuru-kart,.duyuru-kart__gorsel img,.duyuru-kart__link .typcn,.duyuru-kapak img{ transition:none; }
  .duyuru-kart:hover,.duyuru-kart:hover .duyuru-kart__gorsel img,.duyuru-kart:hover .duyuru-kart__link .typcn,.duyuru-kapak a:hover img{ transform:none; }
}
@media (forced-colors:active){
  .duyuru-kart{ border:1px solid CanvasText; clip-path:none; }
  .duyuru-kapak a{ clip-path:none; }
}
@media print{
  .duyuru-yan,.duyuru-ilgili,.duyuru-kapak .proje-galeri__buyut,.duyuru-hero__kunye a{ display:none !important; }
  .sayfa-hero--duyuru{ background:#fff !important; color:#000 !important; }
  .sayfa-hero--duyuru *{ color:#000 !important; }
  .duyuru-kapak a{ clip-path:none; }
  .duyuru-detay-izgara{ display:block; }
}

/* --- Editörden gelen içerik (faaliyet detayı ve duyurular): numaralı liste,
       bağlantı, alıntı ve metin içi görsel (Şimşek Editörü <li><p> üretir) ------- */
.detay-metin ol{ list-style:decimal; margin-left:24px; margin-bottom:20px; }
.detay-metin li > p{ margin:0; }
.detay-metin li::marker{ color:var(--turuncu-koyu); }
.detay-metin a{ color:var(--lacivert); font-weight:600; text-decoration:underline; text-decoration-color:var(--turuncu); text-underline-offset:3px; }
.detay-metin a:hover{ color:var(--gece); text-decoration-thickness:2px; }
.detay-metin blockquote{
  margin:0 0 20px; padding:16px 22px; border-left:4px solid var(--turuncu);
  background:var(--celik); color:var(--murekkep); font-weight:500;
}
.detay-metin blockquote p{ margin:0; }
.detay-metin img{ display:block; max-width:100%; height:auto; margin-block:8px; }

/* =========================================================================
   YASAL SAYFALAR: KVKK aydınlatma metni, gizlilik, çerez, kullanım koşulları
   (components/yasal-sayfa.blade.php — yan menüde dört metin arası geçiş)
   ========================================================================= */
.sayfa-hero--yasal{ padding-block:clamp(40px,5vw,64px); }
.sayfa-hero--yasal h1{ max-width:none; }
.sayfa-hero--yasal .ekmek-kirintisi span:last-child:not(.ayrac){ text-transform:uppercase; } /* html lang="tr": i → İ */

.yasal{ padding-top:clamp(40px,5vw,64px); }
.yasal-izgara{ display:grid; gap:clamp(24px,3vw,40px); align-items:start; }
@media (min-width:1024px){
  .yasal-izgara{ grid-template-columns:minmax(240px,280px) minmax(0,1fr); gap:clamp(40px,4.5vw,64px); }
  .yasal-yan{ position:sticky; top:calc(var(--hdr) + 24px); }
}

/* yan menü: koyu pahlı panel; mobilde sarmalı satır, masaüstünde dikey liste */
.yasal-yan{
  padding:clamp(16px,2vw,22px); background:var(--gece); color:#fff;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
}
.yasal-yan__baslik{ margin:0 0 12px; font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:.16em; color:var(--ak-55); }
.yasal-menu{ display:flex; flex-wrap:wrap; gap:6px; }
@media (min-width:1024px){ .yasal-menu{ flex-direction:column; flex-wrap:nowrap; gap:4px; } }
.yasal-menu a{
  display:flex; align-items:center; gap:10px; min-height:var(--dokunma); padding:8px 14px 8px 11px;
  border-left:3px solid transparent; background:rgba(255,255,255,.06); color:var(--ak-72);
  font-family:var(--baslik); font-weight:800; font-size:17px; letter-spacing:.03em; line-height:1.2; text-decoration:none;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.yasal-menu a .typcn{ flex:none; font-size:19px; line-height:1; color:var(--turuncu); }
.yasal-menu a:hover{ background:rgba(255,255,255,.12); color:#fff; }
.yasal-menu a[aria-current="page"]{ background:var(--lacivert); border-left-color:var(--turuncu); color:#fff; }

/* makale: numaralı ara başlıklar, okunur satır boyu */
.yasal-makale{
  counter-reset:madde; min-width:0; padding-top:20px; border-top:3px solid var(--gece);
  color:var(--murekkep-2); font-size:16.5px; line-height:1.75;
}
.yasal-makale > :first-child{ margin-top:0; }
.yasal-makale > :last-child{ margin-bottom:0; }
.yasal-makale > :is(p,ul,ol,h2,h3,blockquote,.not-kutusu){ max-width:75ch; }
.yasal-makale p{ margin:0 0 16px; }
.yasal-makale strong{ color:var(--gece); }
.yasal-makale a{ color:var(--lacivert); font-weight:600; text-decoration:underline; text-decoration-color:var(--turuncu); text-underline-offset:3px; overflow-wrap:anywhere; }
.yasal-makale a:hover{ color:var(--gece); text-decoration-thickness:2px; }
.yasal-makale .yasal-makale__kunye{
  margin:0 0 clamp(8px,1.4vw,14px); padding-bottom:16px; border-bottom:1px solid var(--cizgi);
  font-family:var(--mono); font-size:11.5px; letter-spacing:.14em; color:var(--murekkep-2);
}
.yasal-makale h2{
  margin:clamp(30px,3.6vw,44px) 0 12px; font-size:clamp(24px,2.4vw,30px); font-weight:800; line-height:1.15; color:var(--gece);
}
.yasal-makale h2::before{
  counter-increment:madde; content:counter(madde,decimal-leading-zero); margin-right:.5em;
  font-family:var(--mono); font-size:.62em; font-weight:600; letter-spacing:.08em; vertical-align:.18em; color:var(--turuncu-koyu);
}
.yasal-makale h3{ margin:24px 0 10px; font-size:clamp(20px,1.9vw,23px); font-weight:800; line-height:1.25; color:var(--lacivert); }
.yasal-makale ul{ list-style:disc; margin:0 0 18px; padding-left:1.4em; display:grid; gap:8px; }
.yasal-makale ol{ list-style:decimal; margin:0 0 18px; padding-left:1.4em; display:grid; gap:8px; }
.yasal-makale li > p{ margin:0; }
.yasal-makale li::marker{ color:var(--turuncu-koyu); }
.yasal-makale blockquote{ margin:20px 0; padding:16px 22px; border-left:4px solid var(--turuncu); background:var(--celik); color:var(--murekkep); }
.yasal-makale blockquote p{ margin:0; }
.yasal-makale .not-kutusu{ margin-block:20px; padding:16px 22px; }
.yasal-makale .not-kutusu p{ margin:0; }
.yasal-makale table{ display:block; max-width:100%; overflow-x:auto; margin:20px 0; border-collapse:collapse; font-size:15px; }
.yasal-makale th,.yasal-makale td{ padding:10px 12px; border:1px solid var(--cizgi); text-align:left; vertical-align:top; }
.yasal-makale th{ background:var(--celik); color:var(--gece); }

/* şirket künyesi: unvan, adres, telefon, e-posta */
.yasal-kunye{ margin:20px 0; padding:18px 22px; border-left:4px solid var(--turuncu); background:var(--celik); }
.yasal-kunye dt{ margin-top:12px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--murekkep-2); }
.yasal-kunye dt:first-child{ margin-top:0; }
.yasal-kunye dd{ margin:2px 0 0; font-weight:600; color:var(--gece); overflow-wrap:anywhere; }
@media (min-width:640px){
  .yasal-kunye{ display:grid; grid-template-columns:max-content minmax(0,1fr); gap:10px 28px; align-items:baseline; }
  .yasal-kunye dt,.yasal-kunye dd{ margin:0; }
}

/* çerez tablosu: geniş ekranda tablo, telefonda etiketli kartlar */
.yasal-tablo-sar{ margin:20px 0; border:1px solid var(--cizgi); overflow:hidden; }
.yasal-tablo{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.55; }
.yasal-tablo th{
  padding:13px 16px; text-align:left; background:var(--gece); border-bottom:3px solid var(--turuncu);
  font-family:var(--mono); font-size:11.5px; font-weight:600; letter-spacing:.1em; color:#fff;
}
.yasal-tablo td{ padding:14px 16px; border-bottom:1px solid var(--cizgi); vertical-align:top; }
.yasal-tablo tr:last-child td{ border-bottom:0; }
.yasal-tablo td:first-child{ font-family:var(--mono); font-weight:600; color:var(--gece); overflow-wrap:anywhere; }
@media (max-width:719px){
  .yasal-tablo thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .yasal-tablo,.yasal-tablo tbody,.yasal-tablo tr,.yasal-tablo td{ display:block; }
  .yasal-tablo tr{ padding:14px 16px; border-bottom:1px solid var(--cizgi); }
  .yasal-tablo tr:last-child{ border-bottom:0; }
  .yasal-tablo td{ padding:5px 0; border:0; }
  .yasal-tablo td::before{ content:attr(data-etiket); display:block; font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; color:var(--murekkep-2); }
}

@media (prefers-reduced-motion:reduce){ .yasal-menu a{ transition:none; } }
@media (forced-colors:active){
  .yasal-yan{ border:1px solid CanvasText; clip-path:none; }
  .yasal-menu a[aria-current="page"]{ outline:2px solid CanvasText; outline-offset:-2px; }
}
@media print{
  .yasal-yan{ display:none !important; }
  .sayfa-hero--yasal{ background:#fff !important; color:#000 !important; padding-block:0; border:0; }
  .sayfa-hero--yasal::before,.sayfa-hero--yasal::after{ display:none !important; }
  .sayfa-hero--yasal *{ color:#000 !important; }
  .yasal{ padding-top:16px; }
  .yasal-makale{ border-top:0; padding-top:0; font-size:12.5pt; }
  .yasal-makale h2,.yasal-kunye,.yasal-tablo-sar,.yasal-makale blockquote{ break-inside:avoid; }
  .yasal-makale h2{ break-after:avoid; }
  .filo-kontrol-bari,.filo-pencere,.filo-resim-ipucu{ display:none !important; }
}

/* Formlardaki aydınlatma metni penceresi: paragraftaki {eposta} bağlantısı */
.kvkk-pencere__metin a{ color:var(--lacivert); font-weight:600; text-decoration:underline; text-decoration-color:var(--turuncu); text-underline-offset:3px; }


/* ===========================================================================
   BAKIM SAYFASI (views/bakim.blade.php): panelden bakım modu açıkken tüm adreslerde.
   Koyu gece zemini, üstte turuncu bant, sağdan taşan logo halkası, künye satırı.
   =========================================================================== */
.bakim-sayfa{ min-height:100svh; display:flex; flex-direction:column; background:var(--gece); color:#fff; }
.bakim-sayfa::before{ content:""; flex:none; height:6px; background:var(--turuncu); }
.bakim{ position:relative; flex:1 0 auto; display:flex; align-items:center; overflow:hidden; isolation:isolate; padding-block:clamp(40px,8vh,96px); }
.bakim::before{
  content:""; position:absolute; z-index:-1; top:50%; right:clamp(-280px,-16vw,-90px);
  width:min(110vh,900px); aspect-ratio:1; transform:translateY(-50%);
  background:rgba(255,255,255,.05);
  -webkit-mask:var(--m-halka) center/contain no-repeat; mask:var(--m-halka) center/contain no-repeat;
}
.bakim__ic{ width:100%; max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad); }
.bakim__logo{ display:block; width:auto; height:clamp(72px,11vh,104px); margin-bottom:clamp(32px,6vh,56px); }
.bakim__etiket{ display:flex; align-items:center; gap:12px; margin:0 0 16px; font:600 12px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--turuncu); }
.bakim__etiket::before{
  content:""; flex:none; height:18px; aspect-ratio:325/564; background:var(--turuncu);
  -webkit-mask:var(--m-bara) center/contain no-repeat; mask:var(--m-bara) center/contain no-repeat;
}
.bakim__baslik{ margin:0; max-width:12em; font:900 clamp(52px,8.5vw,108px)/.95 var(--baslik); letter-spacing:.005em; text-transform:uppercase; text-wrap:balance; }
.bakim__metin{ margin:clamp(18px,3vh,26px) 0 0; max-width:36em; color:var(--ak-72); font-size:clamp(17px,1.5vw,19px); white-space:pre-line; }
.bakim__iletisim{ list-style:none; display:flex; flex-wrap:wrap; gap:4px clamp(28px,4vw,56px); width:fit-content; max-width:100%; margin:clamp(30px,5vh,48px) 0 0; padding:14px 0 0; border-top:1px solid var(--ak-cizgi); }
.bakim__kanal{ display:flex; flex-direction:column; justify-content:center; gap:3px; min-height:44px; padding-block:6px; color:#fff; text-decoration:none; }
.bakim__kanal-ad{ font:600 11px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ak-55); }
.bakim__kanal-deger{ font-size:clamp(17px,1.6vw,20px); font-weight:600; line-height:1.3; overflow-wrap:anywhere; transition:color .2s ease; }
.bakim__kanal:hover .bakim__kanal-deger{ color:var(--turuncu); }
@media (max-width:767px){
  .bakim{ align-items:flex-start; }
  .bakim::before{ top:-40px; right:-52vw; width:128vw; transform:none; }
  .bakim__iletisim{ flex-direction:column; width:100%; }
}
@media (prefers-reduced-motion:reduce){ .bakim__kanal-deger{ transition:none; } }