/* ==========================================================================
   SOOP Event — ana stil dosyası
   Siyah zemin, tek vurgu lime. Gradyan yok. Lime zemin üzeri metin daima siyah.
   ========================================================================== */

:root{
  --siyah:#000000;
  --yuzey:#0E0E0E;
  --yuzey-2:#141414;
  --beyaz:#FFFFFF;
  --lime:#C6FF00;
  --lime-koyu:#A8D900;
  --lime-soft:rgba(198,255,0,.10);
  --cizgi:#242424;
  --cizgi-acik:#333333;
  --sonuk:#A3A3A3;
  --lime-uzeri:#000000;

  --r-kart:12px;
  --r-btn:8px;

  --ff-baslik:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ff-metin:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

  --ease:cubic-bezier(.22,1,.36,1);
  --kenar:clamp(20px,5vw,48px);
  --bolum:clamp(56px,9vw,104px);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--siyah);
  color:var(--beyaz);
  font-family:var(--ff-metin);
  font-size:1rem;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;}
a{color:inherit;}

h1,h2,h3,h4{
  font-family:var(--ff-baslik);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 .6em;
  text-wrap:balance;
}

p{margin:0 0 1.1em;}
p:last-child{margin-bottom:0;}

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

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.atla{
  position:absolute;left:-9999px;top:0;z-index:100;
  padding:12px 20px;background:var(--lime);color:var(--lime-uzeri);
  font-weight:600;text-decoration:none;border-radius:0 0 var(--r-btn) 0;
}
.atla:focus{left:0;}

/* --- Yerleşim ------------------------------------------------------------ */
.wrap{
  width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--kenar);
}
.wrap--dar{max-width:820px;}

.bolum{padding-block:var(--bolum);}
.bolum + .bolum{padding-top:0;}
.bolum__giris{color:var(--sonuk);max-width:62ch;margin-bottom:2rem;}

/* --- Üst bar ------------------------------------------------------------- */
.ust{
  position:sticky;top:0;z-index:50;
  background:rgba(0,0,0,.92);
  border-bottom:1px solid var(--cizgi);
  backdrop-filter:saturate(140%) blur(8px);
}
.ust__ic{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;}

/* Yüklenen logo — yüksekliğe göre ölçeklenir, genişlik oranı korunur */
.custom-logo-link{display:inline-flex;align-items:center;line-height:0;}
.custom-logo{
  height:36px;width:auto;max-width:220px;object-fit:contain;display:block;
}
.alt__logo .custom-logo{height:32px;max-width:200px;}

@media (max-width:768px){
  .custom-logo{height:30px;max-width:170px;}
}

.marka{display:inline-flex;align-items:flex-end;gap:6px;text-decoration:none;}
.marka__ad{font-family:var(--ff-baslik);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;line-height:1;}
.marka__nokta{width:6px;height:6px;border-radius:50%;background:var(--lime);margin-bottom:3px;}

.ust__liste{display:flex;align-items:center;gap:28px;}
.menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;}
.menu li{position:relative;}
.menu a{
  text-decoration:none;font-size:.9375rem;font-weight:500;color:var(--beyaz);
  padding-block:8px;display:inline-block;
  transition:color .2s var(--ease);
}
.menu a:hover{color:var(--lime);}
.menu .current-menu-item > a{color:var(--lime);}

.menu .sub-menu{
  position:absolute;top:100%;left:-16px;min-width:270px;
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-kart);
  padding:10px;list-style:none;margin:0;display:none;flex-direction:column;gap:2px;
}
.menu li:hover > .sub-menu,
.menu li:focus-within > .sub-menu{display:flex;}
.menu .sub-menu a{padding:9px 12px;border-radius:6px;display:block;font-size:.9rem;}
.menu .sub-menu a:hover{background:var(--lime-soft);}

.ust__ac{display:none;}
.ust__cizgi{display:block;width:22px;height:2px;background:var(--beyaz);}

/* --- Butonlar ------------------------------------------------------------ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:var(--r-btn);border:1px solid transparent;
  font-family:var(--ff-metin);font-size:.9375rem;font-weight:600;line-height:1;
  text-decoration:none;cursor:pointer;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease);
}
.btn--birincil{background:var(--lime);color:var(--lime-uzeri);}
.btn--birincil:hover{background:var(--lime-koyu);}
.btn--ikincil{border-color:var(--cizgi-acik);color:var(--beyaz);}
.btn--ikincil:hover{border-color:var(--lime);color:var(--lime);}

/* --- Breadcrumb ---------------------------------------------------------- */
.breadcrumb{border-bottom:1px solid var(--cizgi);}
.breadcrumb ol{
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:14px 0;
  font-size:.8125rem;color:var(--sonuk);
}
.breadcrumb li + li::before{content:"/";margin-right:8px;color:var(--cizgi-acik);}
.breadcrumb a{text-decoration:none;}
.breadcrumb a:hover{color:var(--lime);}

/* --- Etiket ve bölüm başlığı --------------------------------------------- */
.etiket{
  display:flex;align-items:center;gap:14px;margin:0 0 18px;
  font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sonuk);
}
.etiket::before{content:"";width:40px;height:4px;background:var(--lime);flex:none;}

.bolum-baslik{
  font-size:clamp(1.5rem,3vw,2.125rem);
  margin:0 0 1.2rem;padding-top:20px;position:relative;
}
.bolum-baslik::before{
  content:"";position:absolute;top:0;left:0;width:40px;height:4px;background:var(--lime);
}

/* --- Hero ---------------------------------------------------------------- */
.bolum--hero{padding-block:clamp(48px,7vw,88px);}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;}
.hero__baslik{font-size:clamp(2rem,4.6vw,3.25rem);margin-bottom:20px;max-width:20ch;}
.hero__metin{color:var(--sonuk);font-size:1.0625rem;max-width:56ch;}
.hero__meta{color:var(--sonuk);font-size:.875rem;}
.hero__butonlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.hero__gorsel img{border-radius:var(--r-kart);border:1px solid var(--cizgi);width:100%;}
.hero--sade .hero__baslik{max-width:24ch;}


/* --- Anasayfa video banner'ı -------------------------------------------- */
.banner{position:relative;background:var(--siyah);}

.banner__sahne{
  position:relative;overflow:hidden;
  width:100%;
  /* 56.25vw = 16:9 oranı. aspect-ratio + max-height birlikte kullanılmıyor,
     çünkü yükseklik kısıtlandığında tarayıcı genişliği de daraltıyor. */
  height:min(calc(100vw / var(--banner-oran, 1.7778)), var(--banner-ekran, 85vh));
  min-height:260px;
  background:var(--siyah);
}

.banner__video{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  min-width:100%;min-height:100%;
  width:auto;height:auto;
  object-fit:cover;object-position:center;
  pointer-events:none;display:block;
}

/* Videonun tamamını göster: yükseklik JS ile video oranına ayarlanır */
.banner--tumu .banner__sahne{height:min(calc(100vw / var(--banner-oran, 1.7778)), var(--banner-ekran, 85vh));}
.banner--tumu .banner__video{
  position:absolute;inset:0;
  width:100%;height:100%;min-width:0;min-height:0;
  transform:none;top:0;left:0;
  object-fit:contain;
}

/* Gömülü oynatıcı (Vimeo / YouTube)
   Yükseklik hem video oranına hem ekran yüksekliğine göre sınırlanır ki
   banner her zaman tek ekranda görünsün. aspect-ratio kullanılmaz; yükseklik
   kısıtlandığında tarayıcı genişliği de daraltıyor. */
.banner--gomulu .banner__sahne{
  /* Yükseklik = genişlik / video oranı. Ekran yüksekliği bir üst sınır koyar.
     aspect-ratio kullanılmaz; yükseklik kısıtlandığında tarayıcı genişliği de daraltıyor. */
  height:min(calc(100vw / var(--banner-oran, 1.7778)), var(--banner-ekran, 85vh));
  min-height:220px;
  aspect-ratio:auto;
}
.banner__gomulu{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;display:block;
}

/* Videonun tamamını göster: oynatıcı video oranını korur, gerekirse yanda boşluk kalır */
.banner--gomulu.banner--tumu .banner__gomulu{
  width:auto;height:100%;aspect-ratio:var(--banner-oran, 1.7778);
  left:50%;right:auto;transform:translateX(-50%);
  max-width:100%;
}
.banner--gomulu.banner--tumu .banner__sahne{background:var(--siyah);}

/* Kaydırma ipucu */
.banner__ipucu{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:opacity .4s var(--ease);
}
.banner__ipucu-metin{
  font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--beyaz);text-shadow:0 1px 6px rgba(0,0,0,.7);
}
.banner__ipucu-ok{
  width:1px;height:34px;background:rgba(255,255,255,.35);position:relative;overflow:hidden;
}
.banner__ipucu-ok::after{
  content:"";position:absolute;inset:0;background:var(--lime);
  animation:banner-ok 1.9s var(--ease) infinite;
}
@keyframes banner-ok{
  0%{transform:translateY(-100%);}
  60%,100%{transform:translateY(100%);}
}
.banner.is-bitti .banner__ipucu{opacity:0;pointer-events:none;}

/* Kaydırma modunda sahne ekrana sabitlenir */
.banner--scroll .banner__sahne{
  position:sticky;top:0;height:100vh;height:100svh;
  aspect-ratio:auto;max-height:none;
}

/* --- Banner altındaki giriş bölümü --------------------------------------- */
.giris{padding-block:clamp(48px,7vw,88px);}
.giris__ic{
  display:grid;grid-template-columns:1.05fr 1fr;
  gap:clamp(28px,5vw,72px);align-items:start;
}
.giris__baslik{
  font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.08;letter-spacing:-.02em;
  margin:0;max-width:18ch;text-wrap:balance;
}
.giris__metin{
  color:var(--sonuk);font-size:1.0625rem;line-height:1.85;margin:0;max-width:56ch;
}
.giris__butonlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}

@media (max-width:900px){
  .giris__ic{grid-template-columns:1fr;gap:24px;}
}

@media (max-width:768px){
  .banner__sahne{height:clamp(300px, 75vw, 520px);}
}

@media (prefers-reduced-motion:reduce){
  .banner__ipucu-ok::after{animation:none;background:rgba(255,255,255,.35);}
  .banner--scroll .banner__sahne{
    position:relative;
    height:min(calc(100vw / var(--banner-oran, 1.7778)), var(--banner-ekran, 85vh));
  }
}

/* --- Tanım kutusu -------------------------------------------------------- */
.tanim{
  border-left:4px solid var(--lime);
  background:var(--yuzey);
  padding:22px 26px;border-radius:0 var(--r-kart) var(--r-kart) 0;
  font-size:1.0625rem;margin:0;
}

/* --- Metin bloğu --------------------------------------------------------- */
.metin{color:var(--sonuk);}
.metin p{max-width:70ch;}
.metin a{color:var(--lime);}
.metin h2,.metin h3{color:var(--beyaz);}
.metin ul,.metin ol{max-width:70ch;padding-left:1.2em;}
.metin li{margin-bottom:.5em;}
.metin--genis p{font-size:1.0625rem;line-height:1.85;max-width:74ch;}
.metin--genis p:first-of-type{color:var(--beyaz);}

/* --- İşaretli liste ------------------------------------------------------ */
.isaretli{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.isaretli li{
  position:relative;padding-left:28px;color:var(--sonuk);
}
.isaretli li::before{
  content:"";position:absolute;left:0;top:.7em;
  width:10px;height:2px;background:var(--lime);
}

/* --- Kartlar ------------------------------------------------------------- */
.kartlar{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;
}
.kart__link{
  display:flex;flex-direction:column;height:100%;text-decoration:none;
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-kart);
  overflow:hidden;transition:border-color .2s var(--ease),transform .2s var(--ease);
}
.kart__link:hover{border-color:var(--lime);transform:translateY(-3px);}
.kart__gorsel{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--yuzey-2);}
.kart__gorsel img{width:100%;height:100%;object-fit:cover;}
.kart__govde{display:flex;flex-direction:column;gap:10px;padding:22px;flex:1;}
.kart__baslik{font-size:1.125rem;margin:0;}
.kart__ozet{color:var(--sonuk);font-size:.9375rem;line-height:1.6;flex:1;}
.kart__ok{color:var(--lime);}
.kart__ok svg{width:20px;height:20px;transition:transform .2s var(--ease);}
.kart__link:hover .kart__ok svg{transform:translateX(4px);}

/* --- Kutular ------------------------------------------------------------- */
.kutular{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;
}
.kutu{
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-kart);
  padding:24px;
}
.kutu__baslik{font-size:1.0625rem;margin:0 0 10px;}
.kutu__metin{color:var(--sonuk);margin:0;font-size:.9375rem;}
.kutu__metin a{color:var(--lime);text-decoration:none;}
.kutu__metin a:hover{text-decoration:underline;}
.kutu__not{color:var(--sonuk);font-size:.8125rem;margin:10px 0 0;opacity:.75;}

/* --- Tablo --------------------------------------------------------------- */
.tablo-sarmal{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--r-kart);}
.tablo{width:100%;border-collapse:collapse;font-size:.9375rem;}
.tablo th,.tablo td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--cizgi);}
.tablo tr:last-child th,.tablo tr:last-child td{border-bottom:0;}
.tablo th{font-weight:600;color:var(--beyaz);width:45%;background:var(--yuzey);}
.tablo td{color:var(--sonuk);font-variant-numeric:tabular-nums;}

/* --- Süreç --------------------------------------------------------------- */
.surec{
  list-style:none;margin:0;padding:0;counter-reset:adim;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;
}
.surec__adim{border-top:1px solid var(--cizgi);padding-top:20px;}
.surec__no{
  display:block;font-family:var(--ff-baslik);font-weight:700;font-size:.875rem;
  color:var(--lime);letter-spacing:.08em;margin-bottom:10px;font-variant-numeric:tabular-nums;
}
.surec__baslik{font-size:1.0625rem;margin:0 0 8px;}
.surec__metin{color:var(--sonuk);font-size:.9375rem;margin:0;}

/* --- Sayılar ------------------------------------------------------------- */
.sayilar{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;
}
.sayi{border-top:1px solid var(--cizgi);padding-top:20px;}
.sayi__deger{
  display:block;font-family:var(--ff-baslik);font-weight:700;
  font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;margin-bottom:6px;
}
.sayi__etiket{color:var(--sonuk);font-size:.875rem;}

/* --- SSS ----------------------------------------------------------------- */
.sss{border-top:1px solid var(--cizgi);}
.sss__oge{border-bottom:1px solid var(--cizgi);}
.sss__soru{margin:0;font-size:1rem;}
.sss__buton{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  background:none;border:0;padding:20px 0;cursor:pointer;text-align:left;
  font-family:var(--ff-baslik);font-weight:600;font-size:1.0625rem;line-height:1.4;
  color:var(--beyaz);letter-spacing:-.01em;
  transition:color .2s var(--ease);
}
.sss__buton:hover{color:var(--lime);}
.sss__ikon{width:20px;height:20px;flex:none;margin-top:2px;color:var(--lime);transition:transform .25s var(--ease);}
.sss__buton[aria-expanded="true"] .sss__ikon{transform:rotate(180deg);}
.sss__cevap{padding:0 0 22px;color:var(--sonuk);max-width:70ch;}
.sss__cevap p{margin:0;}

/* --- CTA ----------------------------------------------------------------- */
.cta{
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-kart);
  padding:clamp(28px,5vw,48px);text-align:center;
}
.cta__baslik{font-size:clamp(1.375rem,2.6vw,1.875rem);margin:0 0 12px;}
.cta__metin{color:var(--sonuk);max-width:56ch;margin:0 auto 28px;}
.cta__butonlar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}

/* --- Yazı ---------------------------------------------------------------- */
.yazi__gorsel{margin:0;border-radius:var(--r-kart);overflow:hidden;border:1px solid var(--cizgi);}

/* --- Arama --------------------------------------------------------------- */
.arama{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.arama input{
  flex:1;min-width:220px;padding:13px 16px;border-radius:var(--r-btn);
  background:var(--yuzey);border:1px solid var(--cizgi);color:var(--beyaz);
  font-family:var(--ff-metin);font-size:.9375rem;
}
.arama input::placeholder{color:var(--sonuk);}



/* --- Makale düzeni (hizmet sayfaları) ------------------------------------ */
.makale{padding-block:clamp(40px,6vw,72px);}
.makale__izgara{
  display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:clamp(32px,5vw,72px);align-items:start;
}

.makale__yan{position:sticky;top:96px;}
.icindekiler{border-top:2px solid var(--lime);padding-top:20px;}
.icindekiler__baslik{
  font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sonuk);margin:0 0 16px;
}
.icindekiler ol{list-style:none;margin:0;padding:0;counter-reset:ic;display:grid;gap:2px;}
.icindekiler li{counter-increment:ic;}
.icindekiler a{
  display:block;padding:9px 0 9px 30px;position:relative;
  font-size:.875rem;line-height:1.45;color:var(--sonuk);text-decoration:none;
  transition:color .2s var(--ease);
}
.icindekiler a::before{
  content:counter(ic,decimal-leading-zero);
  position:absolute;left:0;top:9px;
  font-family:var(--ff-baslik);font-weight:700;font-size:.75rem;
  color:var(--cizgi-acik);transition:color .2s var(--ease);
}
.icindekiler a:hover,
.icindekiler a.aktif{color:var(--beyaz);}
.icindekiler a:hover::before,
.icindekiler a.aktif::before{color:var(--lime);}
.icindekiler__cta{margin-top:24px;width:100%;}

.makale__govde{max-width:74ch;}
.makale__bolum{margin-top:clamp(36px,5vw,56px);scroll-margin-top:100px;}
.makale__baslik{
  font-size:clamp(1.375rem,2.6vw,1.875rem);
  margin:0 0 18px;padding-top:22px;position:relative;
}
.makale__baslik::before{
  content:"";position:absolute;top:0;left:0;width:40px;height:4px;background:var(--lime);
}
.makale__govde p{color:var(--sonuk);font-size:1.0625rem;line-height:1.85;margin:0 0 1.15em;}
.makale__govde p:last-child{margin-bottom:0;}
/* Cevap-önce kuralı: her bölümün ilk paragrafı vurgulanır */
.makale__bolum > p:first-of-type{color:var(--beyaz);}
.makale__tarih{
  margin-top:clamp(36px,5vw,56px);padding-top:20px;
  border-top:1px solid var(--cizgi);
  font-size:.8125rem;color:var(--sonuk);
}

@media (max-width:900px){
  .makale__izgara{grid-template-columns:1fr;}
  .makale__yan{position:static;}
  .icindekiler__cta{display:none;}
  .icindekiler ol{
    display:flex;flex-wrap:wrap;gap:4px 18px;
  }
  .icindekiler a{padding-block:6px;}
}

/* --- Teklif formu -------------------------------------------------------- */
.form-sarmal--sayfa{
  background:var(--yuzey);
  border:1px solid var(--cizgi);
  border-radius:var(--r-kart);
  padding:clamp(24px,4vw,40px);
  margin-top:8px;
}
.form__tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.form__izgara{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 20px;
}
.form__alan{display:flex;flex-direction:column;gap:8px;min-width:0;}
.form__alan--genis{grid-column:1/-1;}

.form__etiket{
  font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sonuk);
}
.form__yildiz{color:var(--lime);margin-left:3px;}

.form__girdi{
  width:100%;padding:14px 16px;border-radius:var(--r-btn);
  background:var(--siyah);border:1px solid var(--cizgi-acik);color:var(--beyaz);
  font-family:var(--ff-metin);font-size:.9375rem;line-height:1.5;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
  appearance:none;
}
.form__girdi::placeholder{color:var(--sonuk);opacity:.6;}
.form__girdi:hover{border-color:#4A4A4A;}
.form__girdi:focus{
  border-color:var(--lime);outline:none;
  box-shadow:0 0 0 3px var(--lime-soft);
}
textarea.form__girdi{resize:vertical;min-height:110px;}

/* Sayı alanındaki yukarı/aşağı okları kaldır */
.form__girdi[type="number"]{-moz-appearance:textfield;appearance:textfield;}
.form__girdi[type="number"]::-webkit-outer-spin-button,
.form__girdi[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

.form__girdi--secim{
  cursor:pointer;padding-right:44px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C6FF00' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:18px;
}
.form__girdi--secim option{background:var(--yuzey-2);color:var(--beyaz);}

.form__alt{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;margin-top:26px;padding-top:24px;border-top:1px solid var(--cizgi);
}
.form__onay{display:flex;align-items:flex-start;gap:11px;flex:1 1 320px;}
.form__onay input{
  width:19px;height:19px;flex:none;margin-top:2px;
  accent-color:var(--lime);cursor:pointer;
}
.form__onay label{
  font-size:.8125rem;color:var(--sonuk);line-height:1.55;cursor:pointer;
}
.form__gonder{flex:0 0 auto;}

.bildirim{
  padding:16px 20px;border-radius:var(--r-kart);margin:0 0 24px;
  font-size:.9375rem;line-height:1.6;border:1px solid var(--cizgi);
}
.bildirim strong{color:var(--beyaz);}
.bildirim--basarili{border-color:var(--lime);background:var(--lime-soft);color:var(--sonuk);}
.bildirim--hata{border-color:#5A2A2A;background:rgba(200,60,60,.10);color:var(--sonuk);}

/* --- Teklif formu penceresi ---------------------------------------------- */
.modal{
  width:min(760px,calc(100vw - 32px));max-width:none;
  max-height:min(88vh,900px);
  padding:0;border:1px solid var(--cizgi-acik);border-radius:var(--r-kart);
  background:var(--yuzey);color:var(--beyaz);overflow:hidden;
}
.modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px);}
.modal{--modal-pad:clamp(20px,4vw,40px);}
.modal__ic{
  position:relative;overflow-y:auto;overscroll-behavior:contain;
  max-height:inherit;
  padding:var(--modal-pad);
  -webkit-overflow-scrolling:touch;
}
.modal__kapat{
  position:absolute;top:14px;right:14px;z-index:2;
  width:40px;height:40px;display:grid;place-items:center;
  background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:var(--r-btn);
  color:var(--sonuk);cursor:pointer;
  transition:border-color .2s var(--ease),color .2s var(--ease);
}
.modal__kapat:hover{border-color:var(--lime);color:var(--lime);}
.modal__kapat svg{width:18px;height:18px;}
.modal__ust{margin-bottom:26px;padding-right:48px;}
.modal__baslik{
  font-size:clamp(1.375rem,2.4vw,1.75rem);margin:0 0 10px;
}
.modal__metin{color:var(--sonuk);font-size:.9375rem;margin:0;max-width:52ch;}
.modal__govde .form-sarmal{background:none;border:0;padding:0;margin:0;}


/* Pencere içinde yalnızca form alanları kaydırılır; başlık üstte,
   onay ve gönder butonu altta her zaman görünür kalır. */
.modal__ic{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;}
.modal__ust{flex:none;}
.modal__govde{display:flex;flex-direction:column;min-height:0;flex:1;}
.modal .form-sarmal{display:flex;flex-direction:column;min-height:0;flex:1;}
.modal .form{display:flex;flex-direction:column;min-height:0;flex:1;}
.modal .form__izgara{
  overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;
  -webkit-overflow-scrolling:touch;padding-bottom:4px;
}
.modal .form__alt{
  flex:none;margin:0 calc(var(--modal-pad) * -1);
  padding:18px var(--modal-pad) calc(18px + env(safe-area-inset-bottom, 0px));
  background:var(--yuzey);
  border-top:1px solid var(--cizgi);
  box-shadow:0 -10px 24px rgba(0,0,0,.55);
}
.modal .bildirim{flex:none;}

@media (max-width:640px){
  .form__izgara{grid-template-columns:1fr;gap:16px;}
  .form__alt{flex-direction:column;align-items:stretch;gap:14px;}
  /* Dikey sıralamada flex-basis yüksekliğe uygulanıyor; sıfırlanmalı. */
  .form__onay{flex:0 0 auto;}
  .form__gonder{width:100%;}

  /* Alttan açılan panel: tam ekran yerine pencere hissi verir */
  .modal{
    width:100%;max-width:100%;
    margin:auto auto 0;              /* alta yaslanır */
    max-height:88dvh;
    height:auto;
    border-radius:16px 16px 0 0;
    border:1px solid var(--cizgi-acik);border-bottom:0;
  }
  .modal__ic{
    max-height:88dvh;
    padding-top:26px;
    padding-bottom:0;                /* alt boşluğu sabit alan üstlenir */
  }

  /* Üstteki tutamak çizgisi */
  .modal__ic::before{
    content:"";position:sticky;top:0;z-index:3;
    display:block;width:44px;height:4px;margin:-8px auto 16px;
    border-radius:99px;background:var(--cizgi-acik);
  }

  .modal__ust{margin-bottom:18px;padding-right:44px;}
  .modal__ust .etiket{margin-bottom:10px;}
  .modal__baslik{font-size:1.25rem;margin-bottom:6px;}
  .modal__metin{font-size:.875rem;}

  /* Alçak ekranlarda açıklama metni gizlenir, form için yer açılır */
  @media (max-height:700px){
    .modal__metin{display:none;}
    .modal__ust .etiket{display:none;}
    .modal__ust{margin-bottom:14px;}
  }
  .modal__kapat{top:18px;right:12px;width:36px;height:36px;}

}

/* dvh desteklemeyen tarayıcılar için yedek */
@supports not (height: 1dvh){
  @media (max-width:640px){
    .modal,.modal__ic{max-height:88vh;}
  }
}

/* --- Sayfalama ----------------------------------------------------------- */
.pagination{margin-top:40px;}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;
  border:1px solid var(--cizgi);border-radius:var(--r-btn);text-decoration:none;
  font-size:.9375rem;padding-inline:12px;
}
.page-numbers:hover{border-color:var(--lime);color:var(--lime);}
.page-numbers.current{background:var(--lime);color:var(--lime-uzeri);border-color:var(--lime);font-weight:600;}

/* --- Alt bilgi ----------------------------------------------------------- */
.alt{border-top:1px solid var(--cizgi);padding-top:clamp(40px,6vw,64px);margin-top:var(--bolum);}
.alt__ic{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px;
  padding-bottom:40px;
}
.alt__aciklama{color:var(--sonuk);font-size:.875rem;margin-top:14px;max-width:34ch;}
.alt__baslik{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sonuk);margin:0 0 16px;}
.alt__liste{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.9rem;}
.alt__liste a{text-decoration:none;color:var(--beyaz);transition:color .2s var(--ease);}
.alt__liste a:hover{color:var(--lime);}
.alt__liste--iletisim li{color:var(--sonuk);}
.alt__son{
  border-top:1px solid var(--cizgi);padding-block:24px;
  display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;
  font-size:.8125rem;color:var(--sonuk);
}
.alt__son p{margin:0;}
.alt__not{max-width:62ch;opacity:.8;}

/* --- Duyarlılık ---------------------------------------------------------- */
@media (max-width:900px){
  .hero{grid-template-columns:1fr;}
  .hero__gorsel{order:-1;}
  .alt__ic{grid-template-columns:1fr 1fr;gap:28px;}
}

@media (max-width:768px){
  .ust__ac{
    display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;
    width:44px;height:44px;background:none;border:1px solid var(--cizgi);
    border-radius:var(--r-btn);cursor:pointer;
  }
  .ust__liste{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--siyah);border-bottom:1px solid var(--cizgi);
    padding:12px var(--kenar) 24px;
  }
  .ust__liste.acik{display:flex;}
  .menu{flex-direction:column;align-items:stretch;gap:0;}
  .menu > li{border-bottom:1px solid var(--cizgi);}
  .menu a{padding:14px 0;}
  .menu .sub-menu{
    position:static;display:flex;border:0;background:none;padding:0 0 12px 16px;min-width:0;
  }
  .menu .sub-menu a{padding:8px 0;}
  .ust__cta{margin-top:16px;}
  .alt__ic{grid-template-columns:1fr;}
}

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

/* --- Teklif formu: kaydırma çubuğu ve alt solma ------------------------- */
.modal .form__izgara{
  /* Firefox */
  scrollbar-width:thin;
  scrollbar-color:var(--cizgi-acik) transparent;
  /* Alt kenarda yumuşak solma: aşağıda devamı olduğunu belli eder */
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent 100%);
}
.modal .form__izgara::-webkit-scrollbar{width:5px;}
.modal .form__izgara::-webkit-scrollbar-track{background:transparent;}
.modal .form__izgara::-webkit-scrollbar-thumb{
  background:var(--cizgi-acik);border-radius:99px;
  transition:background-color .2s var(--ease);
}
.modal .form__izgara::-webkit-scrollbar-thumb:hover{background:var(--lime);}

/* Sona gelindiğinde solma kaybolur (destekleyen tarayıcılarda) */
@supports (animation-timeline: scroll()){
  .modal .form__izgara{
    animation:solma-kapat linear both;
    animation-timeline:scroll(self);
    animation-range:calc(100% - 60px) 100%;
  }
  @keyframes solma-kapat{
    to{
      -webkit-mask-image:linear-gradient(to bottom,#000 100%,#000 100%);
      mask-image:linear-gradient(to bottom,#000 100%,#000 100%);
    }
  }
}