/* ==========================================================================
   Kutbilge Elektrik — style.css
   Renk sistemi kablo renk kodlarından türetilmiştir:
   nötr mavi, topraklama sarı-yeşil, pano grisi, faz siyahı.
   ========================================================================== */

:root{
  /* Renk */
  --faz:        #0E1116;   /* faz siyahı — koyu bölümler */
  --faz-2:      #17202B;   /* koyu yüzey */
  --notr:       #1E4FD8;   /* nötr mavi — ana marka rengi */
  --notr-koyu:  #163BA6;
  --notr-acik:  #EAF0FF;
  --toprak-s:   #F5C518;   /* topraklama sarısı — vurgu / eylem */
  --toprak-y:   #17A44C;   /* topraklama yeşili — yalnız şeritte */
  --pano:       #F3F5F7;   /* sayfa zemini */
  --kagit:      #FFFFFF;
  --cizgi:      #E1E6EC;
  --metin:      #131A22;
  --metin-2:    #566274;

  /* Tipografi */
  --display: "Archivo", system-ui, sans-serif;
  --govde:   "Karla", system-ui, sans-serif;

  /* Ölçü */
  --en: 1180px;
  --r:  12px;
  --r-s: 8px;
  --golge: 0 1px 2px rgba(14,17,22,.05), 0 8px 28px rgba(14,17,22,.07);
  --golge-yuksek: 0 18px 50px rgba(14,17,22,.16);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:96px; }

body{
  margin:0;
  font-family:var(--govde);
  font-size:17px;
  line-height:1.7;
  color:var(--metin);
  background:var(--pano);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-bottom:0;
}

img{ max-width:100%; display:block; }
a{ color:var(--notr); text-decoration:none; }
a:hover{ text-decoration:underline; }

h1,h2,h3,h4,h5{
  font-family:var(--display);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 .5em;
  color:var(--metin);
}
h1{ font-size:clamp(2.1rem, 5.2vw, 3.5rem); }
h2{ font-size:clamp(1.7rem, 3.6vw, 2.5rem); }
h3{ font-size:clamp(1.15rem, 2vw, 1.4rem); }
p{ margin:0 0 1.1em; }
ul,ol{ margin:0 0 1.1em; padding-left:1.2em; }
li{ margin-bottom:.45em; }

:focus-visible{
  outline:3px solid var(--toprak-s);
  outline-offset:3px;
  border-radius:4px;
}

.kap{ width:100%; max-width:var(--en); margin-inline:auto; padding-inline:20px; }

.atla{
  position:absolute; left:-9999px; top:0;
  background:var(--toprak-s); color:var(--faz);
  padding:12px 18px; z-index:999; font-weight:700; border-radius:0 0 8px 0;
}
.atla:focus{ left:0; }

/* --- Topraklama şeridi: sitenin imza öğesi --------------------------------- */
.serit{
  height:9px;
  background:repeating-linear-gradient(
    115deg,
    var(--toprak-s) 0 13px,
    var(--toprak-y) 13px 26px
  );
}
.serit--ince{ height:5px; }

/* --- Etiket / göz üstü ---------------------------------------------------- */
.etiket{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--display);
  font-size:.74rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--notr);
  margin-bottom:14px;
}
.etiket::before{
  content:""; width:26px; height:4px; border-radius:2px;
  background:repeating-linear-gradient(115deg,var(--toprak-s) 0 6px,var(--toprak-y) 6px 12px);
}
.etiket--acik{ color:var(--toprak-s); }

/* --- Butonlar ------------------------------------------------------------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--display); font-weight:700; font-size:.98rem;
  padding:14px 24px; border-radius:var(--r-s); border:2px solid transparent;
  cursor:pointer; transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
  text-decoration:none; line-height:1;
}
.btn:hover{ text-decoration:none; transform:translateY(-2px); }
.btn svg{ width:19px; height:19px; flex:none; }

.btn--ara{ background:var(--toprak-s); color:var(--faz); }
.btn--ara:hover{ background:#ffd53d; }
.btn--wa{ background:#22b95c; color:#fff; }
.btn--wa:hover{ background:#1ea452; }
.btn--mavi{ background:var(--notr); color:#fff; }
.btn--mavi:hover{ background:var(--notr-koyu); }
.btn--cizgi{ background:transparent; color:var(--metin); border-color:var(--cizgi); }
.btn--cizgi:hover{ border-color:var(--notr); color:var(--notr); }
.btn--cizgi-acik{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.btn--cizgi-acik:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
.btn--blok{ width:100%; }

/* --- Üst bilgi şeridi ----------------------------------------------------- */
.ustbar{
  background:var(--faz); color:rgba(255,255,255,.72);
  font-size:.83rem; padding:9px 0;
}
.ustbar__ic{ display:flex; align-items:center; justify-content:space-between; gap:18px; }
.ustbar a{ color:#fff; font-weight:600; }
.ustbar__sol{ display:flex; align-items:center; gap:8px; }
.ustbar__sag{ display:flex; align-items:center; gap:20px; }
.ustbar svg{ width:15px; height:15px; vertical-align:-2px; margin-right:6px; }
.ustbar__nokta{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--toprak-s); margin-right:8px;
  box-shadow:0 0 0 0 rgba(245,197,24,.7); animation:nabiz 2.2s infinite;
}
@keyframes nabiz{
  0%{ box-shadow:0 0 0 0 rgba(245,197,24,.65); }
  70%{ box-shadow:0 0 0 9px rgba(245,197,24,0); }
  100%{ box-shadow:0 0 0 0 rgba(245,197,24,0); }
}

/* --- Başlık / menü -------------------------------------------------------- */
.tepe{
  position:sticky; top:0; z-index:120;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(150%) blur(10px);
  border-bottom:1px solid var(--cizgi);
}
.tepe__ic{ display:flex; align-items:center; gap:24px; height:76px; }

.logo{ display:flex; align-items:center; gap:11px; text-decoration:none; flex:none; }
.logo:hover{ text-decoration:none; }
.logo__mark{ width:42px; height:42px; flex:none; }
.logo__yazi{ display:flex; flex-direction:column; line-height:1; }
.logo__ad{
  font-family:var(--display); font-weight:800; font-size:1.16rem;
  color:var(--faz); letter-spacing:-.03em;
}
.logo__alt{
  font-family:var(--display); font-size:.6rem; font-weight:700;
  letter-spacing:.28em; color:var(--notr); text-transform:uppercase; margin-top:4px;
}

.menu{ margin-left:auto; display:flex; align-items:center; gap:4px; }
.menu a{
  font-family:var(--display); font-weight:600; font-size:.95rem;
  color:var(--metin); padding:10px 13px; border-radius:var(--r-s);
  text-decoration:none; position:relative;
}
.menu a:hover{ color:var(--notr); background:var(--notr-acik); text-decoration:none; }
.menu a[aria-current="page"]{ color:var(--notr); }
.menu a[aria-current="page"]::after{
  content:""; position:absolute; left:13px; right:13px; bottom:3px; height:3px;
  border-radius:2px;
  background:repeating-linear-gradient(115deg,var(--toprak-s) 0 6px,var(--toprak-y) 6px 12px);
}

.menu a.acik-dal{ color:var(--notr); }
.acilir{ position:relative; }
.acilir__liste{
  position:absolute; top:calc(100% + 10px); left:0; min-width:290px;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  box-shadow:var(--golge-yuksek); padding:8px; list-style:none; margin:0;
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:.18s ease; z-index:130;
}
.acilir:hover .acilir__liste,
.acilir:focus-within .acilir__liste{ opacity:1; visibility:visible; transform:translateY(0); }
.acilir__liste li{ margin:0; }
.acilir__liste a{
  display:block; padding:10px 12px; font-size:.92rem; font-weight:600;
  border-radius:var(--r-s);
}
.acilir__ok{ width:11px; height:11px; margin-left:5px; vertical-align:0; }

.tepe__cta{ display:flex; align-items:center; gap:10px; flex:none; }
.tepe__cta .btn{ padding:12px 18px; font-size:.92rem; }

.hamburger{
  display:none; width:46px; height:46px; border:1px solid var(--cizgi);
  background:#fff; border-radius:var(--r-s); cursor:pointer; margin-left:auto;
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.hamburger span{ display:block; width:20px; height:2px; background:var(--metin); border-radius:2px; transition:.2s; }
.hamburger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.hamburger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* --- Kahraman / slider ---------------------------------------------------- */
.kahraman{
  position:relative; background:var(--faz); color:#fff; overflow:hidden;
  isolation:isolate;
}
.kahraman::before{
  content:""; position:absolute; inset:0; z-index:0; opacity:.5;
  background-image:
    linear-gradient(rgba(30,79,216,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,79,216,.16) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 72% 40%, #000 0%, transparent 72%);
}
.kahraman::after{
  content:""; position:absolute; z-index:0; width:640px; height:640px;
  right:-180px; top:-220px; border-radius:50%;
  background:radial-gradient(circle, rgba(30,79,216,.42) 0%, transparent 68%);
  filter:blur(10px);
}

.slider{ position:relative; z-index:2; }
.slayt{
  display:none;
  padding:clamp(60px,8vw,110px) 0 clamp(76px,9vw,124px);
}
.slayt.aktif{ display:block; animation:girisi .6s ease both; }
@keyframes girisi{ from{ opacity:0; transform:translateY(14px);} to{ opacity:1; transform:none;} }
.slayt__ic{ max-width:720px; }
.slayt h1{ color:#fff; margin-bottom:.45em; }
.slayt h1 em{ font-style:normal; color:var(--toprak-s); }
.slayt p{ font-size:1.1rem; color:rgba(255,255,255,.78); max-width:600px; }
.slayt__butonlar{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }

.slider__kontrol{
  position:absolute; z-index:5; bottom:26px; left:0; right:0;
}
.slider__kontrol .kap{ display:flex; align-items:center; gap:14px; }
.nokta-grup{ display:flex; gap:9px; }
.nokta{
  width:34px; height:5px; border-radius:3px; border:0; padding:0; cursor:pointer;
  background:rgba(255,255,255,.28); transition:.2s;
}
.nokta:hover{ background:rgba(255,255,255,.5); }
.nokta[aria-selected="true"]{ background:var(--toprak-s); width:52px; }
.ok-grup{ display:flex; gap:8px; margin-left:auto; }
.ok{
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06); color:#fff; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; transition:.2s;
}
.ok:hover{ background:#fff; color:var(--faz); }
.ok svg{ width:17px; height:17px; }

/* --- Hızlı iletişim kartları ---------------------------------------------- */
.hizli{ margin-top:-46px; position:relative; z-index:20; }
.hizli__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.hizli__kart{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:22px; display:flex; gap:15px; align-items:flex-start;
  box-shadow:var(--golge); transition:.2s; text-decoration:none; color:var(--metin);
}
.hizli__kart:hover{ text-decoration:none; transform:translateY(-4px); border-color:var(--notr); }
.hizli__ikon{
  width:46px; height:46px; border-radius:10px; flex:none;
  display:grid; place-items:center; background:var(--notr-acik); color:var(--notr);
}
.hizli__kart--wa .hizli__ikon{ background:#e6f8ee; color:#149448; }
.hizli__kart--ara .hizli__ikon{ background:#fdf3d3; color:#9a7405; }
.hizli__ikon svg{ width:23px; height:23px; }
.mobil-cta{ display:none; }
.hizli__kart > span:last-child{ display:block; }
.hizli__ust{ display:block;  font-family:var(--display); font-weight:800; font-size:1.02rem; }
.hizli__alt{ display:block; font-size:.9rem; color:var(--metin-2); }

/* --- Bölüm ---------------------------------------------------------------- */
.bolum{ padding:clamp(56px,7vw,92px) 0; }
.bolum--koyu{ background:var(--faz); color:rgba(255,255,255,.76); }
.bolum--koyu h2,.bolum--koyu h3{ color:#fff; }
.bolum--beyaz{ background:#fff; }
.bolum--dar{ padding:clamp(40px,5vw,64px) 0; }

.bolum__bas{ max-width:660px; margin-bottom:44px; }
.bolum__bas--orta{ margin-inline:auto; text-align:center; }
.bolum__bas--orta .etiket{ justify-content:center; }
.bolum__bas p{ color:var(--metin-2); font-size:1.05rem; margin-bottom:0; }
.bolum--koyu .bolum__bas p{ color:rgba(255,255,255,.68); }

/* --- Öne çıkan özellikler ------------------------------------------------- */
.ozellikler{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.ozellik{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:26px 22px; position:relative; overflow:hidden; transition:.2s;
}
.ozellik::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:repeating-linear-gradient(115deg,var(--toprak-s) 0 8px,var(--toprak-y) 8px 16px);
  transform:scaleY(0); transform-origin:top; transition:transform .25s ease;
}
.ozellik:hover{ transform:translateY(-4px); box-shadow:var(--golge); }
.ozellik:hover::after{ transform:scaleY(1); }
.ozellik__ikon{
  width:48px; height:48px; border-radius:10px; background:var(--faz); color:var(--toprak-s);
  display:grid; place-items:center; margin-bottom:18px;
}
.ozellik__ikon svg{ width:24px; height:24px; }
.ozellik h3{ font-size:1.08rem; margin-bottom:.4em; }
.ozellik p{ font-size:.95rem; color:var(--metin-2); margin:0; }

/* --- Hizmet kartları ------------------------------------------------------ */
.hizmetler{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.hizmet{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:28px 24px 24px; display:flex; flex-direction:column;
  transition:.22s ease; text-decoration:none; color:inherit;
}
.hizmet:hover{
  text-decoration:none; transform:translateY(-5px);
  box-shadow:var(--golge-yuksek); border-color:transparent;
}
.hizmet__ikon{
  width:52px; height:52px; border-radius:12px; display:grid; place-items:center;
  background:var(--notr-acik); color:var(--notr); margin-bottom:18px;
}
.hizmet__ikon svg{ width:26px; height:26px; }
.hizmet h3{ font-size:1.15rem; margin-bottom:.45em; }
.hizmet p{ font-size:.95rem; color:var(--metin-2); flex:1; margin-bottom:1em; }
.hizmet__git{
  font-family:var(--display); font-weight:700; font-size:.9rem; color:var(--notr);
  display:inline-flex; align-items:center; gap:7px;
}
.hizmet__git svg{ width:15px; height:15px; transition:transform .2s; }
.hizmet:hover .hizmet__git svg{ transform:translateX(4px); }

/* --- Sayı şeridi ---------------------------------------------------------- */
.sayilar{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.sayi__b{
  font-family:var(--display); font-weight:800; font-size:clamp(2rem,4vw,2.8rem);
  color:var(--toprak-s); line-height:1; letter-spacing:-.03em;
}
.sayi__a{ font-size:.94rem; color:rgba(255,255,255,.66); margin-top:8px; }

/* --- İki sütun ------------------------------------------------------------ */
.ikili{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(30px,5vw,64px); align-items:center; }
.ikili--dar{ grid-template-columns:1fr 1fr; }

.liste-tik{ list-style:none; padding:0; margin:0; }
.liste-tik li{
  position:relative; padding-left:34px; margin-bottom:13px; color:var(--metin-2);
}
.liste-tik li::before{
  content:""; position:absolute; left:0; top:5px; width:20px; height:20px;
  border-radius:50%; background:var(--notr-acik);
}
.liste-tik li::after{
  content:""; position:absolute; left:6px; top:11px; width:8px; height:4px;
  border-left:2px solid var(--notr); border-bottom:2px solid var(--notr);
  transform:rotate(-45deg);
}
.bolum--koyu .liste-tik li{ color:rgba(255,255,255,.76); }
.bolum--koyu .liste-tik li::before{ background:rgba(245,197,24,.16); }
.bolum--koyu .liste-tik li::after{ border-color:var(--toprak-s); }

/* --- Pano görseli (CSS ile) ----------------------------------------------- */
.pano-kart{
  background:linear-gradient(160deg,#17202B 0%, #0E1116 100%);
  border:1px solid rgba(255,255,255,.09); border-radius:var(--r);
  padding:28px; color:#fff; position:relative; overflow:hidden;
}
.pano-kart::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:22px 100%;
}
.pano-kart__ic{ position:relative; }
.pano-satir{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:13px 0; border-bottom:1px dashed rgba(255,255,255,.13);
  font-size:.94rem;
}
.pano-satir:last-child{ border-bottom:0; }
.pano-satir span:first-child{ color:rgba(255,255,255,.62); }
.pano-satir span:last-child{ font-family:var(--display); font-weight:700; color:#fff; }
.rozet-acik{
  font-size:.72rem; font-weight:700; font-family:var(--display);
  background:rgba(23,164,76,.18); color:#3ddb7f; padding:4px 10px; border-radius:99px;
  letter-spacing:.06em; text-transform:uppercase;
}

/* --- Hizmet bölgeleri ----------------------------------------------------- */
.bolgeler{ display:flex; flex-wrap:wrap; gap:9px; list-style:none; padding:0; margin:0; }
.bolgeler li{
  margin:0; background:#fff; border:1px solid var(--cizgi); border-radius:99px;
  padding:8px 16px; font-size:.9rem; font-weight:500; color:var(--metin-2);
}
.bolum--koyu .bolgeler li{
  background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); color:rgba(255,255,255,.8);
}

/* --- Süreç adımları ------------------------------------------------------- */
.adimlar{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; counter-reset:adim; }
.adim{ position:relative; padding-top:26px; }
.adim::before{
  counter-increment:adim; content:"0" counter(adim);
  font-family:var(--display); font-weight:800; font-size:.85rem; letter-spacing:.1em;
  color:var(--notr); position:absolute; top:0; left:0;
}
.adim::after{
  content:""; position:absolute; top:9px; left:34px; right:-20px; height:2px;
  background:repeating-linear-gradient(90deg,var(--cizgi) 0 6px, transparent 6px 12px);
}
.adim:last-child::after{ display:none; }
.adim h3{ font-size:1.03rem; margin-bottom:.35em; }
.adim p{ font-size:.93rem; color:var(--metin-2); margin:0; }

/* --- SSS ------------------------------------------------------------------ */
.sss{ max-width:820px; margin-inline:auto; }
.sss details{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  margin-bottom:12px; overflow:hidden;
}
.sss details[open]{ border-color:var(--notr); }
.sss summary{
  cursor:pointer; padding:19px 54px 19px 22px; position:relative; list-style:none;
  font-family:var(--display); font-weight:700; font-size:1.02rem;
}
.sss summary::-webkit-details-marker{ display:none; }
.sss summary::after{
  content:""; position:absolute; right:24px; top:50%; width:11px; height:11px;
  border-right:2.5px solid var(--notr); border-bottom:2.5px solid var(--notr);
  transform:translateY(-70%) rotate(45deg); transition:transform .2s;
}
.sss details[open] summary::after{ transform:translateY(-30%) rotate(-135deg); }
.sss__cevap{ padding:0 22px 20px; color:var(--metin-2); font-size:.97rem; }
.sss__cevap p:last-child{ margin-bottom:0; }

/* --- CTA bandı ------------------------------------------------------------ */
.cta{
  background:linear-gradient(120deg,var(--notr-koyu) 0%, var(--notr) 55%, #2f63f0 100%);
  color:#fff; position:relative; overflow:hidden;
}
.cta::before{
  content:""; position:absolute; inset:0; opacity:.16;
  background-image:linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size:38px 100%;
}
.cta__ic{
  position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:32px; padding:clamp(38px,5vw,58px) 0; flex-wrap:wrap;
}
.cta h2{ color:#fff; margin-bottom:.3em; }
.cta p{ color:rgba(255,255,255,.85); margin:0; max-width:520px; }
.cta__butonlar{ display:flex; gap:12px; flex-wrap:wrap; }

/* --- Sayfa başlığı bandı --------------------------------------------------- */
.sayfabas{
  background:var(--faz); color:#fff; position:relative; overflow:hidden;
  padding:clamp(46px,6vw,74px) 0 clamp(40px,5vw,60px);
}
.sayfabas::before{
  content:""; position:absolute; inset:0; opacity:.45;
  background-image:
    linear-gradient(rgba(30,79,216,.18) 1px,transparent 1px),
    linear-gradient(90deg, rgba(30,79,216,.18) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 78% 30%, #000 0%, transparent 70%);
}
.sayfabas .kap{ position:relative; }
.sayfabas h1{ color:#fff; max-width:850px; }
.sayfabas p{ color:rgba(255,255,255,.75); max-width:640px; margin-bottom:0; }
.kirinti{
  font-size:.85rem; color:rgba(255,255,255,.55); margin-bottom:16px;
}
.kirinti a{ color:rgba(255,255,255,.8); }
.kirinti span{ margin:0 7px; }

/* --- İçerik metni --------------------------------------------------------- */
.metin{ max-width:760px; }
.metin h2{ margin-top:1.6em; }
.metin h2:first-child{ margin-top:0; }
.metin h3{ margin-top:1.4em; }
.metin p, .metin li{ color:var(--metin-2); }
.metin strong{ color:var(--metin); }

.yanpanel{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:26px; position:sticky; top:104px;
}
.yanpanel h3{ font-size:1.1rem; }
.yanpanel .btn{ margin-bottom:10px; }
.yanpanel__ayirac{ height:1px; background:var(--cizgi); margin:20px 0; }
.icerik-duzen{ display:grid; grid-template-columns:1fr 340px; gap:44px; align-items:start; }

.alt-hizmetler{ list-style:none; padding:0; margin:0; }
.alt-hizmetler li{ margin:0; border-bottom:1px solid var(--cizgi); }
.alt-hizmetler li:last-child{ border-bottom:0; }
.alt-hizmetler a{
  display:block; padding:12px 0; font-weight:600; font-size:.95rem; color:var(--metin);
}
.alt-hizmetler a:hover{ color:var(--notr); text-decoration:none; padding-left:5px; transition:.2s; }
.alt-hizmetler a[aria-current="page"]{ color:var(--notr); }

/* --- İletişim ------------------------------------------------------------- */
.iletisim-duzen{ display:grid; grid-template-columns:1fr 1.1fr; gap:44px; align-items:start; }
.bilgi-kart{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px;
  margin-bottom:16px; display:flex; gap:16px; align-items:flex-start;
}
.bilgi-kart__ikon{
  width:44px; height:44px; border-radius:10px; flex:none; display:grid; place-items:center;
  background:var(--notr-acik); color:var(--notr);
}
.bilgi-kart__ikon svg{ width:22px; height:22px; }
.bilgi-kart h3{ font-size:1rem; margin-bottom:.25em; }
.bilgi-kart p{ margin:0; color:var(--metin-2); font-size:.96rem; }
.bilgi-kart a{ font-weight:600; }

.harita{
  border-radius:var(--r); overflow:hidden; border:1px solid var(--cizgi);
  background:#fff; line-height:0;
}
.harita iframe{ width:100%; height:420px; border:0; display:block; }

.form-alan{ margin-bottom:16px; }
.form-alan label{
  display:block; font-family:var(--display); font-weight:700; font-size:.88rem; margin-bottom:7px;
}
.form-alan input, .form-alan textarea, .form-alan select{
  width:100%; padding:13px 15px; border:1px solid var(--cizgi); border-radius:var(--r-s);
  font-family:var(--govde); font-size:.98rem; background:#fff; color:var(--metin);
}
.form-alan input:focus, .form-alan textarea:focus, .form-alan select:focus{
  outline:none; border-color:var(--notr); box-shadow:0 0 0 3px rgba(30,79,216,.12);
}
.form-alan textarea{ min-height:130px; resize:vertical; }
.form-not{ font-size:.85rem; color:var(--metin-2); margin-top:12px; }
.form-kutu{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:28px; }

/* --- Alt bilgi ------------------------------------------------------------ */
.altbilgi{ background:var(--faz); color:rgba(255,255,255,.66); padding:60px 0 0; font-size:.95rem; }
.altbilgi__grid{
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:36px; padding-bottom:44px;
}
.altbilgi h4{
  font-family:var(--display); font-size:.8rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:#fff; margin-bottom:18px;
}
.altbilgi a{ color:rgba(255,255,255,.7); }
.altbilgi a:hover{ color:var(--toprak-s); text-decoration:none; }
.altbilgi ul{ list-style:none; padding:0; margin:0; }
.altbilgi li{ margin-bottom:10px; }
.altbilgi__logo{ margin-bottom:16px; }
.altbilgi__logo .logo__ad{ color:#fff; }
.altbilgi__iletisim li{ display:flex; gap:11px; align-items:flex-start; }
.altbilgi__iletisim svg{ width:17px; height:17px; flex:none; margin-top:4px; color:var(--toprak-s); }

.imza{ border-top:1px solid rgba(255,255,255,.1); padding:22px 0 26px; }
.imza__ic{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-size:.88rem; color:rgba(255,255,255,.55);
}
.imza a{ color:var(--toprak-s); font-weight:700; }
.imza a:hover{ text-decoration:underline; }

/* --- Sabit iletişim düğmeleri --------------------------------------------- */
.yuzen{
  position:fixed; right:20px; bottom:26px; z-index:200;
  display:flex; flex-direction:column; gap:12px;
}
.yuzen a{
  width:56px; height:56px; border-radius:50%; display:grid; place-items:center;
  box-shadow:0 8px 24px rgba(14,17,22,.28); color:#fff; transition:transform .18s ease;
  position:relative;
}
.yuzen a:hover{ transform:scale(1.08); text-decoration:none; }
.yuzen svg{ width:27px; height:27px; }
.yuzen__wa{ background:#22b95c; }
.yuzen__ara{ background:var(--toprak-s); color:var(--faz)!important; }
.yuzen__ara::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow:0 0 0 0 rgba(245,197,24,.6); animation:nabiz 2.4s infinite;
}

.mobilbar{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:210;
  background:#fff; border-top:1px solid var(--cizgi);
  box-shadow:0 -6px 22px rgba(14,17,22,.1);
  padding:9px 12px calc(9px + env(safe-area-inset-bottom));
  gap:10px;
}
.mobilbar a{
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 8px; border-radius:var(--r-s);
  font-family:var(--display); font-weight:700; font-size:.95rem; text-decoration:none;
}
.mobilbar a:hover{ text-decoration:none; }
.mobilbar svg{ width:19px; height:19px; }
.mobilbar__ara{ background:var(--toprak-s); color:var(--faz); }
.mobilbar__wa{ background:#22b95c; color:#fff; }

/* ==========================================================================
   Duyarlı düzen
   ========================================================================== */
@media (max-width:1040px){
  .altbilgi__grid{ grid-template-columns:1fr 1fr; gap:32px; }
  .ozellikler{ grid-template-columns:repeat(2,1fr); }
  .hizmetler{ grid-template-columns:repeat(2,1fr); }
  .adimlar{ grid-template-columns:repeat(2,1fr); row-gap:32px; }
  .adim:nth-child(2)::after{ display:none; }
  .icerik-duzen{ grid-template-columns:1fr; }
  .yanpanel{ position:static; }
}

@media (max-width:900px){
  .menu, .tepe__cta{ display:none; }
  .hamburger{ display:flex; }

  .menu.acik{
    display:flex; flex-direction:column; align-items:stretch; gap:2px;
    position:absolute; top:100%; left:0; right:0;
    background:#fff; border-bottom:1px solid var(--cizgi);
    padding:14px 20px 22px; box-shadow:var(--golge-yuksek);
    max-height:calc(100vh - 120px); overflow-y:auto;
  }
  .menu.acik a{ padding:13px 10px; font-size:1.02rem; border-radius:var(--r-s); }
  .menu.acik .acilir__liste{
    position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
    border:0; border-left:3px solid var(--cizgi); border-radius:0; margin:2px 0 6px 12px; padding:0 0 0 8px;
  }
  .menu.acik .acilir__liste a{ font-size:.95rem; padding:10px; }
  .menu.acik .mobil-cta{ display:flex; gap:10px; margin-top:14px; }
  .menu.acik .mobil-cta .btn{ flex:1; }
  .mobil-cta{ display:none; }

  .ikili, .ikili--dar, .iletisim-duzen{ grid-template-columns:1fr; }
  .hizli__grid{ grid-template-columns:1fr; }
  .hizli{ margin-top:-30px; }
  .sayilar{ grid-template-columns:repeat(2,1fr); row-gap:30px; }
  .ustbar__sag{ display:none; }
  .ustbar__ic{ justify-content:center; }
  .yuzen{ display:none; }
  .mobilbar{ display:flex; }
  body{ padding-bottom:78px; }
  html{ scroll-padding-top:80px; }
  .cta__ic{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:620px){
  body{ font-size:16px; }
  .ozellikler, .hizmetler, .adimlar{ grid-template-columns:1fr; }
  .adim::after{ display:none; }
  .altbilgi__grid{ grid-template-columns:1fr; gap:30px; }
  .tepe__ic{ height:66px; }
  .slayt__butonlar .btn{ flex:1; min-width:150px; }
  .slider__kontrol{ bottom:18px; }
  .ok-grup{ display:none; }
  .harita iframe{ height:320px; }
  .form-kutu, .yanpanel, .bilgi-kart{ padding:20px; }
  .imza__ic{ flex-direction:column; align-items:flex-start; text-align:left; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important; scroll-behavior:auto!important;
  }
}

@media print{
  .tepe,.ustbar,.yuzen,.mobilbar,.slider__kontrol,.cta{ display:none!important; }
}