/* ===========================================================================
   ÇABA ENERJİ — "YAYLAR" KURUMSAL TASARIM SİSTEMİ
   Tek tema (açık), tek aksan: ÇABA turuncusu. Tek yarıçap ailesi: --r 26px.
   Palet logodan piksel örneklemesiyle: lacivert #003D6A, turuncu #FF6100.
   =========================================================================== */
:root{
  --mavi:#003D6A;
  --mavi-2:#0B4F85;              /* hover — mavinin +%8 açığı */
  --mavi-gece:#001E36;           /* footer paneli */
  --turuncu:#FF6100;
  --turuncu-2:#FF7A26;           /* hover — turuncunun +%8 açığı */
  --turuncu-yazi:#B84300;        /* beyaz/açık zeminde küçük turuncu metin — 5.5:1 */
  --lacivert-uzeri:#001E36;      /* turuncu DOLGU üstünde metin — 5.6:1 */
  --gok:#F2F6FA;                 /* sayfa zemini */
  --gok-2:#E5EEF5;
  --kagit:#FFFFFF;
  --cizgi:#D6E2EC;
  --iz:#7890A5;                  /* kontrol izi — beyaz üstünde 3.3:1 */
  --murekkep:#0A1F33;
  --murekkep-2:#3A5367;          /* beyaz üstünde 8.0:1 */
  --murekkep-3:#566D80;          /* ≥14px ikincil — 5.3:1 */

  /* Uyumluluk ve ikincil temalar */
  --lacivert:var(--mavi);
  --gece:var(--mavi-gece);
  --gece-2:#062644;
  --celik:#EDF4F9;
  --sonuk:#566D80;
  --ak-72:rgba(255,255,255,.72);
  --ak-55:rgba(255,255,255,.55);
  --ak-54:rgba(255,255,255,.54);
  --ak-cizgi:rgba(255,255,255,.14);
  --turuncu-uzeri:#FFFFFF;
  --font-display:var(--baslik);

  --r:26px;                      /* TEK YARIÇAP AİLESİ */
  --r-kucuk:16px;
  --hap:999px;
  --golge:0 1px 2px rgba(0,43,77,.06), 0 18px 44px -20px rgba(0,43,77,.28);
  --golge-hafif:0 1px 2px rgba(0,43,77,.05), 0 10px 26px -16px rgba(0,43,77,.22);

  --kap:1240px;
  --pad:clamp(20px,4vw,34px);
  --pad-dis:clamp(10px,1.6vw,22px);
  --hdr:80px;                    /* JS ölçer: header'ın ALT kenarı */
  --menu-esik:1180px;
  --dokunma:44px;

  --hero-sure:6800ms;
  --hero-gecis:.75s;
  --hero-egri:cubic-bezier(.16,1,.3,1);

  --baslik:"Nunito","Segoe UI Rounded","Segoe UI",system-ui,sans-serif;
  --govde:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"Anonymous Pro",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --odak-dis:#FFFFFF;
  --odak-ic:#003D6A;

  /* ---- İMZA MOTİFİ: logodaki iç içe C yayları (ağzı sağa açık) ---- */
  --m-yay:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23000' stroke-width='22'%3E%3Cpath d='M165.1 45.4A85 85 0 1 0 170.5 147.5'/%3E%3Cpath d='M133.4 60.2A52 52 0 1 0 126 145'/%3E%3C/svg%3E");
}

*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--hdr) + 14px);
  color-scheme:only light;
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
html,body{ overflow-x:clip; }
body{
  margin:0; background:var(--gok); color:var(--murekkep);
  font-family:var(--govde); font-size:17.5px; line-height:1.65;
  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,dt,dd,summary{ overflow-wrap:break-word; }
h1,h2,h3,h4{
  font-family:var(--baslik); font-weight:900; margin:0; color:var(--mavi-gece);
  line-height:1.12; letter-spacing:-.015em; 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) + 14px); }

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), 0 0 0 5px #fff;
}
:focus:not(:focus-visible){ outline:none; }

/* =========================================================================
   İMZA MOTİFİ — .yay: tek tanım, renk currentColor, boyut --boy
   ========================================================================= */
.yay{
  display:inline-block; flex:none; pointer-events:none;
  width:var(--boy,18px); aspect-ratio:1; background:currentColor;
  -webkit-mask:var(--m-yay) center / contain no-repeat; mask:var(--m-yay) center / contain no-repeat;
}

.icerige-gec{
  position:absolute; left:10px; top:-200%; z-index:999;
  min-height:var(--dokunma); display:inline-flex; align-items:center;
  padding:12px 18px; background:var(--mavi); color:#fff; border-radius:var(--hap);
  font-weight:700; text-decoration:none;
}
.icerige-gec:focus{ top:10px; position:fixed; }

/* =========================================================================
   HEADER — yüzen beyaz hap. Üst şerit YOK; telefon header'ın içinde.
   ========================================================================= */
#tepeGozcu{ position:absolute; top:0; left:0; width:1px; height:24px; pointer-events:none; }
.site-header{
  position:sticky; top:12px; z-index:90; margin:12px var(--pad-dis) 0;
}
.nav{
  max-width:1360px; margin-inline:auto; height:68px; display:flex; align-items:center; gap:clamp(12px,2vw,28px);
  padding:0 10px 0 clamp(18px,2vw,26px); background:#fff; border-radius:var(--hap);
  box-shadow:var(--golge-hafif); transition:box-shadow .3s ease;
}
.site-header.is-yapisik .nav{ box-shadow:0 1px 2px rgba(0,43,77,.08), 0 20px 44px -18px rgba(0,43,77,.38); }
@media (max-width:767px){
  .site-header{ top:10px; margin-top:10px; }
  .nav{ height:60px; padding-left:16px; padding-right:8px; }
}
.marka{ display:flex; align-items:center; text-decoration:none; flex:none; }
.marka img{ display:block; height:40px; width:auto; }
@media (max-width:767px){ .marka img{ height:32px; } }

.ana-menu{ display:none; align-items:center; gap:4px; margin-inline-start:auto; }
@media (min-width:1180px){ .ana-menu{ display:flex; } }
.ana-menu a{
  display:inline-flex; align-items:center; min-height:44px; padding-inline:14px; border-radius:var(--hap);
  font-family:var(--baslik); font-weight:800; font-size:16px; color:var(--murekkep-2); text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.ana-menu a:hover,.ana-menu a:focus-visible{ background:var(--gok); color:var(--mavi); }
.ana-menu a.aktif{ background:var(--gok); color:var(--mavi); font-weight:900; }
/* 7 öğe ("Araç Filosu" dahil) + telefon hapı + teklif düğmesi menü eşiğinin hemen üstünde
   sığmıyor, "Araç Filosu" ve "Teklif al" iki satıra kırılıyordu */
.ana-menu a,.nav__cta{ white-space:nowrap; }
@media (min-width:1180px) and (max-width:1339px){
  .ana-menu{ gap:0; }
  .ana-menu a{ padding-inline:10px; }
}

.nav__aksiyon{ display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
@media (min-width:1180px){ .nav__aksiyon{ margin-inline-start:6px; } }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:50px; padding-inline:24px; border:0; cursor:pointer; border-radius:var(--hap);
  font-family:var(--baslik); font-weight:800; font-size:16.5px; letter-spacing:-.005em;
  text-decoration:none; transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.btn .eva{ font-size:20px; line-height:1.1; }
.btn--turuncu{ background:var(--turuncu); color:var(--lacivert-uzeri); box-shadow:0 10px 22px -12px rgba(255,97,0,.8); }
.btn--turuncu:hover{ background:var(--turuncu-2); }
.btn--mavi{ background:var(--mavi); color:#fff; }
.btn--mavi:hover{ background:var(--mavi-2); }
.btn--cizgi{ background:#fff; color:var(--mavi); box-shadow:inset 0 0 0 1.5px var(--cizgi); }
.btn--cizgi:hover{ box-shadow:inset 0 0 0 1.5px var(--mavi); }
.btn--beyaz{ background:#fff; color:var(--mavi); }
.btn--beyaz:hover{ background:var(--gok); }
.btn--lacivert{ background:var(--mavi); color:#fff; }
.btn--lacivert:hover{ background:var(--mavi-2); }
.btn--dolu{ background:var(--mavi); color:#fff; }
.btn--dolu:hover{ background:var(--mavi-2); }
.btn--cizgili{ background:#fff; color:var(--mavi); box-shadow:inset 0 0 0 1.5px var(--cizgi); }
.btn--cizgili:hover{ box-shadow:inset 0 0 0 1.5px var(--mavi); }
.btn--hayalet{ background:transparent; border:1.5px solid currentColor; color:inherit; }
.btn--hayalet:hover{ opacity:.85; }
@media (hover:hover) and (pointer:fine){ .btn:hover{ transform:translateY(-1px); } }

.tel-hap{
  display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 18px 0 6px; border-radius:var(--hap);
  background:var(--gok); color:var(--mavi); text-decoration:none; font-weight:700; font-size:16px; white-space:nowrap;
  transition:background-color .2s ease;
}
.tel-hap:hover{ background:var(--gok-2); }
.tel-hap__ikon{ width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--turuncu-yazi); }
.tel-hap__ikon .eva{ font-size:20px; line-height:1.1; }
.nav .btn{ min-height:48px; }
@media (max-width:767px){
  .tel-hap{ width:44px; height:44px; min-height:44px; padding:0; justify-content:center; background:var(--turuncu); color:var(--lacivert-uzeri); }
  .tel-hap__ikon{ width:auto; height:auto; background:none; color:inherit; }
  .tel-hap__metin{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .nav__cta{ display:none; }
}

.menu-dugmesi{
  width:var(--dokunma); height:var(--dokunma); display:grid; place-items:center; border-radius:50%;
  background:var(--gok); border:0; color:var(--mavi); cursor:pointer;
}
.menu-dugmesi .ikon{ font-size:24px; line-height:1.1; }
@media (min-width:1180px){ .menu-dugmesi{ display:none; } }

/* =========================================================================
   MOBİL MENÜ
   ========================================================================= */
#mobilMenu{
  position:fixed; inset:0; z-index:95; height:100dvh; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
  padding:calc(92px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px))
          calc(40px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));
  background:var(--gok); color:var(--murekkep);
  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:1180px){ #mobilMenu{ display:none; } }
html:not(.js) #mobilMenu{ position:static; height:auto; visibility:visible; pointer-events:auto; opacity:1; transform:none; padding-top:24px; }
/* 300px'lik yay köşeden taşıyormuş gibi görünür ama kutu panel içinde biter: taşan kutu
   kaydırma kabında paneli sağa/aşağı kaydırılabilir yapıyordu. Görünen parça = maskenin sol üst 230×240'ı */
#mobilMenu::after{
  content:""; position:absolute; right:0; bottom:0; width:230px; height:240px; pointer-events:none;
  background:rgba(0,61,106,.07); -webkit-mask:var(--m-yay) left top/300px 300px no-repeat; mask:var(--m-yay) left top/300px 300px no-repeat;
}
.mobil-menu__kapat{
  position:absolute; top:calc(20px + env(safe-area-inset-top,0px)); right:calc(20px + env(safe-area-inset-right,0px));
  width:var(--dokunma); height:var(--dokunma); display:grid; place-items:center; border-radius:50%;
  background:#fff; border:0; color:var(--mavi); cursor:pointer; box-shadow:var(--golge-hafif);
}
.mobil-menu__kapat .eva{ font-size:24px; line-height:1.1; }
.mobil-menu__nav{ position:relative; display:grid; gap:6px; }
.mobil-menu__nav a{
  display:flex; align-items:center; min-height:58px; padding:12px 20px;
  background:#fff; border-radius:var(--r-kucuk); text-decoration:none;
  font-family:var(--baslik); font-weight:900; font-size:clamp(20px,5.6vw,24px); color:var(--mavi-gece);
}
.mobil-menu__kunye{ position:relative; display:grid; gap:2px; margin-top:22px; }
.mobil-menu__kunye a{ display:inline-flex; align-items:center; gap:10px; min-height:var(--dokunma); color:var(--murekkep-2); text-decoration:none; font-weight:500; }
.mobil-menu__kunye .eva{ font-size:20px; color:var(--turuncu-yazi); }
.mobil-menu__cta{ position:relative; margin-top:18px; width:100%; }

/* =========================================================================
   HERO — kenardan içeri çekilmiş yuvarlak fotoğraf kartı + beyaz metin kartı
   ========================================================================= */
.hero{ position:relative; display:grid; padding:14px var(--pad-dis) 0; }
.hero [hidden]{ display:none !important; }
.hero__sahne{
  grid-area:1/1; position:relative; display:grid; min-width:0; isolation:isolate;
  border-radius:clamp(22px,3vw,36px); overflow:hidden; background:var(--gok-2);
  min-height:clamp(560px, calc(100vh  - var(--hdr) - 28px), 860px);
  min-height:clamp(560px, calc(100svh - var(--hdr) - 28px), 860px);
}
.hero__slayt{
  grid-area:1/1; position:relative; display:grid; align-items:end; justify-items:start; min-width:0;
  padding:clamp(14px,2.6vw,36px);
  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(180deg, rgba(0,30,54,0) 55%, rgba(0,30,54,.28) 100%); }
.hero__metin{
  position:relative; z-index:1; width:min(100%,600px);
  background:#fff; border-radius:var(--r); padding:clamp(24px,3vw,40px);
  box-shadow:0 30px 60px -30px rgba(0,30,54,.55);
}
.hero__ustbaslik{
  display:inline-flex; align-items:center; gap:10px; margin-bottom:16px;
  padding:7px 16px 7px 10px; border-radius:var(--hap); background:var(--gok);
  font-weight:700; font-size:14.5px; color:var(--mavi);
}
.hero__ustbaslik .yay{ color:var(--turuncu); --boy:20px; }
.hero__baslik{ font-size:clamp(28px,2.9vw,42px); line-height:1.12; margin-bottom:14px; }
.hero__baslik mark,.hero__baslik em{ background:none; font-style:normal; color:var(--turuncu-yazi); }
.hero__aciklama{ color:var(--murekkep-2); font-size:clamp(16px,1.25vw,18px); margin-bottom:24px; }
.hero__aksiyon{ display:flex; flex-wrap:wrap; gap:10px; }

/* MAKRO MOTİF — logonun C yayları kartın sağ üst köşesinden içeri kıvrılır */
.hero__yaylar{
  position:absolute; z-index:2; pointer-events:none;
  top:clamp(-150px,-9vw,-70px); right:clamp(-150px,-9vw,-70px);
  width:clamp(260px,30vw,460px); aspect-ratio:1; color:var(--turuncu); --boy:100%;
  transform:rotate(-10deg);
}

/* kontrol hapı */
.hero__serit{
  grid-area:1/1; align-self:end; justify-self:end; z-index:3; position:relative; min-width:0;
  margin:0 calc(var(--pad-dis) + clamp(14px,2.6vw,36px)) clamp(14px,2.6vw,36px) 0;
  background:#fff; border-radius:var(--hap); box-shadow:0 20px 40px -20px rgba(0,30,54,.55);
}
.hero:not([data-hazir]) .hero__serit{ display:none; }
.hero__serit-ic{ display:flex; align-items:center; gap:14px; padding:6px 6px 6px 20px; }
.hero__sol{ display:flex; align-items:center; gap:10px; }
.hero__sayac{ font-family:var(--baslik); font-weight:900; font-size:17px; color:var(--mavi-gece); white-space:nowrap; }
.hero__sayac-toplam{ color:var(--murekkep-3); }
.hero__noktalar{ display:flex; align-items:center; gap:2px; }
.hero__nokta{ position:relative; width:30px; height:44px; padding:0; border:0; background:none; cursor:pointer; }
.hero__nokta::before,.hero__nokta::after{ content:""; position:absolute; inset:0; }
.hero__nokta::before{ background:radial-gradient(circle, var(--iz) 0 4.5px, transparent 5px); }
.hero__nokta::after{
  background:radial-gradient(circle, var(--turuncu) 0 6px, transparent 6.5px);
  transform:scale(0); transition:transform .35s var(--hero-egri);
}
.hero__nokta[aria-current="true"]::after{ transform:scale(1); }
.hero__oklar{ display:flex; align-items:center; gap:4px; }
.hero__ok{
  width:44px; height:44px; display:grid; place-items:center; cursor:pointer; border-radius:50%;
  border:0; background:var(--gok); color:var(--mavi); transition:background-color .2s ease, color .2s ease;
}
.hero__ok:hover{ background:var(--mavi); color:#fff; }
.hero__ok .eva{ font-size:22px; line-height:1.1; }
#heroDurdur[data-durum="durdu"]{ background:var(--turuncu); color:var(--lacivert-uzeri); }
@keyframes heroDolum{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }
.hero__ilerleme{
  position:absolute; left:22px; right:22px; bottom:3px; height:3px; border-radius: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(16px); 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.07) } to{ transform:scale(1) } }
  .hero__slayt[data-aktif="evet"] .hero__gorsel{ animation:heroYaklas calc(var(--hero-sure) + 3000ms) linear both; }
  @keyframes yayDon{ from{ transform:rotate(-10deg) } to{ transform:rotate(350deg) } }
  .hero__yaylar{ animation:yayDon 90s linear infinite; }
  .hero[data-duraklat="evet"] .hero__yaylar{ animation-play-state:paused; }
}
@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__yaylar{ animation:none !important; }
  .hero__ilerleme{ display:none; }
}
@media (max-width:1179px){
  .hero__slayt{ padding-bottom:calc(clamp(14px,2.6vw,36px) + 72px); }
}
@media (max-width:768px){
  .hero__sahne{
    min-height:clamp(600px, calc(100vh  - var(--hdr) - 24px), 780px);
    min-height:clamp(600px, calc(100svh - var(--hdr) - 24px), 780px);
  }
  .hero__slayt{ padding:12px 12px 82px; }
  .hero__metin{ width:100%; padding:22px; border-radius:22px; }
  .hero__baslik{ font-size:clamp(26px,7vw,32px); }
  .hero__aciklama{ display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:18px; }
  .hero__aksiyon{ display:grid; grid-template-columns:1fr 1fr; }
  .hero__aksiyon .btn{ padding-inline:12px; min-height:48px; font-size:15.5px; }
  .hero__serit{ justify-self:stretch; margin:0 calc(var(--pad-dis) + 12px) 12px; }
  .hero__serit-ic{ justify-content:space-between; padding-left:16px; }
  .hero__yaylar{ width:190px; top:-60px; right:-60px; }
}
@media (orientation:landscape) and (max-height:560px){
  .hero__sahne{ min-height:440px; }
  .hero__baslik{ font-size:clamp(24px,5.4vh,34px); }
  .hero__aciklama{ display:none; }
}

/* =========================================================================
   ORTAK BÖLÜM DİLİ
   ========================================================================= */
.bolum{ padding-block:clamp(72px,9vw,118px); position:relative; }
.bolum--beyaz{ background:var(--kagit); }
.bolum--mavi{ background:var(--mavi); color:#fff; overflow:hidden; }
.bolum--gece{ background:var(--mavi-gece); color:#fff; overflow:hidden; }
.bolum--celik{ background:var(--gok-2); }
.kap{ max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad); }
.etiket-ust{
  display:inline-flex; align-items:center; gap:10px; margin-bottom:14px;
  font-weight:700; font-size:15px; color:var(--turuncu-yazi);
}
.bolum--mavi .etiket-ust,.bolum--gece .etiket-ust{ color:#FFB27F; }
.etiket-ust .yay{ color:var(--turuncu); --boy:18px; }
.bas{ font-size:clamp(32px,4.2vw,54px); margin-bottom:16px; }
.bolum--mavi .bas,.bolum--gece .bas{ color:#fff; }
.giris{ color:var(--murekkep-2); font-size:clamp(16px,1.3vw,18.5px); max-width:60ch; }
.bolum--mavi .giris,.bolum--gece .giris{ color:rgba(255,255,255,.84); }
.ortali{ text-align:center; margin-inline:auto; }
.bolum__ust{ max-width:760px; margin-bottom:clamp(36px,5vw,58px); }
.bolum__ust.ortali .giris{ margin-inline:auto; }

/* --- NEDEN ÇABA: ikonsuz, üç sütunlu yalın şerit ----------------------- */
.neden{ padding-block:clamp(44px,5vw,68px) clamp(56px,7vw,92px); }
.neden__izgara{ display:grid; gap:28px; }
@media (min-width:860px){ .neden__izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; } }
.neden__oge{ padding-top:18px; border-top:2px solid var(--mavi-gece); }
@media (min-width:860px){
  .neden__oge{ padding:18px clamp(20px,2.6vw,36px) 0; }
  .neden__oge:first-child{ padding-left:0; }
  .neden__oge + .neden__oge{ border-left:1px solid var(--cizgi); }
}
.neden__oge h3{ font-size:clamp(21px,1.8vw,24px); margin-bottom:8px; }
.neden__oge p{ color:var(--murekkep-2); font-size:16.5px; }

/* --- HİZMETLER: tipografik fihrist — ikon yok, etiket hapı yok ---------- */
.hizmet-ust{ display:grid; gap:14px 56px; margin-bottom:clamp(28px,4vw,48px); }
@media (min-width:960px){ .hizmet-ust{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; } }
.hizmet-liste{ border-top:2px solid var(--mavi-gece); counter-reset:hizmet; }
.hizmet-satir{
  position:relative; display:grid; gap:6px 28px; align-items:baseline;
  padding:26px 0; border-bottom:1px solid var(--cizgi);
  grid-template-columns:48px minmax(0,1fr);
}
.hizmet-satir::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; pointer-events:none;
  background:var(--turuncu); transform:scaleX(0); transform-origin:left center;
  transition:transform .5s var(--hero-egri);
}
@media (min-width:900px){
  .hizmet-satir{ grid-template-columns:56px minmax(0,.95fr) minmax(0,1.35fr) 132px 164px; padding:30px 0; }
}
.hizmet-satir__no{ font-family:var(--mono); font-weight:700; font-size:14px; color:var(--turuncu-yazi); letter-spacing:.06em; }
.hizmet-satir__ad{ font-size:clamp(22px,2.2vw,28px); line-height:1.15; transition:color .25s ease; }
.hizmet-satir__ad a{ text-decoration:none; color:inherit; }
.hizmet-satir__metin{ color:var(--murekkep-2); font-size:16.5px; grid-column:2; }
.hizmet-satir__kapsam{ font-family:var(--baslik); font-weight:800; font-size:16px; color:var(--mavi); white-space:nowrap; grid-column:2; }
.hizmet-satir__git{
  grid-column:2; justify-self:start; display:inline-flex; align-items:center; gap:8px;
  min-height:44px; padding:0 18px; margin-left:-18px; border-radius:var(--hap);
  font-weight:700; font-size:15.5px; color:var(--mavi); text-decoration:none; white-space:nowrap;
  transition:background-color .25s ease, color .25s ease;
}
.hizmet-satir__git::after{ content:""; position:absolute; inset:0; border-radius:var(--r-kucuk); }
.hizmet-satir__git span{ display:inline-block; transition:transform .3s var(--hero-egri); }
@media (min-width:900px){
  .hizmet-satir__metin,.hizmet-satir__kapsam,.hizmet-satir__git{ grid-column:auto; }
  .hizmet-satir__git{ justify-self:end; margin-left:0; }
}
@media (hover:hover) and (pointer:fine){
  .hizmet-satir:hover::after{ transform:scaleX(1); }
  .hizmet-satir:hover .hizmet-satir__ad{ color:var(--mavi); }
  .hizmet-satir:hover .hizmet-satir__git{ background:var(--turuncu); color:var(--lacivert-uzeri); }
  .hizmet-satir:hover .hizmet-satir__git span{ transform:translateX(4px); }
}
.hizmet-satir__git:focus-visible{ outline:none; box-shadow:none; background:var(--turuncu); color:var(--lacivert-uzeri); }
.hizmet-satir__git:focus-visible::after{ outline:3px solid var(--mavi); outline-offset:6px; }
.hizmet-satir:focus-within::after{ transform:scaleX(1); }
@media (prefers-reduced-motion:reduce){
  .hizmet-satir::after,.hizmet-satir__git,.hizmet-satir__git span,.hizmet-satir__ad{ transition:none; }
}

/* --- SÜREÇ: yay halkalı adımlar ------------------------------------------ */
.surec{ position:relative; display:grid; gap:34px; }
@media (min-width:900px){
  .surec{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
  .surec::before{
    content:""; position:absolute; top:52px; left:12%; right:12%; height:0;
    border-top:2.5px dashed #B9CAD8;
  }
}
.adim{ position:relative; text-align:center; display:grid; justify-items:center; gap:14px; }
.adim__rozet{ position:relative; width:104px; height:104px; display:grid; place-items:center; }
.adim__rozet .yay{ position:absolute; inset:0; --boy:104px; color:var(--turuncu); }
.adim:nth-child(even) .adim__rozet .yay{ color:var(--mavi); transform:rotate(180deg); }
.adim__no{
  position:relative; width:58px; height:58px; display:grid; place-items:center; border-radius:50%;
  background:#fff; box-shadow:var(--golge-hafif);
  font-family:var(--baslik); font-weight:900; font-size:24px; color:var(--mavi-gece);
}
.adim h3{ font-size:21px; }
.adim p{ color:var(--murekkep-2); font-size:16px; max-width:30ch; }

/* --- KAPSAM: fotoğraf + kademe kartları ---------------------------------- */
.kapsam{ display:grid; gap:clamp(30px,4vw,56px); align-items:center; }
@media (min-width:960px){ .kapsam{ grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); } }
.kapsam__foto{ position:relative; }
.kapsam__foto img{ display:block; width:100%; height:auto; border-radius:var(--r); }
.kapsam__foto .yay{ position:absolute; left:-34px; bottom:-34px; --boy:clamp(110px,12vw,170px); color:var(--turuncu); }
.kapsam__rozet{
  position:absolute; top:18px; right:18px; padding:9px 16px; border-radius:var(--hap); background:#fff;
  font-weight:700; font-size:14.5px; color:var(--mavi); box-shadow:var(--golge-hafif);
}
.kademe-liste{ display:grid; gap:12px; margin-top:28px; }
.kademe{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 22px; align-items:center;
  background:var(--gok); border-radius:var(--r-kucuk); padding:18px 22px;
}
.kademe .kademe__deger{ font-family:var(--baslik); font-weight:900; font-size:clamp(28px,2.8vw,36px); color:var(--mavi); line-height:1.12; min-width:4.6ch; }
.kademe__deger small{ font-size:.5em; margin-left:.12em; color:var(--turuncu-yazi); }
.kademe h3{ font-size:18px; }
.kademe p{ color:var(--murekkep-2); font-size:15px; }
.not-hap{
  display:flex; gap:10px; align-items:flex-start; margin-top:18px; padding:14px 18px; border-radius:var(--r-kucuk);
  background:#FFF3EB; color:#5B2A08; font-size:15px;
}

/* --- KAPSAM BANDI (Hakkımızda vb. sayfalarda da kullanılır) --------------- */
.kapsam-bandi{ background:var(--mavi); color:#fff; padding:clamp(32px,5vw,54px) 0; }
.kapsam-bandi__ic{
  max-width:var(--kap); margin-inline:auto; padding-inline:var(--pad);
  display:grid; gap:24px; align-items:center;
}
@media (min-width:800px){ .kapsam-bandi__ic{ grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr)); gap:20px; } }
.kapsam-bandi__bas{ font-size:clamp(24px,2.4vw,32px); color:#fff; line-height:1.15; }
.kapsam-bandi .kademe{ background:rgba(255,255,255,.08); color:#fff; }
.kapsam-bandi .kademe .kademe__deger{ color:#FF944D; }
.kapsam-bandi .kademe .kademe__deger small{ color:#fff; }
.kapsam-bandi .kademe__ad{ color:rgba(255,255,255,.84); font-size:15px; font-weight:600; }

/* --- İŞ TİPLERİ ---------------------------------------------------------- */
.is-izgara{ display:grid; gap:18px; }
@media (min-width:860px){ .is-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.is-kart{ background:#fff; border-radius:var(--r); padding:clamp(26px,3vw,34px); box-shadow:var(--golge-hafif); display:flex; flex-direction:column; gap:12px; }
.is-kart h3{ font-size:22px; }
.is-kart p{ color:var(--murekkep-2); font-size:16px; }
.is-kart ul{ margin-top:auto; padding-top:14px; border-top:1px solid var(--cizgi); display:grid; gap:8px; }
.is-kart li{ display:flex; gap:10px; align-items:center; font-size:15.5px; color:var(--murekkep-2); }
.is-kart li::before{ content:""; width:10px; height:10px; border-radius:50%; background:var(--turuncu); flex:none; }

/* --- İSG (mavi blok) ----------------------------------------------------- */
.bolum--mavi::before{
  content:""; position:absolute; left:-120px; top:-120px; width:clamp(320px,34vw,520px); aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.06); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.isg{ position:relative; display:grid; gap:clamp(34px,5vw,64px); align-items:center; }
@media (min-width:960px){ .isg{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); } }
.isg-liste{ display:grid; margin-top:28px; border-top:1px solid rgba(255,255,255,.22); }
.isg-liste li{ padding-block:18px; border-bottom:1px solid rgba(255,255,255,.22); }
.isg-liste h3{ font-size:20px; color:#fff; margin-bottom:4px; }
.isg-liste p{ color:rgba(255,255,255,.84); font-size:16px; }
.isg-foto{ position:relative; }
.isg-foto img{ display:block; width:100%; height:auto; border-radius:var(--r); }
.isg-foto__kart{
  position:absolute; left:clamp(-24px,-2vw,-12px); bottom:clamp(-24px,-2vw,-12px); max-width:300px;
  display:flex; gap:12px; align-items:center; padding:16px 20px; border-radius:var(--r-kucuk);
  background:#fff; color:var(--mavi-gece); box-shadow:var(--golge); font-weight:700; font-size:15.5px; line-height:1.35;
}
.isg-foto__kart .yay{ color:var(--turuncu); --boy:34px; }
@media (max-width:959px){ .isg-foto__kart{ left:12px; bottom:12px; } }

/* --- BELGELER ------------------------------------------------------------ */
.belge-izgara{ display:grid; gap:16px; }
@media (min-width:640px){ .belge-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1080px){ .belge-izgara{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.belge{ background:var(--gok); border-radius:var(--r); padding:clamp(22px,2.4vw,28px); display:flex; flex-direction:column; gap:10px; border-top:4px solid var(--mavi); }
.belge h3{ font-size:19px; }
.belge p{ color:var(--murekkep-2); font-size:15.5px; }

/* --- SSS ----------------------------------------------------------------- */
.sss{ display:grid; gap:clamp(28px,4vw,56px); align-items:start; }
@media (min-width:960px){ .sss{ grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); } }
.sss-liste{ display:grid; gap:10px; }
.sss-oge{ background:#fff; border-radius:var(--r-kucuk); box-shadow:var(--golge-hafif); }
.sss-oge summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:64px; padding:16px 20px 16px 24px; font-family:var(--baslik); font-weight:800; font-size:18px; color:var(--mavi-gece);
  border-radius:var(--r-kucuk);
}
.sss-oge summary::-webkit-details-marker{ display:none; }
.sss-oge summary .eva{
  flex:none; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--gok);
  font-size:20px; color:var(--mavi); transition:transform .3s var(--hero-egri), background-color .2s ease;
}
.sss-oge[open] summary .eva{ transform:rotate(45deg); background:var(--turuncu); color:var(--lacivert-uzeri); }
.sss-oge__cevap{ padding:0 24px 22px; color:var(--murekkep-2); font-size:16.5px; }

/* --- İLETİŞİM ------------------------------------------------------------ */
.iletisim{ display:grid; gap:clamp(24px,3vw,36px); align-items:stretch; }
@media (min-width:960px){ .iletisim{ grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); } }
.form-kart{ background:var(--gok); border-radius:var(--r); padding:clamp(22px,3.4vw,42px); }
.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-weight:700; font-size:14.5px; color:var(--mavi-gece); }
.alan .zorunlu{ color:var(--turuncu-yazi); }
.alan input,.alan select,.alan textarea{
  width:100%; min-height:52px; padding:13px 18px; font-family:var(--govde); font-size:max(16px,1rem);
  color:var(--murekkep); background:#fff; border:1.5px solid transparent; border-radius:14px; appearance:none;
  box-shadow:0 1px 2px rgba(0,43,77,.06); transition:border-color .2s ease;
}
.alan textarea{ min-height:140px; 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% - 24px) 24px, calc(100% - 18px) 24px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:48px;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{ border-color:var(--mavi); }
.alan [aria-invalid="true"]{ border-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-yazi); flex:none; }
.onay a{ color:var(--mavi); text-underline-offset:3px; }
.bal{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-durum{ grid-column:1/-1; display:flex; gap:10px; align-items:flex-start; padding:12px 16px; border-radius:14px; background:#FFF3EB; color:#5B2A08; font-size:15px; }
.form-durum::before{ content:""; width:10px; height:10px; margin-top:7px; border-radius:50%; background:var(--turuncu); flex:none; }
.form-durum.basarili{ background:#E8F5E9; color:#1B5E20; }
.form-durum.basarili::before{ background:#2E7D32; }
.form-durum.hatali{ background:#FFEBEE; color:#B71C1C; }
.form-durum.hatali::before{ background:#C62828; }

.kunye-kart{
  position:relative; overflow:hidden; background:var(--mavi); color:#fff; border-radius:var(--r);
  padding:clamp(26px,3vw,40px); display:flex; flex-direction:column;
}
.kunye-kart::after{
  content:""; position:absolute; right:-80px; bottom:-80px; width:300px; aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.07); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.kunye-kart h3{ color:#fff; font-size:26px; margin-bottom:18px; position:relative; }
.kunye-satir{ position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:center; padding-block:12px; }
.kunye-satir__ikon{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.12); color:#fff; }
.kunye-satir__ikon .eva{ font-size:21px; line-height:1.1; }
.kunye-satir dt{ font-size:13.5px; color:rgba(255,255,255,.72); }
.kunye-satir dd{ margin:0; font-weight:700; font-size:17px; }
.kunye-satir dd a{ text-decoration:none; }
.kunye-satir dd a:hover{ text-decoration:underline; text-underline-offset:3px; }
.kunye-kart .btn{ position:relative; margin-top:auto; align-self:flex-start; }
.kunye-kart dl{ margin-bottom:22px; }

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

/* =========================================================================
   FOOTER — yuvarlak üst köşeli koyu panel
   ========================================================================= */
/* Footer kendi zeminini taşımaz: panel, köşe yarıçapı kadar önceki bölümün alt
   boşluğuna biner; yuvarlak köşelerin ardında o bölümün rengi görünür. (Eski beyaz
   zemin + üst dolgu, açık gri biten iç sayfalarda footer üstünde beyaz bant bırakıyordu.) */
.ayak{ position:relative; z-index:1; margin-top:calc(-1 * clamp(28px,4vw,48px)); }
/* sayfa footer'la aynı renkte koyu bölümle bitiyorsa yuvarlak üst kenar ince bir çizgiyle belirir */
body:has(main > section.bolum--gece:last-of-type) .ayak__panel{ box-shadow:inset 0 1px 0 rgba(255,255,255,.16); }
.ayak__panel{
  position:relative; overflow:hidden; background:var(--mavi-gece); color:#fff;
  border-radius:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0 0; padding-block:clamp(52px,6vw,80px) 0;
}
.ayak__panel::before{
  content:""; position:absolute; right:-140px; top:-140px; width:clamp(360px,40vw,620px); aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.045); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) 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:52px; width:auto; margin-bottom:20px; }
.ayak__tanim{ color:rgba(255,255,255,.78); font-size:16px; max-width:38ch; }
.ayak__baslik{ font-family:var(--mono); font-weight:700; font-size:12px; letter-spacing:.16em; color:rgba(255,255,255,.58); margin-bottom:16px; }
.ayak__baglanti{ display:inline-flex; align-items:center; min-height:32px; padding-block:6px; color:rgba(255,255,255,.8); text-decoration:none; font-size:16px; transition:color .2s ease; }
.ayak__baglanti:hover{ color:var(--turuncu-2); }
@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:rgba(255,255,255,.78); font-size:16px; margin-top:8px; }
.ayak__satir--sonuk{ color:rgba(255,255,255,.58); font-size:14.5px; }
.ayak__yasal{ margin-top:clamp(28px,4vw,44px); padding-block:24px; border-top:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; gap:12px; color:rgba(255,255,255,.58); font-size:14px; }
@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; }

/* --- Şimşek Software İmza Barı --- */
.imza-baglanti:hover,.imza-baglanti:focus-visible{ opacity:1 !important; }
@media (prefers-reduced-motion:reduce){ .imza-baglanti{ transition:none !important; } }

/* --- Yüzen düğmeler: solda iletişim (WhatsApp + telefon), sağda yukarı çık.
       Yuvarlak (hap 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; border-radius:50%; cursor:pointer; text-decoration:none;
  transition:opacity .25s ease, visibility .25s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}
.yuzen-dugme .eva,.yukari-cik .eva{ font-size:27px; line-height:1; }
.yuzen-dugme svg{ width:27px; height:27px; fill:currentColor; }
.yuzen-dugme--tel{ background:var(--turuncu); color:var(--lacivert-uzeri); box-shadow:0 16px 32px -14px rgba(255,97,0,.9); }
.yuzen-dugme--wa{ background:#1DA851; color:#fff; box-shadow:0 16px 32px -14px rgba(29,168,81,.9); }   /* WhatsApp yeşili (fonksiyonel renk) */
.yukari-cik{ background:#fff; color:var(--mavi); box-shadow:var(--golge); }
/* Hover yalnız fareli cihazda; dokunmatikte basılıyken (:active) aynı dolgu, takılı kalmaz */
.yuzen-dugme--tel:active{ background:var(--turuncu-2); }
.yuzen-dugme--wa:active{ background:#178F45; }
.yukari-cik:active{ background:var(--mavi); color:#fff; }
@media (hover:hover) and (pointer:fine){
  .yuzen-dugme:hover,.yukari-cik:hover{ transform:translateY(-2px); }
  .yuzen-dugme--tel:hover{ background:var(--turuncu-2); }
  .yuzen-dugme--wa:hover{ background:#178F45; }
  .yukari-cik:hover{ background:var(--mavi); color:#fff; }
}
.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{ transition:none; } }

/* =========================================================================
   İÇ SAYFALAR: HERO, KARTLAR, İSTATİSTİKLER, PROJELER, FİLO, BLOG
   ========================================================================= */
.sayfa-hero{
  position:relative;
  background:linear-gradient(135deg, var(--mavi) 0%, var(--mavi-gece) 100%);
  color:#fff;
  overflow:hidden;
  padding-block:clamp(48px, 6vw, 84px);
  margin-inline:var(--pad-dis);
  margin-top:14px;
  border-radius:var(--r);
  box-shadow:var(--golge-hafif);
}
.sayfa-hero::before{
  content:"";
  position:absolute;
  right:-40px;
  top:50%;
  transform:translateY(-50%);
  width:min(55vw, 420px);
  aspect-ratio:1;
  background:rgba(255,255,255,.05);
  -webkit-mask:var(--m-yay) center/contain no-repeat;
  mask:var(--m-yay) center/contain no-repeat;
  pointer-events:none;
}
.sayfa-hero .kap{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.ekmek-kirintisi{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:100%;
  font-family:var(--mono);
  font-size:12.5px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.65);
  margin-bottom:14px;
}
.ekmek-kirintisi a{ color:rgba(255,255,255,.8); text-decoration:none; transition:color .2s ease; }
.ekmek-kirintisi a:hover{ color:var(--turuncu-2); }
.ekmek-kirintisi .ayrac{ color:var(--turuncu); font-weight:700; user-select:none; }
.ekmek-kirintisi span:last-child:not(.ayrac){ color:#fff; font-weight:600; }
.sayfa-hero h1{
  font-size:clamp(26px, 2.5vw, 36px);
  font-weight:900;
  color:#fff;
  margin-bottom:14px;
  line-height:1.12;
  /* 28ch (~600px) <br>'li iki satırlık başlıkları 3-4 satıra bölüyordu; 24em ≈ 860px */
  max-width:24em;
}
.sayfa-hero p{
  color:rgba(255,255,255,.84);
  font-size:clamp(15.5px, 1.25vw, 18.5px);
  line-height:1.65;
  max-width:64ch;
}

/* Detay metin & Hikaye */
.detay-metin{ display:grid; gap:16px; color:var(--murekkep-2); font-size:17px; line-height:1.7; }
.detay-metin h2,.detay-metin h3{ color:var(--mavi-gece); margin-top:20px; }
.detay-metin ul{ display:grid; gap:10px; padding-left:20px; list-style:disc; }
.halka-cerceve{ position:relative; }
.halka-cerceve img{ display:block; width:100%; height:auto; border-radius:var(--r); }
.halka-cerceve .yay{ position:absolute; right:-28px; bottom:-28px; --boy:110px; color:var(--turuncu); }

/* Madde listesi (İSG & Değerler) */
.madde-liste{ display:grid; gap:16px; margin-top:24px; }
.madde{
  display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:start;
  background:#fff; border-radius:var(--r-kucuk); padding:20px; box-shadow:var(--golge-hafif);
}
.madde__ikon{
  width:48px; height:48px; border-radius:50%; background:var(--gok);
  display:grid; place-items:center; color:var(--turuncu-yazi); font-size:24px;
}
.madde h3{ font-size:19px; margin-bottom:4px; }
.madde p{ color:var(--murekkep-2); font-size:15.5px; }

/* Projeler Modülü */
.proje-izgara{ display:grid; gap:24px; }
@media (min-width:768px){ .proje-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1080px){ .proje-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.proje-kart{
  background:#fff; border-radius:var(--r); overflow:hidden; box-shadow:var(--golge-hafif);
  display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
}
.proje-kart:hover{ transform:translateY(-3px); box-shadow:var(--golge); }
.proje-kart__gorsel-kutu{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--gok-2); }
.proje-kart__gorsel-kutu img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.proje-kart:hover .proje-kart__gorsel-kutu img{ transform:scale(1.04); }
.proje-kart__durum-rozet{
  position:absolute; top:14px; left:14px; padding:6px 12px; border-radius:var(--hap);
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.06em;
}
.proje-kart__durum-rozet--devam{ background:var(--turuncu); color:var(--lacivert-uzeri); }
.proje-kart__durum-rozet--tamam{ background:var(--mavi); color:#fff; }
.proje-kart__sehir-rozet{
  position:absolute; top:14px; right:14px; padding:6px 12px; border-radius:var(--hap);
  background:rgba(0,30,54,.75); color:#fff; font-size:11.5px; font-weight:700;
}
.proje-kart__govde{ padding:24px; display:flex; flex-direction:column; flex:1; gap:12px; }
.proje-kart__is-turu{ font-family:var(--mono); font-size:12px; color:var(--turuncu-yazi); font-weight:700; letter-spacing:.08em; }
.proje-kart__baslik{ font-size:20px; line-height:1.25; }
.proje-kart__baslik a{ text-decoration:none; color:inherit; }
.proje-kart__baslik a:hover{ color:var(--mavi); }
.proje-kart__kunye-liste{ display:grid; gap:8px; padding-block:12px; border-block:1px solid var(--cizgi); font-size:14px; margin-top:auto; }
.proje-kart__kunye-oge{ display:flex; justify-content:space-between; gap:12px; }
.proje-kart__kunye-oge dt{ color:var(--murekkep-3); font-size:12px; font-weight:600; }
.proje-kart__kunye-oge dd{ font-weight:700; color:var(--murekkep); }
.proje-kart__alt{ display:flex; justify-content:space-between; align-items:center; pt:4px; }
.proje-kart__detay-link{
  display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:14.5px;
  color:var(--mavi); text-decoration:none; transition:color .2s ease;
}
.proje-kart__detay-link:hover{ color:var(--turuncu); }

/* Filtre Barları */
.filtre-bari{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.filtre-btn{
  min-height:42px; padding:0 20px; border-radius:var(--hap); border:1.5px solid var(--cizgi);
  background:#fff; color:var(--murekkep-2); font-family:var(--baslik); font-weight:800;
  font-size:14.5px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center;
  transition:all .2s ease;
}
.filtre-btn:hover,.filtre-btn.aktif{ background:var(--mavi); color:#fff; border-color:var(--mavi); }

/* Blog Modülü */
.blog-izgara{ display:grid; gap:24px; }
@media (min-width:768px){ .blog-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1080px){ .blog-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.blog-kart{
  background:#fff; border-radius:var(--r); overflow:hidden; box-shadow:var(--golge-hafif);
  display:flex; flex-direction:column; transition:transform .25s ease;
}
.blog-kart:hover{ transform:translateY(-3px); }
.blog-kart__gorsel{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--gok-2); }
.blog-kart__gorsel img{ width:100%; height:100%; object-fit:cover; }
.blog-kart__govde{ padding:24px; display:flex; flex-direction:column; flex:1; gap:12px; }
.blog-kart__meta{ display:flex; gap:12px; font-size:13px; color:var(--murekkep-3); font-family:var(--mono); }
.blog-kart__kategori{ color:var(--turuncu-yazi); font-weight:700; }
.blog-kart__baslik{ font-size:21px; line-height:1.25; }
.blog-kart__baslik a{ text-decoration:none; color:inherit; }
.blog-kart__baslik a:hover{ color:var(--mavi); }
.blog-kart__ozet{ color:var(--murekkep-2); font-size:15.5px; }

/* Sertifikalar Modülü */
.sertifika-izgara{ display:grid; gap:20px; }
@media (min-width:640px){ .sertifika-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .sertifika-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.sertifika-kart{
  background:#fff; border-radius:var(--r); padding:28px; box-shadow:var(--golge-hafif);
  display:flex; flex-direction:column; gap:12px; border-left:4px solid var(--turuncu);
}
.sertifika-kart__rozet{
  align-self:flex-start; padding:5px 12px; border-radius:var(--hap);
  background:var(--gok); color:var(--mavi); font-family:var(--mono); font-size:12px; font-weight:700;
}
.sertifika-kart h3{ font-size:20px; }
.sertifika-kart p{ color:var(--murekkep-2); font-size:15px; }

/* Referanslar Modülü */
.referans-izgara{ display:grid; gap:16px; }
@media (min-width:640px){ .referans-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .referans-izgara{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.referans-kart{
  background:#fff; border-radius:var(--r-kucuk); padding:24px; box-shadow:var(--golge-hafif);
  display:flex; flex-direction:column; gap:8px;
}
.referans-kart h3{ font-size:19px; }
.referans-kart p{ color:var(--murekkep-2); font-size:15px; }

/* Sayfalama (Pagination) */
.sayfalama{ display:flex; justify-content:center; gap:6px; margin-top:40px; }
.sayfalama a,.sayfalama span{
  min-width:44px; height:44px; display:grid; place-items:center; padding-inline:12px;
  border-radius:var(--hap); background:#fff; color:var(--mavi); font-weight:700;
  text-decoration:none; box-shadow:var(--golge-hafif); font-size:15px;
}
.sayfalama .aktif,.sayfalama span[aria-current="page"]{ background:var(--mavi); color:#fff; }

/* =========================================================================
   İÇ SAYFALAR — KURUMSAL, HİZMETLER, PROJELER, FİLO, İSG, BELGELER, SSS, BLOG
   ========================================================================= */

/* 4 İstatistikli Kapsam Bandı (Filo, Projeler vb.) */
@media (min-width:1024px){
  .kapsam-bandi--dortlu .kapsam-bandi__ic{
    grid-template-columns:minmax(140px,.8fr) repeat(4,minmax(0,1fr));
    gap:clamp(10px,1.4vw,20px);
  }
}
@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;
  }
}

/* Badge & Not Kutusu */
.badge{
  display:inline-block; padding:4px 10px; font-family:var(--mono); font-size:11px;
  font-weight:700; letter-spacing:.06em; background:var(--gok-2); color:var(--mavi);
  border-left:3px solid var(--turuncu); border-radius:4px; text-transform:uppercase;
}
.not-kutusu{
  background:var(--gok); border-left:4px solid var(--turuncu); border-radius:var(--r-kucuk);
  padding:24px; box-shadow:var(--golge-hafif);
}

/* Kart Izgara (Hakkımızda / İSG) */
.kart-izgara{ display:grid; gap:20px; }
@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:#fff; border:1px solid var(--cizgi); border-top:4px solid var(--mavi);
  border-radius:var(--r-kucuk); padding:clamp(24px,3vw,34px); display:flex; flex-direction:column; gap:14px;
  box-shadow:var(--golge-hafif); transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.kart:hover{ border-top-color:var(--turuncu); transform:translateY(-3px); box-shadow:var(--golge); }
.kart h3{ font-size:22px; font-weight:800; color:var(--mavi-gece); }
.kart p{ color:var(--murekkep-2); font-size:15px; line-height:1.6; }

/* Faaliyet Alanları Kataloğu (Hizmetler / Blog İndeks) */
.karo-izgara{ display:grid; gap:20px; }
@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{
  background:var(--gok); border:1px solid var(--cizgi); border-top:4px solid var(--mavi);
  border-radius:var(--r-kucuk); padding:clamp(24px,2.8vw,34px); display:flex; flex-direction:column; gap:12px;
  text-decoration:none; color:inherit; box-shadow:var(--golge-hafif); transition:all .25s ease;
}
.karo:hover{ border-top-color:var(--turuncu); transform:translateY(-4px); box-shadow:var(--golge); background:#fff; }
.karo__no{ font-family:var(--mono); font-size:20px; font-weight:900; color:var(--turuncu); margin-bottom:2px; }
.karo h3{ font-size:21px; font-weight:800; color:var(--mavi-gece); }
.karo p{ color:var(--murekkep-2); font-size:15px; line-height:1.6; }

/* Editoryal Satırlar (İSG, Referanslar, Hizmetler Kademeler) */
.satirlar{ border-top:3px solid var(--mavi); display:grid; gap:0; }
.satir{
  display:grid; gap:16px 36px; padding-block:clamp(24px,3vw,36px); border-bottom:1px solid var(--cizgi);
}
@media (min-width:900px){ .satir{ grid-template-columns:140px minmax(0,1.25fr) minmax(0,1fr); align-items:start; } }
.satir__kod{
  font-family:var(--baslik); font-weight:900; font-size:clamp(54px,5.5vw,84px); line-height:1.05;
  color:transparent; -webkit-text-stroke:2px var(--mavi); opacity:.85;
}
.satir h3{ font-size:clamp(20px,2vw,26px); font-weight:800; color:var(--mavi-gece); margin-bottom:8px; }
.satir p{ color:var(--murekkep-2); font-size:15px; line-height:1.65; }
.satir dl{ display:grid; gap:12px; padding:18px 20px; background:var(--gok); border-left:4px solid var(--turuncu); border-radius:12px; }
.satir dt{ font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--murekkep-3); }
.satir dd{ margin:2px 0 0; font-weight:700; color:var(--mavi-gece); }

/* Hizmet ve Blog Detay Düzeni */
.hizmet-detay-izgara{ display:grid; gap:40px; grid-template-columns:minmax(0,1.3fr) minmax(0,0.7fr); align-items:start; }
@media (max-width:960px){
  .hizmet-detay-izgara{ grid-template-columns:1fr; gap:32px; }
  .hizmet-detay-izgara > div:last-child{ position:static !important; }
}
.detay-metin{ font-size:16.5px; line-height:1.75; color:var(--murekkep); }
.detay-metin h2{ font-size:clamp(24px,2.5vw,32px); font-weight:800; color:var(--mavi-gece); margin-top:28px; margin-bottom:14px; }
.detay-metin h3{ font-size:clamp(19px,2vw,24px); font-weight:800; color:var(--mavi); margin-top:24px; margin-bottom:10px; }
.detay-metin p{ margin-bottom:18px; color:var(--murekkep-2); }
.detay-metin ul{ list-style:disc; margin-left:24px; margin-bottom:20px; color:var(--murekkep-2); }
.detay-metin li{ margin-bottom:8px; }

/* ─── PROJELER MODÜLÜ KONTROLLER & IZGARA ─── */
.proje-kontrol-bari{
  display:flex; flex-direction:column; gap:16px; margin-bottom:32px; 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:1.5px 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; border-radius:10px; cursor:pointer; transition:all .2s ease;
  display:inline-flex; align-items:center; gap:6px;
}
.proje-filtre-btn:hover{
  border-color:var(--mavi); color:var(--mavi); background:var(--gok);
}
.proje-filtre-btn.aktif{
  background:var(--mavi); color:#fff; border-color:var(--mavi);
}
.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(340px, 1fr));
  gap:clamp(20px, 2.5vw, 30px);
}
@media (max-width:480px){
  .proje-izgara{ grid-template-columns:1fr; }
}

/* ─── ARAÇ VE MAKİNE PARKI (FİLO) ───────────────────────────────────────────
   Süzgeç + görünüm seçici, tablo, kart ızgarası ve <dialog> detay penceresi tek
   blokta. Kart kuralları eskiden iki ayrı yerde tanımlıydı; ikinci tanım
   rozetlerin konumlarını birleştirip kategori rozetini fotoğrafın tamamına
   yayıyor, adet rozetini de onun altında bırakıyordu. */
.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:8px; align-items:center; min-width:0; }
.filo-filtre-btn{
  min-height:44px; padding:0 18px; border:1.5px solid var(--cizgi); border-radius:var(--hap);
  background:#fff; color:var(--mavi); cursor:pointer; white-space:nowrap;
  font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.04em; line-height:1.4;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.filo-filtre-btn:hover{ border-color:var(--mavi); }
.filo-filtre-btn[aria-pressed="true"]{ background:var(--mavi); border-color:var(--mavi); color:#fff; }
.filo-gorunum-secici{
  display:inline-flex; flex:none; gap:2px; padding:3px; border-radius:var(--hap);
  background:#fff; box-shadow:inset 0 0 0 1.5px var(--cizgi);
}
.filo-gorunum-btn{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border:0; border-radius:var(--hap);
  background:transparent; color:var(--murekkep-3); cursor:pointer;
  font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.04em; line-height:1.4;
  transition:background-color .2s ease, color .2s ease;
}
.filo-gorunum-btn .eva{ font-size:18px; line-height:1; }
.filo-gorunum-btn:hover{ color:var(--mavi); }
.filo-gorunum-btn[aria-pressed="true"]{ background:var(--turuncu); color:var(--lacivert-uzeri); }

/* görseli girilmemiş araç: koyu zeminde logonun yayları (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(--mavi) 0%,var(--mavi-gece) 100%); color:rgba(255,255,255,.2);
}
.filo-gorsel-yok .yay{ --boy:clamp(36px,30%,140px); }

/* tablo görünümü */
.filo-tablo-sarmal{
  overflow-x:auto; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-kucuk);
  box-shadow:var(--golge-hafif);
}
.filo-tablo{ width:100%; border-collapse:collapse; text-align:left; }
.filo-tablo thead th{
  background:var(--mavi-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:180px; }
.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:var(--gok); }
.filo-tablo td{ padding:16px 20px; vertical-align:middle; }
.filo-tablo .btn{ white-space:nowrap; }
.filo-resim-hucre{ width:160px; min-width:140px; }
.filo-resim-kutu{
  position:relative; display:block; width:140px; height:90px; overflow:hidden; cursor:pointer;
  border-radius:12px; border:1px solid var(--cizgi); background:var(--mavi-gece);
}
.filo-resim-kutu img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.filo-resim-kutu:hover img{ transform:scale(1.08); }
.filo-resim-ipucu{
  position:absolute; z-index:1; right:6px; bottom:6px; padding:2px 8px; border-radius:var(--hap); pointer-events:none;
  background:rgba(0,30,54,.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:19px; font-weight:800; color:var(--mavi-gece);
  letter-spacing:.01em; line-height:1.2; margin-bottom:4px;
}
.filo-arac-model{ font-family:var(--mono); font-size:12.5px; color:var(--mavi); font-weight:600; }
.filo-arac-donanim{ margin-top:6px; font-size:13.5px; line-height:1.5; color:var(--murekkep-2); }
.filo-arac-donanim strong{ color:var(--mavi); }
.filo-yil-etiket{
  display:inline-block; font-family:var(--mono); font-size:13px; font-weight:700;
  background:var(--gok-2); color:var(--mavi-gece); padding:4px 10px;
  border-left:3px solid var(--mavi); border-radius:4px;
}
.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(--mavi); color:#fff; padding:6px 12px;
  border-left:3px solid var(--turuncu); border-radius:4px;
}
.filo-adet-etiket small{ font-size:11px; font-weight:700; color:#FFB27F; }

/* kart görünümü: kartın tamamı İNCELE düğmesiyle açılır (ekran okuyucuda tek durak) */
.filo-kart-izgara{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr)); gap:clamp(18px,2.2vw,26px);
}
.filo-kart{
  position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif);
  transition:transform .25s ease, box-shadow .25s ease;
}
.filo-kart__gorsel{ position:relative; flex:none; aspect-ratio:16/10; overflow:hidden; background:var(--mavi-gece); }
.filo-kart__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s var(--hero-egri); }
.filo-kart__adet{
  position:absolute; z-index:1; top:14px; left:14px;
  display:inline-flex; align-items:baseline; gap:6px; padding:4px 13px 5px 11px; border-radius:var(--hap);
  background:var(--turuncu); color:var(--lacivert-uzeri); box-shadow:0 10px 20px -12px rgba(0,30,54,.8);
  font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.1em; line-height:1.5;
}
.filo-kart__adet b{ font-family:var(--baslik); font-size:17px; font-weight:900; letter-spacing:0; line-height:1.2; }
.filo-kart__govde{ display:flex; flex-direction:column; flex:1; gap:10px; padding:22px 24px 20px; }
.filo-kart__kategori{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; line-height:1.4; color:var(--turuncu-yazi); }
.filo-kart__kategori .yay{ --boy:15px; color:var(--turuncu); }
.filo-kart__baslik{ font-size:20px; line-height:1.25; }
.filo-kart__model{ margin-top:-4px; font-family:var(--mono); font-size:13px; line-height:1.5; color:var(--murekkep-3); }
.filo-kart__aciklama{
  font-size:15px; 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:4px 11px; border-radius:var(--hap); background:var(--gok);
  font-size:13px; font-weight:600; line-height:1.45; color:var(--murekkep);
}
.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:11px; font-weight:700; letter-spacing:.12em; line-height:1.4;
  color:var(--murekkep-3);
}
.filo-kart__yil b{ font-family:var(--baslik); font-size:18px; font-weight:900; letter-spacing:0; color:var(--mavi-gece); }
.filo-kart__ac{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-left:auto; padding:0 18px;
  border:0; border-radius:var(--hap); background:var(--gok); color:var(--mavi); cursor:pointer;
  font-family:var(--baslik); font-size:14.5px; font-weight:800;
  transition:background-color .2s ease, color .2s ease;
}
.filo-kart__ac .eva{ font-size:18px; line-height:1; transition:transform .25s var(--hero-egri); }
.filo-kart__ac::after{ content:""; position:absolute; inset:0; z-index:2; }
.filo-kart:has(.filo-kart__ac:focus-visible){ box-shadow:0 0 0 3px var(--kagit), 0 0 0 6px var(--mavi); }
@media (hover:hover) and (pointer:fine){
  .filo-kart:hover{ transform:translateY(-3px); box-shadow:var(--golge); }
  .filo-kart:hover .filo-kart__gorsel img{ transform:scale(1.045); }
  .filo-kart:hover .filo-kart__ac{ background:var(--mavi); color:#fff; }
  .filo-kart:hover .filo-kart__ac .eva{ transform:translateX(3px); }
}

/* detay penceresi: <dialog>; içerik sığmazsa pencerenin içinde kayar. Eski pencere
   kaydırılamıyordu, 720px yüksek ekranda ü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-radius:var(--r); overflow:hidden;
  background:var(--kagit); color:var(--murekkep); box-shadow:0 40px 90px -30px rgba(0,10,22,.7);
}
.filo-pencere[open]{ display:flex; flex-direction:column; }
.filo-pencere::backdrop{ background:rgba(0,30,54,.74); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.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; border-radius:50%; background:#fff; color:var(--mavi); box-shadow:0 12px 26px -12px rgba(0,30,54,.75);
  transition:background-color .2s ease, color .2s ease;
}
.filo-pencere__kapat .eva{ font-size:24px; line-height:1; }
.filo-pencere__kapat:hover{ background:var(--turuncu); color:var(--lacivert-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(--mavi-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; font-size:14px; }
.filo-pencere__baslik{ font-size:clamp(24px,2.6vw,32px); line-height:1.15; }
.filo-pencere__model{
  margin-top:8px; font-family:var(--mono); font-size:14px; font-weight:700; line-height:1.5; color:var(--murekkep-3);
}
.filo-pencere__aciklama{ margin-top:16px; max-width:62ch; font-size:16.5px; 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; border-radius:var(--r-kucuk); background:var(--gok); }
.filo-pencere__olcu dt{
  font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.12em; line-height:1.5; color:var(--murekkep-3);
}
.filo-pencere__olcu dd{
  margin:2px 0 0; font-family:var(--baslik); font-size:26px; font-weight:900; line-height:1.15; color:var(--mavi-gece);
}
.filo-pencere__olcu-oge--vurgu{ background:var(--mavi); }
.filo-pencere__olcu-oge--vurgu dt{ color:rgba(255,255,255,.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:15px; font-weight:700; letter-spacing:.04em; line-height:1.4; color:var(--mavi); }
.filo-pencere__alt-bas{
  margin-bottom:10px; font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.14em; line-height:1.5;
  color:var(--turuncu-yazi);
}
.filo-pencere__donanim{ display:grid; gap:6px; }
.filo-pencere__donanim li{
  display:flex; align-items:flex-start; gap:12px; padding:10px 16px 10px 12px; border-radius:var(--r-kucuk);
  background:var(--gok); font-size:15px; font-weight:600; line-height:1.45; color:var(--murekkep);
}
.filo-pencere__donanim .yay{ --boy:18px; margin-top:1px; 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:19px; font-weight:900; color:var(--mavi); text-decoration:none;
}
.filo-pencere__tel .eva{ font-size:21px; line-height:1; color:var(--turuncu-yazi); }
.filo-pencere__tel:hover{ color:var(--mavi-2); }
@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); border-radius:22px; }
  .filo-pencere__kapat{ top:10px; right:10px; }
  .filo-pencere__olcu dd{ font-size:22px; }
  .filo-pencere__aksiyon .btn{ flex:1 1 100%; }
  .filo-pencere__tel{ flex:1 1 100%; justify-content:center; }
}
@keyframes filoPencereAc{ from{ opacity:0; transform:translateY(16px) scale(.985); } to{ opacity:1; transform:none; } }
@keyframes filoPerdeAc{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:no-preference){
  .filo-pencere[open]{ animation:filoPencereAc .34s var(--hero-egri); }
  .filo-pencere[open]::backdrop{ animation:filoPerdeAc .3s ease; }
}
@media (prefers-reduced-motion:reduce){
  .filo-kart,.filo-kart__gorsel img,.filo-kart__ac,.filo-kart__ac .eva,.filo-resim-kutu img{ transition:none; }
}
@media (forced-colors:active){
  .filo-kart,.filo-pencere,.filo-filtre-btn,.filo-gorunum-btn{ border:1px solid CanvasText; }
  .filo-filtre-btn[aria-pressed="true"],.filo-gorunum-btn[aria-pressed="true"]{ forced-color-adjust:none; background:Highlight; color:HighlightText; }
}

.filo-guvenlik-kutu{
  background:var(--gok); border-left:4px solid var(--turuncu); border-radius:var(--r-kucuk);
  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(--baslik); font-size:20px; font-weight:800; color:var(--mavi-gece); margin-bottom:6px;
}
.filo-guvenlik-kutu__metin{
  font-size:14.5px; line-height:1.6; color:var(--murekkep-2); margin:0;
}
@media (max-width:768px){
  .filo-kontrol-bari{ flex-direction:column; align-items:stretch; }
  /* yatay kayan süzgeç: odak halkası 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; }
}

/* SSS Accordion Alternatif & Genel Stiller */
.sss-liste{ display:grid; gap:12px; }
.sss-oge summary .sss-soru{ all:inherit; }
.sss-soru{
  padding:16px 20px 16px 24px; font-family:var(--baslik); font-size:18px; font-weight:800;
  color:var(--mavi-gece); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;
}
.sss-cevap{ padding:0 24px 22px; color:var(--murekkep-2); font-size:16px; }

/* --- YÖNTEM: Beş Direk Süreç Hat Çizelgesi --- */
.hat{ position:relative; display:grid; gap:34px; list-style:none; margin:0; padding:0; }
@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); border-radius:var(--r-kucuk);
}
.direk__dugum .yay{ --boy:28px; }
.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; }

/* =========================================================================
   İÇ SAYFA DÜZELTMELERİ — görünümler ASTAN'ın koyu/köşeli düzeninden
   kopyalanmıştı; satır içi stillerin yerini YAYLAR dilinde sınıflar alır.
   ========================================================================= */

.btn--kucuk{ min-height:44px; padding-inline:18px; font-size:14.5px; }

/* --- İstatistik bandı: .kademe anasayfada yan yana (değer | metin) tasarlandı;
       dar bant sütununda metni harf harf alt alta düşürüyordu ---------------- */
.kapsam-bandi__bas{ font-size:clamp(22px,2.2vw,30px); overflow-wrap:normal; word-break:normal; hyphens:manual; }
.kapsam-bandi .kademe{ align-content:center; }
.kapsam-bandi .kademe .kademe__deger{
  min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:0 .25em;
  font-size:clamp(28px,2.5vw,36px);
}
.kapsam-bandi .kademe .kademe__deger small{ margin-left:0; }
@media (min-width:800px){
  .kapsam-bandi__ic{ grid-template-columns:minmax(200px,1fr) repeat(3,minmax(0,1fr)); }
  .kapsam-bandi .kademe{ grid-template-columns:minmax(0,1fr); gap:4px; padding:20px 22px; align-self:stretch; }
}
@media (min-width:640px) and (max-width:799px){
  .kapsam-bandi--dortlu .kademe{ grid-template-columns:minmax(0,1fr); gap:4px; }
}
/* dört istatistikte başlık kendi satırına çıkar; 140px sütunda kelime bölünüyordu */
@media (min-width:1024px){
  .kapsam-bandi--dortlu .kapsam-bandi__ic{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .kapsam-bandi--dortlu .kapsam-bandi__bas{ grid-column:1/-1; }
  .kapsam-bandi--dortlu .kapsam-bandi__bas br{ display:none; }
}
/* hero kartının hemen altındaki bant: tam genişlikte karta yapışıyordu; o da
   hero gibi içeri çekilmiş yuvarlak panel olur, arada dış boşluk kalır */
.sayfa-hero + .kapsam-bandi{
  margin:clamp(14px,1.6vw,22px) var(--pad-dis) 0;
  border-radius:var(--r); box-shadow:var(--golge-hafif);
}
/* içerik kabının içinde kutu hâli (hizmet detayı) */
.kapsam-bandi--kutu{ border-radius:var(--r); padding-block:clamp(20px,2.6vw,30px); margin-bottom:36px; box-shadow:var(--golge-hafif); }
.kapsam-bandi--kutu .kapsam-bandi__bas{ font-size:clamp(20px,1.8vw,24px); }

/* --- ÇAĞRI BANDI: yuvarlak mavi panel, köşede logonun yayları ----------- */
.cagri-bandi:not(.cagri-bandi--tam),.cagri-bandi--tam .cagri-bandi__ic{
  position:relative; overflow:hidden; isolation:isolate;
  display:grid; gap:22px 40px; align-items:center;
  padding:clamp(30px,4vw,52px) clamp(24px,4vw,56px);
  background:linear-gradient(135deg,var(--mavi) 0%,var(--mavi-gece) 100%); color:#fff;
  border-radius:var(--r); box-shadow:var(--golge);
}
.cagri-bandi:not(.cagri-bandi--tam){ margin-top:56px; }
.cagri-bandi:not(.cagri-bandi--tam)::after,.cagri-bandi--tam .cagri-bandi__ic::after{
  content:""; position:absolute; z-index:-1; right:-70px; top:50%; transform:translateY(-50%);
  width:clamp(240px,26vw,340px); aspect-ratio:1; background:rgba(255,255,255,.07); pointer-events:none;
  -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.cagri-bandi__bas{ color:#fff; font-size:clamp(26px,2.8vw,38px); line-height:1.12; margin-bottom:10px; max-width:24ch; }
.cagri-bandi__metin p{ color:rgba(255,255,255,.84); font-size:16.5px; max-width:58ch; }
.cagri-bandi__aksiyon{ display:flex; flex-wrap:wrap; gap:12px; }
.cagri-bandi .btn--lacivert{ background:var(--turuncu); color:var(--lacivert-uzeri); box-shadow:0 10px 22px -12px rgba(255,97,0,.8); }
.cagri-bandi .btn--lacivert:hover{ background:var(--turuncu-2); }
.cagri-bandi .btn--hayalet{ color:#fff; border-color:rgba(255,255,255,.6); }
.cagri-bandi .btn--hayalet:hover{ background:#fff; color:var(--mavi); border-color:#fff; opacity:1; }
@media (min-width:900px){
  .cagri-bandi:not(.cagri-bandi--tam),.cagri-bandi--tam .cagri-bandi__ic{ 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): panel kap genişliğinde ortalanır */
.cagri-bandi--tam{ padding:0 var(--pad) clamp(72px,9vw,118px); }
.cagri-bandi--tam .cagri-bandi__ic{ max-width:calc(var(--kap) - 2 * var(--pad)); margin-inline:auto; }

/* --- 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)); }
}
.kart > .yay{ align-self:flex-start; }
.kart--koyu{ background:var(--gece-2); border-color:var(--ak-cizgi); color:#fff; box-shadow:none; }
.kart--koyu h3{ color:#fff; }
.kart--koyu p{ color:var(--ak-72); }

/* --- Belge ızgarası: 3 belge 4 sütunda sağda boşluk bırakmasın ---------- */
@media (min-width:1080px){ .belge-izgara{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); } }
/* belge zemini (--gok) sayfa zeminiyle aynı; beyaz olmayan bölümde kart kaybolup
   yalnız üst yay çizgisi havada kalıyordu */
.bolum:not(.bolum--beyaz) .belge{ background:#fff; box-shadow:var(--golge-hafif); }

/* --- Karo ızgarası: 4 karo (ör. yayınlar) 3 sütuna düşüp tek karo kalmasın */
@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)); }
}
/* koyu bölümdeki teklif düğmesi lacivert zeminde kayboluyordu */
.bolum--gece .btn--dolu{ background:var(--turuncu); color:var(--lacivert-uzeri); }
.bolum--gece .btn--dolu:hover{ background:var(--turuncu-2); }

/* --- Gerilim kademesi kodu: "34,5 kV" 140px sütuna sığmıyordu ----------- */
.satir__kod small{
  font-family:var(--mono); font-weight:700; font-size:max(14px,.24em); letter-spacing:.06em;
  -webkit-text-stroke:0; color:var(--turuncu-yazi); margin-left:6px;
}
.satirlar--kademe .satir__kod{ font-size:clamp(52px,4.8vw,72px); white-space:nowrap; }
@media (min-width:900px){
  .satirlar--kademe .satir{ grid-template-columns:minmax(0,210px) minmax(0,1.25fr) 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; }
.karo__link{
  margin-top:auto; padding-top:12px; display:inline-flex; align-items:center; gap:6px;
  font-family:var(--baslik); font-weight:800; font-size:14.5px; color:var(--mavi); text-decoration:none;
}
.karo:hover .karo__link,.karo__link:hover{ color:var(--turuncu-yazi); }
.karo__ust{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.karo__tarih{ font-family:var(--mono); font-size:13px; color:var(--murekkep-3); }
.karo--yayin h3{ font-size:20px; line-height:1.25; }
.karo--yayin h3 a{ color:inherit; text-decoration:none; }
.karo--yayin h3 a:hover{ color:var(--mavi); }
.karo--yayin .karo__link{ min-height:var(--dokunma); border-top:1px solid var(--cizgi); }

/* --- Hizmet görselleri: hizmet karoları ve hizmet detayının ana görseli -- */
.karo__gorsel{
  display:block; aspect-ratio:16/10; overflow:hidden; margin-bottom:6px;
  border-radius:calc(var(--r-kucuk) - 4px); background:var(--gok-2);
}
.karo__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.karo:hover .karo__gorsel img{ transform:scale(1.04); }
.hizmet-detay__gorsel{
  display:block; aspect-ratio:16/9; overflow:hidden; margin-bottom:clamp(24px,3vw,36px);
  border-radius:var(--r); background:var(--gok-2); box-shadow:var(--golge-hafif);
}
.hizmet-detay__gorsel img{ display:block; width:100%; height:100%; object-fit:cover; }
@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) --------- */
.duyuru-izgara{ display:grid; gap:24px; }
@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;
  border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif);
  transition:transform .25s ease, box-shadow .25s ease;
}
.duyuru-kart:hover{ transform:translateY(-3px); box-shadow:var(--golge); }
.duyuru-kart__gorsel{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--gok-2); }
.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:hover .duyuru-kart__gorsel img{ transform:scale(1.04); }
.duyuru-kart__gorsel--bos{ display:grid; place-items:center; background:var(--mavi-gece); }
.duyuru-kart__gorsel--bos .yay{ --boy:clamp(72px,9vw,110px); color:rgba(255,255,255,.16); }
.duyuru-kart__yeni{
  position:absolute; top:14px; right:14px; padding:6px 12px; border-radius:var(--hap);
  background:var(--turuncu); color:var(--lacivert-uzeri);
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.08em;
}
.duyuru-kart__govde{ display:flex; flex-direction:column; flex:1; gap:12px; padding:24px; }
.duyuru-kart__baslik{ font-size:20px; line-height:1.25; }
.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:hover .duyuru-kart__baslik a{ color:var(--mavi); }
.duyuru-kart__ozet{
  font-size:15.5px; line-height:1.6; color:var(--murekkep-2);
  display:-webkit-box; -webkit-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(--baslik); font-weight:800; font-size:14.5px; color:var(--mavi); transition:color .2s ease;
}
.duyuru-kart__link .eva{ font-size:18px; line-height:1; transition:transform .25s var(--hero-egri); }
.duyuru-kart:hover .duyuru-kart__link{ color:var(--turuncu-yazi); }
.duyuru-kart:hover .duyuru-kart__link .eva{ 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(24px,2.4vw,32px); }
  .duyuru-kart--one .duyuru-kart__ozet{ font-size:17px; -webkit-line-clamp:4; }
  .duyuru-kart--one .duyuru-kart__link{ margin-top:8px; }
}

/* --- Duyuru detay: hero künyesi, kapak + metin kartı, galeri ------------- */
.duyuru-hero__rozetler{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:18px; }
.sayfa-hero--duyuru .etiket-ust{
  margin:0; min-height:32px; padding:4px 14px 4px 8px; border-radius:var(--hap);
  background:rgba(255,255,255,.1); color:#FFB27F; font-size:14px;
}
.sayfa-hero--duyuru h1{ font-size:clamp(28px,3.4vw,46px); max-width:28em; margin-bottom:16px; }
.sayfa-hero--duyuru .duyuru-hero__ozet{ max-width:66ch; }
.duyuru-hero__kunye{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.duyuru-hero__kunye li{
  display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 14px; border-radius:var(--hap);
  background:rgba(0,30,54,.45); font-family:var(--mono); font-size:13px; font-weight:700; letter-spacing:.06em; 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:#FFB27F; }
.duyuru-hero__kunye .eva{ font-size:17px; line-height:1; color:#FF944D; }

.duyuru-detay{ padding-top:clamp(40px,5vw,72px); }
.duyuru-detay-izgara{ display:grid; gap:clamp(24px,3vw,36px); align-items:start; }
@media (min-width:1024px){
  .duyuru-detay-izgara{ grid-template-columns:minmax(0,1fr) minmax(300px,340px); }
  .duyuru-yan{ position:sticky; top:calc(var(--hdr) + 20px); }
}
.duyuru-makale{ min-width:0; padding:clamp(18px,3vw,40px); border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif); }

.duyuru-kapak{ margin:0 0 clamp(24px,3vw,36px); }
.duyuru-kapak a{ position:relative; display:block; overflow:hidden; aspect-ratio:16/9; border-radius:var(--r-kucuk); background:var(--gok-2); }
.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:hover .proje-galeri__buyut,.duyuru-kapak a:focus-visible .proje-galeri__buyut{ opacity:1; transform:none; }

/* 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 h4{ font-size:19px; font-weight:800; color:var(--mavi-gece); }
.duyuru-metin ol{ list-style:decimal; margin-left:24px; margin-bottom:20px; color:var(--murekkep-2); }
.duyuru-metin a{ color:var(--mavi); text-decoration:underline; text-underline-offset:3px; }
.duyuru-metin a:hover{ color:var(--turuncu-yazi); }
.duyuru-metin strong{ color:var(--murekkep); }
.duyuru-metin img{ display:block; max-width:100%; height:auto; margin-block:8px; border-radius:var(--r-kucuk); }
.duyuru-metin figure{ margin:8px 0; }
.duyuru-metin figcaption{ margin-top:8px; font-size:14px; color:var(--murekkep-3); }
.duyuru-metin blockquote{
  margin:8px 0 20px; padding:16px 22px; border-left:4px solid var(--turuncu);
  border-radius:0 var(--r-kucuk) var(--r-kucuk) 0; background:var(--gok); color:var(--murekkep); font-weight:500;
}
.duyuru-metin blockquote p{ margin:0; color:inherit; }
.duyuru-metin table{ display:block; max-width:100%; overflow-x:auto; 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(--gok); color:var(--mavi-gece); }
.duyuru-metin hr{ border:0; border-top:1px solid var(--cizgi); margin:12px 0; }

.duyuru-galeri{ margin-top:clamp(32px,4vw,48px); padding-top:clamp(24px,3vw,32px); border-top:1px solid var(--cizgi); }
.duyuru-detay .duyuru-makale > .duyuru-galeri:first-child{ margin-top:0; padding-top:0; border-top:0; }
.duyuru-galeri__bas{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-bottom:20px; }
.duyuru-galeri__bas h2{ font-size:clamp(20px,2vw,26px); }
.duyuru-galeri .proje-galeri--1 .proje-galeri__oge{ grid-column:1/-1; grid-row:span 3; }

.duyuru-ilgili .bolum__ust{ max-width:none; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 24px; }
.duyuru-ilgili .bolum__ust .bas{ margin-bottom:0; }

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

/* --- İletişim / yan sütun formu ve danışma hattı kutusu ------------------ */
/* form kartının zemini (--gok) sayfa zeminiyle aynı; beyaz bölüm dışında kart beyaz,
   alanlar --gok olur (anasayfadaki beyaz bölüm + --gok kartın tersi) */
.bolum:not(.bolum--beyaz) .form-kart{ background:#fff; box-shadow:var(--golge-hafif); }
.bolum:not(.bolum--beyaz) .form-kart .alan :is(input,select,textarea){ background-color:var(--gok); box-shadow:none; }
.bolum:not(.bolum--beyaz) .form-kart .alan :is(input,select,textarea):focus{ background-color:#fff; }
.bolum:not(.bolum--beyaz) .form-kart .alan [aria-invalid="true"]{ background-color:#FDF4F3; }
.form-kart--yan{ margin-bottom:20px; border:1px solid var(--cizgi); }
.hat-kutusu{
  position:relative; overflow:hidden; isolation:isolate; padding:24px 26px;
  border-radius:var(--r); background:var(--mavi-gece); color:#fff;
}
.hat-kutusu::after{
  content:""; position:absolute; z-index:-1; right:-46px; bottom:-56px; width:170px; aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.07); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.hat-kutusu__etiket{ font-size:13px; font-weight:700; color:#FFB27F; 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:#FFB27F; }
.hat-kutusu__not{ font-size:14px; color:rgba(255,255,255,.72); margin-top:4px; }

.proje-kart__kunye-oge--vurgu dd{ color:var(--mavi); font-weight:800; }


/* =========================================================================
   PROJE DETAY — proje dosyası düzeni (Astan'daki yapı) YAYLAR dilinde:
   mavi hero kartında künye + yuvarlak kapak kadrajı + işveren şeridi, metraj
   bandı, yay halkalı numaralı beyaz içerik kartları, yapışkan sözleşme kartı,
   önceki/sonraki gezinti ve galeri ışık kutusu.
   ========================================================================= */
.sayfa-hero--proje{ padding-block:clamp(30px,4vw,52px) clamp(18px,2.2vw,28px); }
.sayfa-hero--proje .kap{ display:block; }
.proje-hero{ display:grid; gap:32px 56px; align-items:center; padding-block:6px clamp(28px,3.6vw,44px); }
@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 .etiket-ust{
  margin:0; min-height:32px; padding:4px 14px 4px 8px; border-radius:var(--hap);
  background:rgba(255,255,255,.1); color:#FFB27F; font-size:14px;
}
.sayfa-hero--proje h1{ font-size:clamp(28px,3.6vw,48px); max-width:none; margin-bottom:16px; }
.sayfa-hero--proje .proje-hero__ozet{ max-width:60ch; }
.proje-hero__aksiyon{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.proje-hero__aksiyon .btn--hayalet{ color:#fff; border-color:rgba(255,255,255,.6); }
.proje-hero__aksiyon .btn--hayalet:hover{ background:#fff; color:var(--mavi); border-color:#fff; opacity:1; }
@media (max-width:639px){ .proje-hero__aksiyon .btn{ flex:1 1 100%; } }

.proje-rozet{
  display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:4px 14px; border-radius:var(--hap);
  font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.1em; color:#fff;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32);
}
.proje-rozet--devam{ background:var(--turuncu); color:var(--lacivert-uzeri); box-shadow:none; }
.proje-rozet--devam::before{ content:""; flex:none; width:8px; height:8px; border-radius:50%; background:currentColor; }
.proje-rozet--tamam::before{ content:"✓"; color:#FF944D; font-weight:700; }
@keyframes projeNabiz{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(1.3); } }
@media (prefers-reduced-motion:no-preference){ .proje-rozet--devam::before{ animation:projeNabiz 1.6s infinite; } }

/* kapak kadrajı: yuvarlak fotoğraf, köşesinde logonun yayları, altta konum · yıl hapı */
.proje-hero__kadraj{ position:relative; margin:0; aspect-ratio:4/3; }
.proje-hero__kadraj img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  border-radius:var(--r); background:var(--gece-2); box-shadow:0 26px 54px -26px rgba(0,0,0,.6);
}
.proje-hero__kadraj > .yay{ position:absolute; z-index:2; right:clamp(-30px,-2vw,-14px); top:clamp(-30px,-2vw,-14px); --boy:clamp(84px,9vw,128px); color:var(--turuncu); }
.proje-hero__kadraj-etiket{
  position:absolute; z-index:1; left:14px; right:14px; bottom:14px;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:6px 6px 6px 14px; border-radius:var(--hap); background:rgba(0,30,54,.8);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.1em; color:#fff;
}
.proje-hero__kadraj-etiket > span{ display:inline-flex; align-items:center; gap:8px; min-width:0; }
.proje-hero__kadraj-etiket .eva{ font-size:18px; line-height:1; color:#FF944D; }
.proje-hero__kadraj-etiket .tabular-nums{ flex:none; padding:5px 12px; border-radius:var(--hap); background:var(--turuncu); color:var(--lacivert-uzeri); }
@media (max-width:959px){ .proje-hero__kadraj{ aspect-ratio:16/10; } }

/* işveren · yüklenici · yıl · lokasyon · iş türü şeridi: kıl çizgili yuvarlak iç panel */
.proje-kunye-serit{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0;
  border-radius:var(--r-kucuk); overflow:hidden; background:rgba(255,255,255,.14);
}
.proje-kunye-serit__oge{ min-width:0; padding:16px 18px; background:rgba(0,30,54,.62); }
.proje-kunye-serit__oge--genis,.proje-kunye-serit__oge:nth-child(even):last-child{ grid-column:1/-1; }
.proje-kunye-serit dt{ margin-bottom:4px; font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.12em; color:rgba(255,255,255,.62); }
.proje-kunye-serit dd{ margin:0; font-weight:700; 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); }
  .proje-kunye-serit__oge{ padding:18px 22px 20px; }
  .proje-kunye-serit__oge--genis,.proje-kunye-serit__oge:nth-child(even):last-child{ grid-column:auto; }
}

/* metraj bandı: kapsam-bandi'nin rakam dili, kalem sayısına göre sütun
   (dört kalemde sitenin kapsam-bandi--dortlu düzeni geçerli) */
@media (min-width:640px) and (max-width:799px){
  .proje-metraj:not(.kapsam-bandi--dortlu) .kapsam-bandi__ic{ grid-template-columns:repeat(var(--adet,3),minmax(0,1fr)); gap:14px; }
  .proje-metraj .kademe{ grid-template-columns:minmax(0,1fr); gap:4px; align-self:stretch; align-content:start; }
}
@media (min-width:640px) and (max-width:1023px){
  .proje-metraj .kapsam-bandi__bas{ grid-column:1/-1; }
  .proje-metraj .kapsam-bandi__bas br{ display:none; }
}
@media (min-width:800px){
  .proje-metraj:not(.kapsam-bandi--dortlu) .kapsam-bandi__ic{ grid-template-columns:minmax(180px,.9fr) repeat(var(--adet,3),minmax(0,1fr)); }
}
@media (min-width:800px) and (max-width:1023px){
  .proje-metraj:not(.kapsam-bandi--dortlu) .kapsam-bandi__ic{ grid-template-columns:repeat(var(--adet,3),minmax(0,1fr)); }
}

/* ana ızgara */
.proje-detay{ padding-top:clamp(40px,5vw,72px); }
.proje-detay-izgara{ display:grid; gap:clamp(24px,3vw,36px); 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(20px,2.4vw,28px); min-width:0; }

/* numaralı içerik kartı: numara, süreç adımlarındaki gibi logonun yaylarının ortasında */
.proje-blok{ min-width:0; padding:clamp(22px,3vw,40px); border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif); }
.proje-blok__bas{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-bottom:clamp(20px,2.4vw,28px); }
.proje-blok__no{ position:relative; flex:none; width:60px; height:60px; display:grid; place-items:center; }
.proje-blok__no .yay{ position:absolute; inset:0; --boy:60px; color:var(--turuncu); }
.proje-blok__sira{
  position:relative; width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
  background:var(--mavi); box-shadow:0 0 0 3px var(--kagit);
  font-family:var(--mono); font-weight:700; font-size:13px; letter-spacing:.04em; color:#fff;
}
.proje-blok__bas h2{ flex:1 1 16ch; min-width:0; font-size:clamp(22px,2.4vw,30px); }
.proje-blok__sayi{
  padding:6px 14px; border-radius:var(--hap); background:var(--gok);
  font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.1em; color:var(--murekkep-2);
}

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

.proje-alt-bas{
  margin:30px 0 12px; font-family:var(--mono); font-weight:700; font-size:12.5px;
  letter-spacing:.14em; line-height:1.5; color:var(--turuncu-yazi);
}
.proje-kalemler{ display:grid; gap:8px; }
.proje-kalemler li{
  display:flex; align-items:flex-start; gap:14px; padding:12px 18px 12px 14px;
  border-radius:var(--r-kucuk); background:var(--gok); font-weight:600; color:var(--murekkep);
}
.proje-kalemler .yay{ --boy:20px; margin-top:4px; color:var(--turuncu); }

/* 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:last-child{ border-bottom:0; }
.proje-teknik tr:hover{ background:var(--gok); }
.proje-teknik th,.proje-teknik td{ padding:15px 14px; text-align:left; vertical-align:baseline; }
.proje-teknik th{
  width:38%; font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--murekkep-3);
}
.proje-teknik td{ font-weight:700; color:var(--murekkep); }
.proje-teknik .proje-teknik__no{ width:52px; padding-left:4px; font-family:var(--mono); font-size:12px; color:var(--turuncu-yazi); }
@media (max-width:639px){
  .proje-teknik,.proje-teknik tbody{ display:block; }
  .proje-teknik tr{ display:grid; grid-template-columns:36px 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; padding-left:0; }
}

/* 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(100px,11vw,150px); }
.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 a{
  position:absolute; inset:0; display:block; overflow:hidden; isolation:isolate;
  border-radius:var(--r-kucuk); background:var(--mavi-gece); text-decoration: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(0,30,54,0) 55%,rgba(0,30,54,.62) 100%); pointer-events:none; }
.proje-galeri__no{
  position:absolute; z-index:1; left:12px; bottom:12px; padding:3px 10px; border-radius:var(--hap);
  background:rgba(0,30,54,.72); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; color:#fff;
}
.proje-galeri__buyut{
  position:absolute; z-index:1; right:10px; top:10px; width:40px; height:40px; display:grid; place-items:center;
  border-radius:50%; background:#fff; color:var(--mavi); box-shadow:var(--golge-hafif);
  opacity:0; transform:scale(.8); transition:opacity .25s ease, transform .25s var(--hero-egri);
}
.proje-galeri__buyut .eva{ font-size:20px; line-height:1; }
.proje-galeri__fazla{
  position:absolute; inset:0; z-index:1; display:grid; place-items:center; background:rgba(0,30,54,.62);
  font-family:var(--baslik); font-weight:900; font-size:clamp(30px,3.6vw,44px); 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:36px; height:36px; } }
@media (max-width:639px){
  .proje-galeri{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:clamp(96px,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 kartı */
.proje-yan{ display:grid; gap:16px; align-content:start; min-width:0; }
/* yan sütun ~980px: yalnız tamamen sığdığı ekranda yapışkan, yoksa alt kartı ekran dışında kalır */
@media (min-width:1024px) and (min-height:1100px){ .proje-yan{ position:sticky; top:calc(var(--hdr) + 20px); } }
.proje-sozlesme{
  position:relative; overflow:hidden; isolation:isolate; padding:clamp(24px,2.6vw,30px);
  border-radius:var(--r); background:var(--mavi-gece); color:#fff; box-shadow:var(--golge);
}
.proje-sozlesme::after{
  content:""; position:absolute; z-index:-1; right:-70px; bottom:-80px; width:250px; aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.06); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.proje-sozlesme__etiket{
  margin-bottom:8px; font-family:var(--mono); font-size:12px; font-weight:700; line-height:1.5;
  letter-spacing:.14em; color:#FFB27F;
}
.proje-sozlesme__durum{ display:flex; align-items:center; gap:12px; font-family:var(--baslik); font-weight:900; font-size:24px; line-height:1.15; }
.proje-sozlesme__durum::before{
  content:"✓"; flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:50%;
  background:var(--turuncu); color:var(--lacivert-uzeri); font-family:var(--govde); font-size:15px; font-weight:800;
}
.proje-sozlesme__durum--devam::before{
  content:""; background:transparent;
  box-shadow:inset 0 0 0 2px var(--turuncu), inset 0 0 0 7px var(--mavi-gece), inset 0 0 0 15px var(--turuncu);
}
.proje-sozlesme__tutarlar{ display:grid; gap:8px; margin-top:20px; }
.proje-tutar{ padding:14px 16px; border-radius:var(--r-kucuk); background:rgba(255,255,255,.07); }
.proje-tutar dt{ margin-bottom:2px; font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.12em; color:rgba(255,255,255,.66); }
.proje-tutar dd{ margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; }
.proje-tutar__deger{ font-family:var(--baslik); font-weight:900; font-size:23px; line-height:1.15; letter-spacing:0; }
.proje-tutar__birim{ font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; color:rgba(255,255,255,.72); }
.proje-tutar--vurgu{ background:var(--turuncu); color:var(--lacivert-uzeri); }
.proje-tutar--vurgu dt,.proje-tutar--vurgu .proje-tutar__birim{ color:var(--lacivert-uzeri); }
.proje-tutar--vurgu .proje-tutar__deger{ font-size:clamp(26px,2.4vw,31px); }

.proje-yan__cagri{
  display:grid; gap:12px; padding:clamp(22px,2.4vw,28px);
  border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif);
}
.proje-yan__cagri-bas{ font-family:var(--baslik); font-weight:900; font-size:22px; line-height:1.15; color:var(--mavi-gece); }
.proje-yan__cagri-metin{ font-size:15px; line-height:1.55; color:var(--murekkep-2); }
.proje-yan__cagri .btn{ width:100%; margin-top:4px; }
.proje-yan__tel{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; border-radius:var(--hap);
  background:var(--gok); font-family:var(--baslik); font-weight:900; font-size:21px; color:var(--mavi); text-decoration:none;
  transition:background-color .2s ease;
}
.proje-yan__tel .eva{ font-size:22px; line-height:1; color:var(--turuncu-yazi); }
.proje-yan__tel:hover{ background:var(--gok-2); }
.proje-yan__saat{ text-align:center; font-family:var(--mono); font-size:12px; color:var(--murekkep-3); }

/* önceki / tüm projeler / sonraki */
.proje-gezinti{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; margin-top:clamp(40px,5vw,64px); }
.proje-gezinti__bag{
  display:flex; flex-direction:column; gap:8px; min-width:0; padding:22px 26px;
  border-radius:var(--r); background:var(--kagit); box-shadow:var(--golge-hafif); text-decoration:none;
  transition:box-shadow .25s ease;
}
.proje-gezinti__bag--sonraki{ grid-column:3; align-items:flex-end; text-align:right; }
.proje-gezinti__yon{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.12em; color:var(--turuncu-yazi); }
.proje-gezinti__yon .eva{ font-size:18px; line-height:1; transition:transform .25s var(--hero-egri); }
.proje-gezinti__ad{ font-family:var(--baslik); font-weight:900; font-size:clamp(17px,1.6vw,21px); line-height:1.25; color:var(--mavi-gece); transition:color .2s ease; }
.proje-gezinti__bag:hover{ box-shadow:var(--golge); }
.proje-gezinti__bag:hover .proje-gezinti__ad{ color:var(--mavi); }
.proje-gezinti__bag:hover .eva-arrow-back-outline{ transform:translateX(-4px); }
.proje-gezinti__bag:hover .eva-arrow-forward-outline{ transform:translateX(4px); }
.proje-gezinti__tum{
  grid-column:2; grid-row:1; display:grid; place-items:center; align-content:center; gap:6px; min-width:124px;
  padding:16px 22px; border-radius:var(--r); background:var(--mavi); color:#fff; text-decoration:none;
  font-family:var(--mono); font-size:11.5px; font-weight:700; letter-spacing:.12em; transition:background-color .2s ease;
}
.proje-gezinti__tum .eva{ font-size:26px; line-height:1; color:#FF944D; }
.proje-gezinti__tum:hover{ background:var(--mavi-2); }
@media (max-width:639px){
  .proje-gezinti{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .proje-gezinti__bag{ padding:18px; }
  .proje-gezinti__bag--sonraki{ grid-column:2; }
  .proje-gezinti__ad{ font-size:16px; }
  .proje-gezinti__tum{ grid-column:1/-1; grid-row:2; display:flex; justify-content:center; gap:10px; min-height:52px; border-radius:var(--hap); }
  .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; }
}

/* ilgili projeler + teklif bandı */
.proje-ilgili .bolum__ust{ max-width:none; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 24px; }
.proje-ilgili .bolum__ust .bas{ margin-bottom:0; }
.proje-ilgili .cagri-bandi{ margin-top:clamp(40px,5vw,64px); }
.proje-ilgili .cagri-bandi--ilk{ margin-top:0; }
.proje-ilgili .proje-kart__alt{ gap:12px; padding-top:4px; }
.proje-kart__yuklenici{ min-width:0; font-family:var(--mono); font-size:12px; color:var(--murekkep-3); }

/* 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(--mavi-gece); color:#fff; overflow:hidden;
}
.isik-kutusu[open]{ display:grid; grid-template-rows:auto minmax(0,1fr); }
.isik-kutusu::backdrop{ background:rgba(0,30,54,.6); }
.isik-kutusu::after{
  content:""; position:absolute; left:-120px; bottom:-140px; width:clamp(300px,34vw,520px); aspect-ratio:1; pointer-events:none;
  background:rgba(255,255,255,.04); -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat;
}
.isik-kutusu__ust{
  position:relative; z-index:1; 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(16px + env(safe-area-inset-left,0px));
}
.isik-kutusu__sayac{
  padding:6px 14px; border-radius:var(--hap); background:rgba(255,255,255,.08);
  font-family:var(--mono); font-size:13px; font-weight:700; letter-spacing:.12em; color:rgba(255,255,255,.84);
}
.isik-kutusu__sayac:empty{ visibility:hidden; }
.isik-kutusu__sahne{
  position:relative; z-index:1; 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; border-radius:var(--r-kucuk); }
.isik-kutusu__aciklama{ max-width:70ch; text-align:center; font-size:15px; color:rgba(255,255,255,.78); }
.isik-kutusu__dugme{
  width:48px; height:48px; display:grid; place-items:center; padding:0; cursor:pointer;
  border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff;
  transition:background-color .2s ease, color .2s ease;
}
.isik-kutusu__dugme:hover{ background:var(--turuncu); color:var(--lacivert-uzeri); }
.isik-kutusu__dugme .eva{ font-size:26px; line-height:1; }
.isik-kutusu__ok{ position:absolute; z-index:2; 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,html.pencere-acik{ overflow:hidden; }
@media (prefers-reduced-motion:reduce){
  .proje-galeri__oge img,.proje-galeri__buyut,.proje-gezinti__yon .eva{ transition:none; }
  .proje-galeri__oge a:hover img{ transform:none; }
}
@media (forced-colors:active){
  .proje-hero__kadraj img,.proje-blok,.proje-sozlesme,.proje-yan__cagri,.proje-gezinti__bag,.proje-galeri__oge a{ border:1px solid CanvasText; }
  .proje-rozet--devam::before,.proje-sozlesme__durum::before{ forced-color-adjust:none; }
}
@media print{
  .proje-hero__aksiyon,.proje-galeri__buyut,.proje-yan__cagri,.proje-gezinti,.isik-kutusu,.proje-sozlesme::after,.proje-hero__kadraj > .yay{ display:none !important; }
  .sayfa-hero--proje,.proje-sozlesme,.proje-metraj,.proje-kunye-serit,.proje-kunye-serit__oge,.proje-tutar{ background:#fff !important; color:#000 !important; box-shadow:none !important; }
  .sayfa-hero--proje *,.proje-sozlesme *,.proje-metraj *{ color:#000 !important; }
  .proje-blok,.proje-sozlesme{ box-shadow:none; border:1px solid #999; }
  .proje-yan{ position:static; }
  .proje-blok,.proje-sozlesme,.proje-galeri__oge{ break-inside:avoid; }
}

/* =========================================================================
   forced-colors + baskı
   ========================================================================= */
@media (forced-colors:active){
  .yay,.bolum--mavi::before,.kunye-kart::after,.ayak__panel::before,#mobilMenu::after{ forced-color-adjust:none; background:CanvasText; }
  .nav,.hero__metin,.hero__serit,.is-kart,.belge,.sss-oge,.kademe,.form-kart,.kunye-kart{ border:1px solid CanvasText; }
  .hero__nokta::before{ forced-color-adjust:none; background:radial-gradient(circle, CanvasText 0 4.5px, transparent 5px); }
  .yuzen-dugme,.yukari-cik{ border:2px solid ButtonText; }
}
@media print{
  @page{ margin:14mm; }
  .site-header,#mobilMenu,.hero__serit,.yuzen-iletisim,.yukari-cik,.icerige-gec,[data-imza-bari],.hero__yaylar{ display:none !important; }
  .filo-kontrol-bari,.filo-pencere,.filo-resim-ipucu{ display:none !important; }
  .hero__gorsel,.hero__perde{ display:none !important; }
  .hero__sahne{ min-height:0 !important; background:#fff; }
  .hero__slayt:not(:first-child){ display:none !important; }
  .hero__metin{ box-shadow:none; padding:0; }
  .bolum--mavi,.ayak__panel,.kunye-kart,.cagri-bandi,.cagri-bandi__ic,.hat-kutusu,.kapsam-bandi{ background:#fff !important; color:#000 !important; box-shadow:none !important; }
  .bolum--mavi *,.ayak__panel *,.kunye-kart *,.cagri-bandi *,.hat-kutusu *,.kapsam-bandi *{ color:#000 !important; }
  .neden__oge,.hizmet-satir,.adim,.kademe,.is-kart,.belge,.sss-oge,.kunye-satir{ break-inside:avoid; box-shadow:none; border:1px solid #999; }
  .sss-oge:not([open]) .sss-oge__cevap{ display:block; }
  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; }
}

/* =========================================================================
   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(36px,4.6vw,60px); }
.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(32px,4.4vw,60px); }
.yasal-izgara{ display:grid; gap:clamp(18px,2.6vw,30px); align-items:start; }
@media (min-width:1024px){
  .yasal-izgara{ grid-template-columns:minmax(240px,280px) minmax(0,1fr); }
  .yasal-yan{ position:sticky; top:calc(var(--hdr) + 20px); }
}

/* yan menü: mobilde sarmalı hap sırası, masaüstünde dikey liste */
.yasal-yan{ padding:clamp(16px,2vw,20px); border-radius:var(--r-kucuk); background:var(--kagit); box-shadow:var(--golge-hafif); }
.yasal-yan__baslik{ margin:0 0 12px; padding-inline:6px; font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.1em; color:var(--murekkep-3); }
.yasal-menu{ display:flex; flex-wrap:wrap; gap:8px; }
@media (min-width:1024px){ .yasal-menu{ flex-direction:column; flex-wrap:nowrap; gap:6px; } }
.yasal-menu a{
  display:flex; align-items:center; gap:10px; min-height:var(--dokunma); padding:8px 16px 8px 12px; border-radius:var(--hap);
  background:var(--gok); color:var(--mavi-gece); font-weight:700; font-size:15px; line-height:1.25; text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.yasal-menu a .eva{ flex:none; font-size:20px; line-height:1; color:var(--mavi); transition:color .2s ease; }
.yasal-menu a:hover{ background:var(--gok-2); }
.yasal-menu a[aria-current="page"]{ background:var(--mavi); color:#fff; }
.yasal-menu a[aria-current="page"] .eva{ color:#FF944D; }

/* makale kartı */
.yasal-makale{
  counter-reset:madde; min-width:0; padding:clamp(22px,3.4vw,48px); border-radius:var(--r); background:var(--kagit);
  box-shadow:var(--golge-hafif); 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,.not-kutusu){ max-width:75ch; }
.yasal-makale p{ margin:0 0 16px; }
.yasal-makale strong{ color:var(--murekkep); }
.yasal-makale a{ color:var(--mavi); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.yasal-makale a:hover{ color:var(--mavi-2); }
.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:13px; letter-spacing:.08em; color:var(--murekkep-3);
}
.yasal-makale h2{
  margin:clamp(28px,3.4vw,40px) 0 12px; font-size:clamp(21px,2.2vw,26px); font-weight:800; line-height:1.25; color:var(--mavi-gece);
}
.yasal-makale h2::before{
  counter-increment:madde; content:counter(madde,decimal-leading-zero); margin-right:.55em;
  font-family:var(--mono); font-weight:900; color:var(--turuncu-yazi);
}
.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::marker{ color:var(--turuncu); }
.yasal-makale .not-kutusu{ margin-block:20px; padding:16px 22px; box-shadow:none; }
.yasal-makale .not-kutusu p{ margin:0; }

/* şirket künyesi: unvan, adres, telefon, e-posta */
.yasal-kunye{ margin:20px 0; padding:18px 22px; border-left:4px solid var(--turuncu); border-radius:var(--r-kucuk); background:var(--gok); }
.yasal-kunye dt{ margin-top:12px; font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.1em; color:var(--murekkep-3); }
.yasal-kunye dt:first-child{ margin-top:0; }
.yasal-kunye dd{ margin:2px 0 0; font-weight:700; color:var(--mavi-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); border-radius:var(--r-kucuk); overflow:hidden; }
.yasal-tablo{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.55; }
.yasal-tablo th{
  padding:12px 16px; text-align:left; background:var(--gok); border-bottom:2px solid var(--cizgi);
  font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.08em; color:var(--murekkep-3);
}
.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:700; color:var(--mavi-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:11.5px; font-weight:700; letter-spacing:.1em; color:var(--murekkep-3); }
}

@media (prefers-reduced-motion:reduce){ .yasal-menu a,.yasal-menu a .eva{ transition:none; } }
@media (forced-colors:active){
  .yasal-yan,.yasal-makale,.yasal-tablo-sar{ border:1px solid CanvasText; }
  .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; box-shadow:none !important; padding-block:0; }
  .sayfa-hero--yasal *{ color:#000 !important; }
  .yasal{ padding-top:16px; }
  .yasal-makale{ padding:0; box-shadow:none; font-size:12.5pt; }
  .yasal-makale h2,.yasal-kunye,.yasal-tablo-sar,.yasal-makale .not-kutusu{ break-inside:avoid; }
  .yasal-makale h2{ break-after:avoid; }
}

/* ==========================================================================
   PANELDEN DÜZENLENEN METİNLER (App\Support\SayfaIcerik)
   Editör (Şimşek Editörü) not kutusunu alıntı (blockquote), liste maddelerini
   <li><p> olarak üretir; yasal metinler ve faaliyet detayındaki ek içerik
   bu çıktıyla da bugünkü görünümünü korur.
   ========================================================================== */
.yasal-makale > :is(h3,blockquote){ max-width:75ch; }
.yasal-makale blockquote{
  margin:20px 0; padding:16px 22px; border-left:4px solid var(--turuncu); border-radius:var(--r-kucuk); background:var(--gok);
}
.yasal-makale blockquote p{ margin:0; }
.yasal-makale h3{ margin:24px 0 10px; font-size:clamp(18px,1.8vw,21px); font-weight:800; line-height:1.3; color:var(--mavi-gece); }
.yasal-makale li > 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(--gok); color:var(--mavi-gece); }
@media print{ .yasal-makale blockquote{ break-inside:avoid; } }

.detay-metin ol{ list-style:decimal; margin-left:24px; margin-bottom:20px; color:var(--murekkep-2); }
.detay-metin li > p{ margin:0; }
.detay-metin a{ color:var(--mavi); text-decoration:underline; text-underline-offset:3px; }
.detay-metin blockquote{
  margin:0 0 20px; padding:16px 22px; border-left:4px solid var(--turuncu);
  border-radius:0 var(--r-kucuk) var(--r-kucuk) 0; background:var(--gok); color:var(--murekkep);
}
.detay-metin blockquote p{ margin:0; }
.detay-metin img{ display:block; max-width:100%; height:auto; border-radius:var(--r-kucuk); }

/* Formlardaki aydınlatma metni penceresi: paragraftaki {eposta} bağlantısı */
.kvkk-pencere__metin a{ color:#FF6100; font-weight:600; }


/* ===========================================================================
   BAKIM SAYFASI (views/bakim.blade.php): panelden bakım modu açıkken tüm adreslerde.
   Açık gök zemini, ortada yüzen yuvarlak panel, köşelerde logonun C yayları, hap kanallar.
   =========================================================================== */
.bakim-sayfa{ min-height:100svh; display:flex; flex-direction:column; background:var(--gok); color:var(--murekkep); }
.bakim{ flex:1 0 auto; display:flex; align-items:center; justify-content:center; padding:clamp(16px,5vh,56px) var(--pad-dis); }
.bakim__ic{ position:relative; overflow:hidden; isolation:isolate; width:min(100%,940px); padding:clamp(36px,6vw,72px) clamp(22px,5vw,72px); background:var(--kagit); border-radius:var(--r); box-shadow:var(--golge); text-align:center; }
.bakim__ic::before,.bakim__ic::after{ content:""; position:absolute; z-index:-1; aspect-ratio:1; -webkit-mask:var(--m-yay) center/contain no-repeat; mask:var(--m-yay) center/contain no-repeat; }
.bakim__ic::before{ top:clamp(-150px,-12vw,-70px); right:clamp(-150px,-12vw,-70px); width:clamp(240px,34vw,420px); background:rgba(0,61,106,.07); }
.bakim__ic::after{ bottom:clamp(-90px,-8vw,-50px); left:clamp(-90px,-8vw,-50px); width:clamp(150px,20vw,240px); background:rgba(255,97,0,.12); transform:rotate(180deg); }
.bakim__logo{ display:block; width:auto; height:clamp(56px,9vh,76px); margin:0 auto clamp(24px,4vh,36px); }
.bakim__etiket{ display:inline-flex; margin:0 0 14px; padding:6px 16px; border-radius:var(--hap); background:rgba(255,97,0,.1); color:var(--turuncu-yazi); font:700 13px/1.4 var(--mono); letter-spacing:.08em; }
.bakim__baslik{ margin:0; font:700 clamp(30px,4.4vw,42px)/1.15 var(--baslik); letter-spacing:-.01em; color:var(--mavi); text-wrap:balance; }
.bakim__metin{ margin:14px auto 0; max-width:34em; color:var(--murekkep-2); font-size:clamp(16px,1.4vw,18px); line-height:1.6; white-space:pre-line; }
.bakim__iletisim{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:clamp(26px,4vh,38px) 0 0; padding:0; }
.bakim__kanal{ display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:8px 20px; border-radius:var(--hap); background:var(--gok); color:var(--mavi); text-decoration:none; transition:background-color .2s ease; }
.bakim__kanal-ad{ font:700 12px/1.2 var(--mono); letter-spacing:.06em; color:var(--murekkep-3); }
.bakim__kanal-deger{ font-size:16px; font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
@media (hover:hover) and (pointer:fine){ .bakim__kanal:hover{ background:var(--gok-2); } }
@media (max-width:639px){
  .bakim__iletisim{ flex-direction:column; }
  .bakim__kanal{ width:100%; flex-wrap:wrap; justify-content:center; gap:0 10px; }
}
@media (prefers-reduced-motion:reduce){ .bakim__kanal{ transition:none; } }