/* ==========================================================================
   KAYSERİ YOL YARDIM — sade, açık renkli tasarım
   ========================================================================== */

/* ---------- Yazı tipi (yerel, dış bağlantı yok) ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --beyaz:   #FFFFFF;
  --acik:    #F6F7F9;
  --acik-2:  #EDEFF3;
  --cizgi:   #E2E5EA;
  --metin:   #1B1F24;
  --metin-2: #5A6472;
  --kirmizi: #D62828;
  --kirmizi-k:#B01F1F;
  --yesil:   #128C3E;

  --yazi: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --r: 8px;
  --pad: clamp(1.1rem, 4vw, 3rem);
  --golge: 0 1px 2px rgba(27,31,36,.05), 0 6px 20px rgba(27,31,36,.06);
}

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

html{ scroll-behavior:smooth; scroll-padding-top:108px; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--beyaz);
  color:var(--metin);
  font-family:var(--yazi);
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
:focus-visible{ outline:2px solid var(--kirmizi); outline-offset:3px; }

h1,h2,h3,h4{ margin:0; line-height:1.2; letter-spacing:-.02em; font-weight:700; }
h1{ font-size:clamp(2rem,4.4vw,3.1rem); }
h2{ font-size:clamp(1.5rem,3vw,2.1rem); }
h3{ font-size:1.15rem; }
h4{ font-size:1rem; }
p{ margin:0 0 1rem; }

.wrap{ width:min(1180px, 100% - (var(--pad) * 2)); margin-inline:auto; }
section{ padding-block:clamp(3rem,6vw,5rem); }
.acik-blok{ background:var(--acik); }

.bolum-bas{ max-width:60ch; margin-bottom:2.2rem; }
.bolum-bas p{ color:var(--metin-2); margin-bottom:0; }
.etiket{
  display:inline-block; margin-bottom:.7rem;
  font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--kirmizi);
}
.giris{ color:var(--metin-2); font-size:1.05rem; }

/* ---------- Butonlar ---------- */
.btn,.btn2{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.85rem 1.5rem; border-radius:var(--r);
  font-size:.95rem; font-weight:600; border:1px solid transparent; cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.btn{ background:var(--kirmizi); color:#fff; }
.btn:hover{ background:var(--kirmizi-k); }
.btn2{ background:#fff; color:var(--metin); border-color:var(--cizgi); }
.btn2:hover{ border-color:var(--metin); }
.btn--yesil{ background:var(--yesil); }
.btn--yesil:hover{ background:#0E6E31; }
.btn svg,.btn2 svg{ width:17px; height:17px; flex:none; }
.btn--blok{ width:100%; }

.baglanti{ color:var(--kirmizi); font-weight:600; display:inline-flex; align-items:center; gap:.35rem; }
.baglanti:hover{ text-decoration:underline; }

/* ---------- Başlık ---------- */
.ust{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
.ust-ic{ display:flex; align-items:center; gap:1.5rem; min-height:94px; }
.marka{ display:flex; align-items:center; margin-right:auto; }
.marka img{ height:clamp(58px,7vw,82px); width:auto; }

.menu{ display:none; align-items:center; gap:.3rem; list-style:none; margin:0; padding:0; }
.menu > li > a{
  display:block; padding:.5rem .8rem; border-radius:var(--r);
  font-size:.95rem; font-weight:500; color:var(--metin-2);
  transition:background .15s ease, color .15s ease;
}
.menu > li > a:hover{ background:var(--acik); color:var(--metin); }
.menu > li > a[aria-current="page"]{ color:var(--metin); font-weight:600; }

.ust-tel{ display:none; align-items:center; gap:.5rem; font-weight:700; font-size:1.02rem; }
.ust-tel svg{ width:18px; height:18px; color:var(--kirmizi); }
.ust-tel:hover{ color:var(--kirmizi); }

.ac-kapat{
  display:flex; flex-direction:column; justify-content:center; gap:5px;
  width:44px; height:40px; padding:0 11px; flex:none;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); cursor:pointer;
}
.ac-kapat i{ display:block; width:100%; height:2px; background:var(--metin); transition:transform .2s ease, opacity .2s ease; }
.ac-kapat[aria-expanded="true"] i:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.ac-kapat[aria-expanded="true"] i:nth-child(2){ opacity:0; }
.ac-kapat[aria-expanded="true"] i:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.mobil-menu{ display:none; border-bottom:1px solid var(--cizgi); background:#fff; }
.mobil-menu.acik{ display:block; }
.mobil-menu ul{ list-style:none; margin:0; padding:.6rem 0 1.2rem; }
.mobil-menu a{ display:block; padding:.75rem .25rem; border-bottom:1px solid var(--cizgi); font-weight:500; }
.mobil-menu .btn{ margin-top:1rem; width:100%; }

/* ---------- Slider (tam ekran, yazısız) ---------- */
.gizli-baslik{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.slider{ position:relative; background:#fff; padding:0; display:block; }
.slider-kutu{
  position:relative; overflow:hidden;
  height:calc(100svh - 94px);
  min-height:340px; max-height:820px;
}
.slayt{
  position:absolute; inset:0; opacity:0; visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.slayt.etkin{ opacity:1; visibility:visible; }
.slayt img{
  width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:center 42%;
}


.slider-ok{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:48px; height:48px; display:none; place-items:center;
  background:rgba(255,255,255,.85); border:0; border-radius:50%; cursor:pointer;
  color:var(--metin); transition:background .15s ease;
}
.slider-ok:hover{ background:#fff; }
.slider-ok svg{ width:20px; height:20px; }
.slider-ok--geri{ left:clamp(.8rem,2vw,1.8rem); }
.slider-ok--ileri{ right:clamp(.8rem,2vw,1.8rem); }
@media (min-width:768px){ .slider-ok{ display:grid; } }

.slider-noktalar{ position:absolute; z-index:4; bottom:1.4rem; left:0; right:0; display:flex; gap:.45rem; justify-content:center; }
.slider-noktalar button{
  width:34px; height:4px; padding:0; border:0; border-radius:2px; cursor:pointer;
  background:rgba(255,255,255,.55); box-shadow:0 0 6px rgba(0,0,0,.45);
  transition:background .15s ease;
}
.slider-noktalar button[aria-selected="true"]{ background:#fff; }

/* duyarlı yükseklik: dar ekranlarda fotoğraf çok uzamasın */
@media (max-width:1023px){
  .slider-kutu{ height:calc(100svh - 76px); max-height:640px; }
}
@media (max-width:640px){
  .slider-kutu{ height:auto; aspect-ratio:4/5; max-height:none; min-height:0; }
}
@media (max-width:640px) and (orientation:landscape){
  .slider-kutu{ aspect-ratio:16/9; }
}

/* ---------- Sayfa başlığı (iç sayfalar) ---------- */
.sayfa-bas{ background:var(--acik); border-bottom:1px solid var(--cizgi); padding-block:clamp(2.2rem,4vw,3.4rem); }
.sayfa-bas p{ color:var(--metin-2); max-width:62ch; margin-bottom:0; margin-top:.8rem; }
.yol{ display:flex; flex-wrap:wrap; gap:.4rem; font-size:.85rem; color:var(--metin-2); margin-bottom:.9rem; }
.yol a:hover{ color:var(--kirmizi); }

/* ---------- Kartlar ---------- */
.izgara{ display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:640px){ .izgara{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .izgara--3{ grid-template-columns:repeat(3,1fr); } }

.kart{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  overflow:hidden; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.kart:hover{ border-color:#CDD2DA; box-shadow:var(--golge); transform:translateY(-2px); }
.kart-gorsel{ aspect-ratio:16/10; background:var(--acik-2); }
.kart-gorsel img{ width:100%; height:100%; object-fit:cover; }
.kart-ic{ padding:1.2rem 1.3rem 1.35rem; display:flex; flex-direction:column; flex:1; }
.kart h3{ margin-bottom:.45rem; }
.kart p{ color:var(--metin-2); font-size:.95rem; margin-bottom:1rem; }
.kart .baglanti{ margin-top:auto; font-size:.92rem; }

/* ---------- Bilgi satırları ---------- */
.ozellikler{ display:grid; gap:1.6rem; grid-template-columns:1fr; }
@media (min-width:640px){ .ozellikler{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .ozellikler{ grid-template-columns:repeat(3,1fr); } }
.ozellik h3{ font-size:1.02rem; margin-bottom:.35rem; }
.ozellik p{ color:var(--metin-2); font-size:.95rem; margin:0; }
.ozellik-no{
  display:grid; place-items:center; width:32px; height:32px; margin-bottom:.7rem;
  border-radius:50%; background:var(--acik-2); color:var(--kirmizi-k);
  font-size:.85rem; font-weight:700;
}

/* ---------- Rakamlar ---------- */
.rakamlar{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
  background:var(--cizgi); border:1px solid var(--cizgi); border-radius:var(--r); overflow:hidden;
}
@media (min-width:768px){ .rakamlar{ grid-template-columns:repeat(4,1fr); } }
.rakamlar div{ background:#fff; padding:1.2rem 1.3rem; }
.rakamlar b{ display:block; font-size:1.7rem; font-weight:700; letter-spacing:-.03em; }
.rakamlar span{ color:var(--metin-2); font-size:.9rem; }

/* ---------- Bölge listesi ---------- */
.bolge-liste{ display:grid; gap:.6rem; grid-template-columns:repeat(2,1fr); }
@media (min-width:640px){ .bolge-liste{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:960px){ .bolge-liste{ grid-template-columns:repeat(4,1fr); } }
.bolge-liste a{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.8rem 1rem; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  font-weight:500; font-size:.95rem;
  transition:border-color .15s ease, color .15s ease;
}
.bolge-liste a:hover{ border-color:var(--kirmizi); color:var(--kirmizi); }
.bolge-liste small{ color:var(--metin-2); font-size:.8rem; font-weight:400; }

/* ---------- Harita ---------- */
.harita{ border:1px solid var(--cizgi); border-radius:var(--r); overflow:hidden; }
.harita iframe{ display:block; width:100%; height:clamp(300px,42vw,420px); border:0; }

/* ---------- İki sütun ---------- */
.ikili{ display:grid; gap:2.5rem; grid-template-columns:1fr; align-items:start; }
@media (min-width:900px){ .ikili{ grid-template-columns:1.15fr .85fr; gap:3rem; } }
.metin p{ color:var(--metin-2); }
.metin h2{ margin-bottom:.9rem; }
.metin h3{ margin:1.8rem 0 .5rem; }
.metin ul{ color:var(--metin-2); padding-left:1.15rem; margin:0 0 1.2rem; }
.metin li{ margin-bottom:.4rem; }

.yan-kutu{
  background:var(--acik); border:1px solid var(--cizgi); border-radius:var(--r);
  padding:1.4rem; position:sticky; top:112px;
}
.yan-kutu h3{ margin-bottom:.4rem; }
.yan-kutu p{ color:var(--metin-2); font-size:.95rem; }
.yan-kutu .btn{ width:100%; margin-bottom:.5rem; }
.yan-kutu-tel{ display:block; font-size:1.35rem; font-weight:700; margin:.2rem 0 1rem; }

/* ---------- SSS ---------- */
.sss{ border:1px solid var(--cizgi); border-radius:var(--r); overflow:hidden; background:#fff; }
.sss details{ border-bottom:1px solid var(--cizgi); }
.sss details:last-child{ border-bottom:0; }
.sss summary{
  padding:1.05rem 1.3rem; cursor:pointer; font-weight:600; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.sss summary::-webkit-details-marker{ display:none; }
.sss summary::after{
  content:""; width:9px; height:9px; flex:none;
  border-right:2px solid var(--metin-2); border-bottom:2px solid var(--metin-2);
  transform:rotate(45deg) translateY(-2px); transition:transform .2s ease;
}
.sss details[open] summary::after{ transform:rotate(-135deg) translateY(-2px); }
.sss details[open] summary{ color:var(--kirmizi); }
.sss div{ padding:0 1.3rem 1.2rem; color:var(--metin-2); }
.sss div p:last-child{ margin-bottom:0; }

/* ---------- Form ---------- */
.form{ display:grid; gap:.9rem; grid-template-columns:1fr; }
@media (min-width:640px){ .form{ grid-template-columns:repeat(2,1fr); } .form .genis{ grid-column:1/-1; } }
.form label{ display:block; font-size:.88rem; font-weight:600; margin-bottom:.3rem; }
.form input,.form select,.form textarea{
  width:100%; padding:.75rem .9rem; font:inherit; font-size:.95rem;
  background:#fff; color:var(--metin);
  border:1px solid var(--cizgi); border-radius:var(--r);
}
.form input:focus,.form select:focus,.form textarea:focus{ outline:2px solid var(--kirmizi); outline-offset:0; border-color:var(--kirmizi); }
.form textarea{ min-height:110px; resize:vertical; }
.form-durum{ grid-column:1/-1; color:var(--kirmizi); font-size:.9rem; }

/* ---------- Çağrı bandı ---------- */
.cagri{
  background:var(--metin); color:#fff; border-radius:var(--r);
  padding:clamp(1.6rem,3vw,2.4rem);
  display:grid; gap:1.2rem; align-items:center;
}
@media (min-width:768px){ .cagri{ grid-template-columns:1fr auto; } }
.cagri h2{ color:#fff; margin-bottom:.4rem; }
.cagri p{ color:rgba(255,255,255,.75); margin:0; }
.cagri-butonlar{ display:flex; flex-wrap:wrap; gap:.7rem; }
.cagri .btn2{ background:transparent; color:#fff; border-color:rgba(255,255,255,.4); }
.cagri .btn2:hover{ background:#fff; color:var(--metin); }

/* ---------- Alt bilgi ---------- */
.alt{ background:var(--acik); border-top:1px solid var(--cizgi); padding-block:2.8rem 1.5rem; }
.alt-izgara{ display:grid; gap:2rem; grid-template-columns:1fr; }
@media (min-width:640px){ .alt-izgara{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .alt-izgara{ grid-template-columns:1.4fr 1fr 1fr 1fr; } }
.alt h4{ font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:var(--metin-2); margin-bottom:.9rem; }
.alt ul{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; }
.alt a{ color:var(--metin-2); font-size:.93rem; }
.alt a:hover{ color:var(--kirmizi); }
.alt-marka img{ height:80px; width:auto; margin-bottom:.9rem; }
.alt-marka p{ color:var(--metin-2); font-size:.93rem; max-width:34ch; }
.alt-alt{
  margin-top:2.2rem; padding-top:1.2rem; border-top:1px solid var(--cizgi);
  display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between;
  color:var(--metin-2); font-size:.87rem;
}
.alt-anahtar{ color:#646E7C; font-size:.8rem; line-height:1.7; margin-top:1rem; }

/* ---------- Sabit çağrı barı (mobil) ---------- */
.cagri-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  display:grid; grid-template-columns:1fr 1fr;
  border-top:1px solid var(--cizgi); background:#fff;
}
.cagri-bar a{
  display:flex; align-items:center; justify-content:center; gap:.45rem;
  padding:.85rem; font-size:.93rem; font-weight:600; color:#fff;
}
.cagri-bar a:first-child{ background:var(--kirmizi); }
.cagri-bar a:last-child{ background:var(--yesil); }
.cagri-bar svg{ width:16px; height:16px; }
body{ padding-bottom:52px; }

/* ---------- Giriş hareketi ---------- */
.gir{ opacity:0; transform:translateY(14px); }
.gir.ic{ opacity:1; transform:none; transition:opacity .5s ease, transform .5s ease; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition-duration:.01ms !important; }
  .gir{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* ---------- Duyarlılık ---------- */
@media (min-width:1024px){
  .menu{ display:flex; }
  .ust-tel{ display:flex; }
  .ac-kapat{ display:none; }
  .mobil-menu{ display:none !important; }
  .cagri-bar{ display:none; }
  body{ padding-bottom:0; }
}

/* çoklu buton satırı */
.butonlar{ display:flex; flex-wrap:wrap; gap:.7rem; }

.alt-baslik{ font-size:.82rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--metin-2); margin-bottom:.9rem; }
.harita-not{ margin-top:1rem; font-size:.92rem; color:var(--metin-2); }

.yazi-gorsel{ border-radius:var(--r); border:1px solid var(--cizgi); margin-bottom:2rem; width:100%; height:auto; }
.kart-gorsel picture{ display:block; width:100%; height:100%; }
.slayt picture{ display:block; width:100%; height:100%; }

/* Klavye kullanıcıları için atlama bağlantısı — sadece odaklanınca görünür */
.atla{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--metin); color:#fff; padding:.8rem 1.2rem;
  border-radius:0 0 var(--r) 0; font-weight:600; font-size:.95rem;
}
.atla:focus{ left:0; }

/* Özet kutusu — insan ve yapay zeka için hızlı bilgi */
.ozet-kutu{
  background:var(--acik); border:1px solid var(--cizgi); border-radius:var(--r);
  padding:clamp(1.3rem,2.5vw,2rem); margin-bottom:1.5rem;
}
.ozet-kutu h2{ font-size:1.3rem; margin-bottom:.7rem; }
.ozet-kutu p{ color:var(--metin-2); max-width:80ch; }
.ozet-kutu a{ color:var(--kirmizi); }
.ozet-liste{ display:grid; gap:.6rem 1.5rem; margin:1.2rem 0 0; grid-template-columns:1fr; }
@media (min-width:640px){ .ozet-liste{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .ozet-liste{ grid-template-columns:repeat(3,1fr); } }
.ozet-liste > div{ border-top:1px solid var(--cizgi); padding-top:.55rem; }
.ozet-liste dt{ font-size:.8rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--metin-2); }
.ozet-liste dd{ margin:.15rem 0 0; font-weight:500; font-size:.95rem; }

/* ==========================================================================
   NAVBAR v2 — masaüstü mega menü + mobil tam ekran panel
   ========================================================================== */

.ust-ic{ gap:clamp(1rem,2vw,2rem); }
.ana-nav{ margin-left:auto; }

/* ---------- Masaüstü menü ---------- */
.menu{ gap:.15rem; }
.menu > li{ position:relative; }
.menu > li > a{
  display:flex; align-items:center; gap:.35rem;
  padding:.55rem .75rem; border-radius:var(--r);
  font-size:.95rem; font-weight:500; color:var(--metin-2); white-space:nowrap;
  transition:color .15s ease, background .15s ease;
}
.menu > li > a:hover{ color:var(--metin); background:var(--acik); }
.menu > li > a[aria-current="page"]{ color:var(--metin); font-weight:600; }
.menu > li > a[aria-current="page"]::after{
  content:""; position:absolute; left:.75rem; right:.75rem; bottom:.1rem;
  height:2px; background:var(--kirmizi); border-radius:2px;
}
.menu .ok{
  width:7px; height:7px; flex:none; margin-top:-3px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); transition:transform .2s ease;
}
.acilir:hover > a .ok,
.acilir:focus-within > a .ok{ transform:rotate(-135deg) translate(-2px,-2px); }
.acilir:hover > a,
.acilir:focus-within > a{ color:var(--metin); background:var(--acik); }

/* ---------- Mega panel ---------- */
.mega{
  position:absolute; top:calc(100% + .55rem); left:50%;
  width:min(720px, calc(100vw - 3rem));
  transform:translateX(-50%) translateY(-6px);
  background:#fff; border:1px solid var(--cizgi); border-radius:12px;
  box-shadow:0 10px 15px -3px rgba(27,31,36,.08), 0 24px 48px -12px rgba(27,31,36,.18);
  opacity:0; visibility:hidden; pointer-events:none; z-index:60;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.mega--genis{ width:min(880px, calc(100vw - 3rem)); }
.acilir:hover > .mega,
.acilir:focus-within > .mega{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
/* fareyle boşluğa düşmemek için köprü */
.acilir::after{ content:""; position:absolute; left:0; right:0; top:100%; height:.65rem; }

.mega-ic{ display:grid; grid-template-columns:1fr 240px; gap:0; }
.mega-liste{ padding:.7rem; display:grid; gap:.15rem; }
.mega-liste > a{
  display:flex; align-items:center; gap:.85rem;
  padding:.6rem; border-radius:8px;
  transition:background .15s ease;
}
.mega-liste > a:hover{ background:var(--acik); }
.mega-gorsel{
  width:76px; height:52px; flex:none; border-radius:6px; overflow:hidden;
  background:var(--acik-2); display:block;
}
.mega-gorsel img,.mega-gorsel picture{ width:100%; height:100%; object-fit:cover; display:block; }
.mega-yazi{ display:block; min-width:0; }
.mega-yazi b{ display:block; font-size:.95rem; font-weight:600; color:var(--metin); }
.mega-yazi small{
  display:block; font-size:.83rem; color:var(--metin-2); line-height:1.45;
  overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

.mega-sutunlar{ padding:1.1rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.mega-sutun h4{
  font-size:.75rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--metin-2); padding-bottom:.5rem; margin-bottom:.4rem;
  border-bottom:1px solid var(--cizgi);
}
.mega-sutun a{
  display:flex; align-items:baseline; justify-content:space-between; gap:.5rem;
  padding:.32rem .4rem; margin-inline:-.4rem; border-radius:6px;
  font-size:.9rem; transition:background .15s ease, color .15s ease;
}
.mega-sutun a:hover{ background:var(--acik); color:var(--kirmizi); }
.mega-sutun a small{ color:var(--metin-2); font-size:.76rem; }

.mega-yan{
  background:var(--acik); border-left:1px solid var(--cizgi);
  border-radius:0 12px 12px 0; padding:1.2rem;
  display:flex; flex-direction:column; gap:.5rem;
}
.mega-yan h4{ font-size:.98rem; }
.mega-yan p{ font-size:.86rem; color:var(--metin-2); margin:0 0 .4rem; }
.mega-yan .btn{ width:100%; padding:.7rem 1rem; font-size:.9rem; }
.mega-alt-bag{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.86rem; font-weight:600; color:var(--metin-2);
  transition:color .15s ease, gap .15s ease;
}
.mega-alt-bag:hover{ color:var(--kirmizi); gap:.55rem; }
.mega-alt-bag svg{ width:13px; height:13px; }

/* ---------- Sağ blok ---------- */
.ust-sag{ display:flex; align-items:center; gap:.7rem; flex:none; }
.ust-tel{
  display:none; align-items:center; gap:.55rem;
  padding:.5rem .9rem .5rem .75rem; border-radius:var(--r);
  border:1px solid var(--cizgi); background:#fff;
  transition:border-color .15s ease, background .15s ease;
}
.ust-tel:hover{ border-color:var(--kirmizi); background:#fff; color:var(--metin); }
.ust-tel svg{ width:20px; height:20px; color:var(--kirmizi); flex:none; }
.ust-tel small{ display:block; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--metin-2); line-height:1.2; }
.ust-tel b{ display:block; font-size:1rem; line-height:1.25; letter-spacing:-.01em; }

/* ---------- Hamburger ---------- */
.ac-kapat{
  display:grid; place-items:center;
  width:46px; height:44px; padding:0; gap:0;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); cursor:pointer;
  transition:border-color .15s ease;
}
.ac-kapat:hover{ border-color:var(--metin); }
.ac-kapat-ic{ display:flex; flex-direction:column; justify-content:center; gap:5px; width:20px; }
.ac-kapat i{ display:block; width:100%; height:2px; background:var(--metin); border-radius:2px; transition:transform .25s ease, opacity .2s ease; }
.ac-kapat i:nth-child(2){ width:70%; margin-left:auto; }

/* ---------- Mobil tam ekran panel ---------- */
.panel-perde{
  position:fixed; inset:0; z-index:70;
  background:rgba(15,18,22,.45); backdrop-filter:blur(2px);
  opacity:0; transition:opacity .3s ease;
}
.panel-perde.acik{ opacity:1; }

.mobil-menu{
  position:fixed; top:0; right:0; bottom:0; z-index:80;
  width:min(420px, 100%);
  display:flex; flex-direction:column;
  background:#fff; border:0; border-left:1px solid var(--cizgi);
  transform:translateX(101%);
  transition:transform .38s cubic-bezier(.22,1,.36,1);
  box-shadow:-24px 0 48px -24px rgba(27,31,36,.35);
  visibility:hidden;
}
.mobil-menu.acik{ transform:translateX(0); visibility:visible; }

.mm-ust{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem clamp(1.1rem,4vw,1.5rem);
  border-bottom:1px solid var(--cizgi); flex:none;
}
.mm-ust img{ height:52px; width:auto; }
.mm-kapat{
  display:grid; place-items:center; width:44px; height:44px; flex:none;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  cursor:pointer; color:var(--metin); transition:border-color .15s ease, color .15s ease;
}
.mm-kapat:hover{ border-color:var(--kirmizi); color:var(--kirmizi); }
.mm-kapat svg{ width:20px; height:20px; }

.mm-govde{ flex:1; overflow-y:auto; padding:.5rem clamp(1.1rem,4vw,1.5rem) 1rem; -webkit-overflow-scrolling:touch; }
.mm-liste{ list-style:none; margin:0; padding:0; }
.mm-liste > li{ border-bottom:1px solid var(--cizgi); }
.mm-liste > li > a,
.mm-satir > a{
  display:block; padding:.95rem .2rem;
  font-size:1.08rem; font-weight:600; letter-spacing:-.01em;
  transition:color .15s ease, padding-left .18s ease;
}
.mm-liste > li > a:hover,
.mm-satir > a:hover{ color:var(--kirmizi); padding-left:.5rem; }

.mm-satir{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.mm-satir > a{ flex:1; }
.mm-ac{
  width:38px; height:38px; flex:none; position:relative;
  background:var(--acik); border:1px solid var(--cizgi); border-radius:8px; cursor:pointer;
  transition:background .15s ease;
}
.mm-ac::before,.mm-ac::after{
  content:""; position:absolute; left:50%; top:50%; background:var(--metin);
  transform:translate(-50%,-50%); transition:transform .25s ease, opacity .2s ease;
}
.mm-ac::before{ width:12px; height:2px; }
.mm-ac::after{ width:2px; height:12px; }
.mm-ac[aria-expanded="true"]{ background:var(--kirmizi); border-color:var(--kirmizi); }
.mm-ac[aria-expanded="true"]::before{ background:#fff; }
.mm-ac[aria-expanded="true"]::after{ opacity:0; }

.mm-alt{ padding:.1rem 0 .9rem .2rem; display:grid; gap:.05rem; }
.mm-alt a{
  display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  padding:.55rem .7rem; border-radius:8px;
  font-size:.95rem; color:var(--metin-2);
  transition:background .15s ease, color .15s ease;
}
.mm-alt a:hover{ background:var(--acik); color:var(--kirmizi); }
.mm-alt a small{ font-size:.78rem; color:var(--metin-2); }

.mm-alt-blok{
  flex:none; padding:1rem clamp(1.1rem,4vw,1.5rem) calc(1rem + env(safe-area-inset-bottom));
  border-top:1px solid var(--cizgi); background:var(--acik);
  display:grid; gap:.5rem;
}
.mm-durum{ display:flex; align-items:center; gap:.5rem; margin:0 0 .2rem; font-size:.86rem; color:var(--metin-2); }
.mm-nokta{ width:8px; height:8px; border-radius:50%; background:var(--yesil); flex:none; animation:nabiz 2s ease-in-out infinite; }
@keyframes nabiz{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

body.kilit{ overflow:hidden; }

/* ---------- Kırılım noktaları ---------- */
@media (max-width:1199px){
  .ana-nav{ display:none; }
}
@media (min-width:1200px){
  .menu{ display:flex; }
  .ust-tel{ display:flex; }
  .ac-kapat{ display:none; }
  .cagri-bar{ display:none; }
  body{ padding-bottom:0; }
}
@media (min-width:1024px) and (max-width:1199px){
  .ust-tel{ display:flex; }
}
@media (max-width:520px){
  .mobil-menu{ width:100%; border-left:0; }
  .mm-ust img{ height:46px; }
}

/* ---------- Hizmet kartı hover ---------- */
.kart{ position:relative; isolation:isolate; }
.kart-gorsel{ position:relative; overflow:hidden; }
.kart-gorsel img,.kart-gorsel picture{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.kart:hover .kart-gorsel img{ transform:scale(1.06); }
.kart-gorsel::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,18,22,0) 45%, rgba(15,18,22,.35) 100%);
  opacity:0; transition:opacity .35s ease;
}
.kart:hover .kart-gorsel::after{ opacity:1; }
.kart::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px; z-index:2;
  background:var(--kirmizi); transform:scaleX(0); transform-origin:left;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.kart:hover::before{ transform:scaleX(1); }
.kart:hover{ border-color:#CDD2DA; box-shadow:0 12px 28px -12px rgba(27,31,36,.25); transform:translateY(-4px); }
.kart .baglanti svg{ transition:transform .3s cubic-bezier(.22,1,.36,1); }
.kart:hover .baglanti svg{ transform:translateX(5px); }
.kart h3{ transition:color .2s ease; }
.kart:hover h3{ color:var(--kirmizi); }

@media (prefers-reduced-motion: reduce){
  .mobil-menu,.panel-perde,.kart,.kart-gorsel img{ transition:none !important; }
  .mm-nokta{ animation:none; }
}


/* Panel menü düzeltmeleri — eski kuralları geçersiz kıl */
.mobil-menu a{ border-bottom:0; padding:inherit; }
.mobil-menu ul{ padding:0; }
.mm-alt[hidden]{ display:none; }
[hidden]{ display:none !important; }
.mm-liste > li > a,
.mm-satir > a{ padding:.95rem .2rem; }
.mm-alt a{ padding:.55rem .7rem; }
.mobil-menu .btn{ margin-top:0; }
.mobil-menu,
.mobil-menu.acik{ display:flex; flex-direction:column; }

/* Slider alt kontrol çubuğu */
.slider-alt{
  position:absolute; z-index:4; bottom:1.2rem; left:0; right:0;
  display:flex; align-items:center; justify-content:center; gap:.9rem;
}
.slider-noktalar{ position:static; bottom:auto; }
.slider-durdur{
  display:grid; place-items:center; width:34px; height:34px; flex:none;
  background:rgba(255,255,255,.85); border:0; border-radius:50%;
  color:var(--metin); cursor:pointer; transition:background .15s ease;
}
.slider-durdur:hover{ background:#fff; }
.slider-durdur svg{ width:15px; height:15px; }
.slider-durdur .ikon-oynat{ display:none; }
.slider-durdur[aria-pressed="true"] .ikon-durdur{ display:none; }
.slider-durdur[aria-pressed="true"] .ikon-oynat{ display:block; }

.alan-not{ display:block; margin-top:.3rem; font-size:.82rem; color:var(--metin-2); }

/* Ekran dışı bölümleri tarayıcı gereksiz yere hesaplamasın (performans) */
main > section:not(.slider):not(.sayfa-bas){ content-visibility:auto; contain-intrinsic-size:auto 600px; }
.alt{ content-visibility:auto; contain-intrinsic-size:auto 480px; }