/* ============================================================
   ÖRNEK ANTEPLİOĞLU — Marka Tasarım Sistemi
   Fıstık yeşili + krem palet, asimetrik/özgün yerleşim
   (şablon hissi veren rozet/numara/gradyan kalıplarından kaçınılmıştır)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,ital@9..144,300..900,0..1&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* Klasik tema (varsayılan marka paleti; bayi/yönetim panelindeki tema seçicide "Klasik") */
  --cream:        #F6F8F1;
  --cream-deep:   #EEF2E7;
  --paper:        #FFFFFF;

  --ink:          #1D2B1A;
  --ink-soft:     #5F7154;
  --ink-faint:    #7E8F72;

  --green-900:    #1E3F1D;
  --green-800:    #2A491A;
  --green-700:    #4F6812;
  --green-600:    #6A8A18;
  --green-ink:    #EDF4E7;

  --gold-300:     #E3CDA0;
  --gold-500:     #A87A16;
  --gold-600:     #8A640F;
  --gold-700:     #714F0D;

  --line:         rgba(29,43,26,.13);
  --line-strong:  rgba(29,43,26,.26);
  --shadow-sm:    0 1px 2px rgba(29,43,26,.06), 0 4px 14px rgba(29,43,26,.05);
  --shadow-md:    0 14px 34px rgba(29,43,26,.14);
  --shadow-lg:    0 28px 64px rgba(24,36,22,.24);

  --radius-sm:    6px;
  --radius-md:    8px;
  --radius-lg:    10px;

  --container:    1280px;
  --container-narrow: 820px;

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Manrope', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* Geriye dönük takma adlar — bayi/yönetim paneli (app.css) bunları kullanır */
  --pistachio-50:  var(--cream-deep);
  --pistachio-200: var(--gold-300);
  --pistachio-500: var(--green-600);
  --pistachio-600: var(--green-600);
  --pistachio-700: var(--green-700);
  --pistachio-900: var(--green-900);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
html,body{ margin:0; padding:0; }
body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; }

::selection{ background:var(--green-700); color:#fff; }

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  margin:0;
  color:var(--ink);
}
h1,h2{ font-weight:700; }

.container{ max-width:var(--container); margin:0 auto; padding:0 28px; }
.container-narrow{ max-width:var(--container-narrow); margin:0 auto; padding:0 28px; }

@media (max-width:640px){
  .container,.container-narrow{ padding:0 20px; }
}

/* ============================================================
   MÜHÜR / DAMGA ROZETİ — tekrar kullanılan marka imzası
   ============================================================ */
.seal{
  --sz:118px;
  width:var(--sz); height:var(--sz); border-radius:50%;
  border:1.5px solid currentColor;
  display:flex; align-items:center; justify-content:center; text-align:center;
  position:relative; flex:none; padding:14px;
}
.seal::before{
  content:""; position:absolute; inset:8px; border-radius:50%; border:1px solid currentColor; opacity:.5;
}
.seal b{
  font-family:var(--font-display); font-weight:700; font-size:20px; line-height:1.1;
  display:block; letter-spacing:0;
}
.seal span{
  display:block; font-size:7.5px; font-weight:700; letter-spacing:.1em; margin-top:4px; text-transform:uppercase;
  white-space:nowrap;
}

.diamond-mark{ display:inline-block; width:8px; height:8px; background:currentColor; transform:rotate(45deg); }

/* ============================================================
   BUTONLAR
   ============================================================ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-body); font-weight:700; font-size:14px;
  letter-spacing:.02em;
  padding:15px 28px; border-radius:var(--radius-sm);
  border:1.5px solid transparent;
  cursor:pointer; white-space:nowrap;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.btn:active{ transform:translateY(1px); }
.btn-primary{ background:var(--green-700); color:#fff; }
.btn-primary:hover{ background:var(--green-800); }
.btn-gold{ background:var(--gold-500); color:#fff; }
.btn-gold:hover{ background:var(--gold-600); }
.btn-outline{ background:transparent; color:var(--ink); border-color:var(--line-strong); }
.btn-outline:hover{ border-color:var(--ink); background:var(--paper); }
.btn-outline-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
.btn-outline-light:hover{ border-color:#fff; background:rgba(255,255,255,.12); }
.btn-lg{ padding:18px 32px; font-size:15px; }
.btn-sm{ padding:10px 18px; font-size:12.5px; }

/* ============================================================
   ÜST BAR / NAVİGASYON
   ============================================================ */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:var(--green-900);
  border-bottom:3px solid var(--gold-500);
}
.site-header .header-inner{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:15px 28px;
}
.brand{ display:flex; align-items:center; gap:13px; }
.brand-mark{
  width:44px; height:44px; border-radius:50%; flex:none;
  background:var(--paper); border:1.5px solid #fff;
}
.brand-mark img{ width:100%; height:100%; object-fit:cover; border-radius:50%; }
.brand-word{ display:flex; flex-direction:column; line-height:1.15; }
.brand-word b{
  font-family:var(--font-display); font-size:19px; font-weight:700; letter-spacing:.01em; color:var(--green-ink);
}
.brand-word span{ font-size:9.5px; font-weight:700; letter-spacing:.15em; color:var(--gold-500); text-transform:uppercase; }
/* .brand-ad-alt da bir <span> ama marka adının parçası — alt satırdaki "Gaziantep Baklavacısı" gibi değil, "Örnek" ile aynı görünsün. */
.brand-word b .brand-ad-alt{ font-size:inherit; font-weight:inherit; letter-spacing:inherit; color:inherit; text-transform:none; }

.main-nav{ display:flex; align-items:center; gap:32px; }
.main-nav a{
  display:flex; align-items:center; gap:0;
  font-size:13.5px; font-weight:600; color:rgba(242,244,233,.75);
  position:relative; padding:4px 0; transition:color .15s ease;
}
.main-nav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:-3px; height:2px;
  background:var(--gold-500); transition:right .22s ease;
}
.main-nav a:hover{ color:var(--green-ink); }
.main-nav a:hover::after{ right:0; }
.main-nav a.is-active{ color:var(--gold-300); }
.main-nav a.is-active::after{ right:0; }
.main-nav a .nav-icon{ display:none; }
/* Dijital menü QR penceresi */
.menu-qr-pencere{ width:min(340px, calc(100vw - 32px)); padding:30px 26px 24px; border:0; border-radius:22px; background:#fff; color:var(--ink); text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.35); }
.menu-qr-pencere::backdrop{ background:rgba(10,14,6,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.menu-qr-kapat{ position:absolute; top:12px; right:12px; width:36px; height:36px; border:0; border-radius:50%; background:var(--cream-deep); color:var(--ink); cursor:pointer; display:grid; place-items:center; }
.menu-qr-kapat svg{ width:18px; height:18px; }
.menu-qr-ust{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-500); }
.menu-qr-pencere h3{ font-family:var(--font-display); font-size:23px; margin:6px 0 16px; }
.menu-qr-kod{ width:220px; height:220px; margin:0 auto; padding:12px; border-radius:16px; background:#fff; box-shadow:0 0 0 2px var(--gold-500), 0 10px 24px rgba(29,43,26,.12); display:grid; place-items:center; font-size:13px; color:var(--ink-faint); }
.menu-qr-kod svg{ display:block; width:100%; height:100%; }
.menu-qr-pencere p{ margin:16px 0 12px; font-size:14px; line-height:1.55; color:var(--ink-soft); }
.menu-qr-ac{ font-size:14px; font-weight:800; color:var(--green-700); }
/* Anasayfa üst bölüm: Bayimiz Olun düğmesi (ince altın çerçeve) ve yuvarlak QR düğmesi */
.hero-bayilik{ border-color:rgba(184,134,42,.75); }
.hero-bayilik .giris-ikon{ background:var(--gold-500); color:#fff; }
.hero-qr{ cursor:pointer; } /* giris-btn hap düğmesi; <button> olduğu için imleç ayarı */
.hero-kirilim{ flex-basis:100%; height:0; } /* Bayimiz Olun + QR üst satırda, diğer düğmeler alt satırda */
@media (max-width:480px){
  /* Telefonda: Bayimiz Olun ile QR Menü yan yana (yarım genişlik), diğer düğmeler tam genişlik */
  .hero .hero-actions{ display:grid; grid-template-columns:1fr 1fr; }
  .hero .hero-actions .hap-buyuk{ grid-column:1 / -1; }
  .hero .hero-actions .hero-bayilik, .hero .hero-actions .hero-qr{ grid-column:auto; justify-content:space-between; gap:8px; padding:0 6px 0 16px; font-size:14px; }
  .hero .hero-actions .hero-bayilik .giris-ikon, .hero .hero-actions .hero-qr .giris-ikon{ position:static; margin:0; width:36px; height:36px; }
  .hero .hero-actions .hero-kirilim{ display:none; }
}
/* Anasayfa Dijital Menü QR bölümü: solda yazı, sağda QR kartı (başlıktaki pencereyle aynı kart) */
.menu-qr-bolum{ background:var(--green-900); color:var(--green-ink); }
.menu-qr-bolum-ic{ display:grid; grid-template-columns:minmax(0,1.1fr) auto; gap:56px; align-items:center; }
.menu-qr-bolum-yazi h2{ font-size:clamp(28px,3.4vw,42px); color:#fff; margin:12px 0 14px; }
.menu-qr-bolum-yazi p{ font-size:16.5px; line-height:1.7; color:rgba(242,244,233,.8); max-width:520px; margin:0 0 26px; }
.menu-qr-kart{ width:340px; padding:30px 26px 24px; border-radius:22px; background:#fff; color:var(--ink); text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.35); }
.menu-qr-kart h3{ font-family:var(--font-display); font-size:23px; margin:6px 0 16px; }
.menu-qr-kart p{ margin:16px 0 12px; font-size:14px; line-height:1.55; color:var(--ink-soft); }
@media (max-width:900px){
  .menu-qr-bolum-ic{ grid-template-columns:1fr; gap:30px; text-align:center; }
  .menu-qr-bolum-yazi .kicker{ justify-content:center; }
  .menu-qr-bolum-yazi p{ margin-left:auto; margin-right:auto; }
  .menu-qr-kart{ width:min(340px, 100%); margin:0 auto; }
}
/* Marka adı tek satırda kalsın; orta boy ekranlarda menü aralığı biraz daralır. */
.brand-word b{ white-space:nowrap; }
@media (min-width:1201px) and (max-width:1480px){ .main-nav{ gap:24px; } }
.main-nav-head{ display:none; }
.nav-dil{ display:none; }
.main-nav .nav-anasayfa{ display:none; } /* Anasayfa yalnızca telefon menüsünde (masaüstünde logo anasayfaya gider) */
.nav-close{ display:none; }
.nav-social-mobile{ display:none; }
.nav-contact-mobile{ display:none; }
.header-cta{ display:flex; align-items:center; gap:12px; }
.header-cta .btn-outline{ color:var(--green-ink); border-color:rgba(242,244,233,.45); }
.header-cta .btn-outline:hover{ background:var(--green-ink); color:var(--green-900); }
.header-social{ gap:8px; margin-right:4px; padding-right:16px; border-right:1px solid rgba(242,244,233,.22); }
.header-social a{ width:30px; height:30px; color:rgba(242,244,233,.75); }
.header-social a:hover{ color:var(--gold-300); border-color:rgba(242,244,233,.5); }
.header-social svg{ width:14px; height:14px; }

/* Hap düğmeler — "ok sağda" tasarımı: düz renkler, simge sağdaki dairede.
   .giris-btn = ikincil (şeffaf, krem çerçeve), .siparis-btn = birincil (dolu altın).
   Üzerine gelince ikincil krem renkle dolar, simge dairesi koyulaşıp sağa kayar. */
.giris-btn{
  display:inline-flex; flex-direction:row-reverse; align-items:center; gap:10px; height:44px; padding:0 6px 0 18px;
  border-radius:999px; border:1.5px solid rgba(244,233,210,.55); background:transparent;
  color:#F4E9D2; font-family:var(--font-body); font-weight:700; font-size:13px; letter-spacing:.02em; white-space:nowrap;
  transition:background .22s ease, border-color .22s ease, color .22s ease, transform .15s ease;
}
.giris-ikon{
  display:grid; place-items:center; width:32px; height:32px; border-radius:50%; flex:none;
  background:#F4E9D2; color:var(--green-900);
  transition:transform .25s cubic-bezier(.2,.8,.2,1), background .22s ease, color .22s ease;
}
.giris-ikon svg{ width:16px; height:16px; }
.giris-kisa{ display:none; }
.giris-btn:hover{ background:#F4E9D2; border-color:#F4E9D2; color:var(--green-900); }
.giris-btn:hover .giris-ikon{ background:var(--green-900); color:#F4E9D2; transform:translateX(3px); }
.giris-btn:active{ transform:scale(.97); }
.giris-btn:focus-visible{ outline:2px solid var(--gold-300); outline-offset:3px; }
.siparis-btn{ background:var(--gold-500); border-color:var(--gold-500); color:#fff; }
.siparis-btn .giris-ikon{ background:#fff; color:var(--gold-700); }
.siparis-btn:hover{ background:var(--gold-600); border-color:var(--gold-600); color:#fff; }
.siparis-btn:hover .giris-ikon{ background:#F4E9D2; color:var(--green-900); }
/* Küçük dizüstü / yatay tablet (901–1200 px): üst çubuk sığsın diye sosyal simgeler gizlenir,
   giriş düğmesi kısa yazıyla ("Giriş") gösterilir. */
@media (min-width:901px) and (max-width:1200px){
  .header-cta .header-social{ display:none; }
  .header-cta .giris-uzun{ display:none; }
  .header-cta .giris-kisa{ display:inline; }
  .header-cta{ gap:8px; }
  .main-nav{ gap:20px; }
  .brand-word b{ white-space:nowrap; font-size:17px; }
}
/* Anasayfa üst bölüm düğmeleri: aynı hap, daha büyük */
.hap-buyuk{ height:56px; padding:0 8px 0 26px; gap:14px; font-size:15px; }
.hap-buyuk .giris-ikon{ width:40px; height:40px; }
.hap-buyuk .giris-ikon svg{ width:18px; height:18px; }
@media (max-width:480px){
  .hero-actions .hap-buyuk{ width:100%; justify-content:center; position:relative; }
  .hero-actions .hap-buyuk .giris-ikon{ position:absolute; right:8px; top:50%; margin-top:-20px; }
}

.nav-toggle{
  display:none; width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(242,244,233,.35); background:transparent;
  align-items:center; justify-content:center; cursor:pointer;
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  content:""; display:block; width:18px; height:2px; background:var(--green-ink); position:relative;
  transition:transform .2s ease, opacity .2s ease;
}
.nav-toggle span::before{ position:absolute; top:-6px; }
.nav-toggle span::after{ position:absolute; top:6px; }

.nav-cta-mobile{ display:none; }

.nav-backdrop{ display:none; }

@media (max-width:900px){
  .nav-backdrop{
    display:block; position:fixed; inset:0; z-index:98;
    background:rgba(10,14,6,.6);
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    opacity:0; visibility:hidden; transition:opacity .3s ease;
  }
  .nav-backdrop.open{ opacity:1; visibility:visible; }
  .main-nav{
    position:fixed; top:0; right:0; height:100vh; width:min(320px,86vw);
    background:var(--green-900); flex-direction:column; align-items:stretch;
    padding:18px 20px 26px; gap:4px; box-shadow:-16px 0 40px rgba(0,0,0,.35);
    transform:translateX(100%); transition:transform .32s cubic-bezier(.16,1,.3,1); z-index:99;
    border-left:1px solid rgba(242,244,233,.12);
    overflow-y:auto;
  }
  .main-nav.open{ transform:translateX(0); }
  .main-nav .nav-anasayfa{ display:flex; }

  .main-nav-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:2px 6px 14px; margin-bottom:8px; border-bottom:1px solid rgba(242,244,233,.14);
  }
  .main-nav-head > span{ font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:rgba(242,244,233,.5); }
  .nav-close{
    display:flex; align-items:center; justify-content:center; width:34px; height:34px;
    border-radius:50%; border:1px solid rgba(242,244,233,.25); background:transparent;
    color:var(--green-ink); cursor:pointer; transition:background .15s ease;
  }
  .nav-close svg{ width:15px; height:15px; }
  .nav-close:hover{ background:rgba(242,244,233,.1); }

  /* Not: burada ">" (doğrudan çocuk) seçicisi bilerek kullanılıyor — aksi halde
     bu kurallar .nav-cta-mobile/.nav-social-mobile içindeki iç içe <a>'lara da
     (Sipariş Ver, Instagram vb.) sızıp onların kendi stilini bozardı. */
  .main-nav > a{
    font-size:15px; font-weight:600; gap:14px; padding:12px 10px; border-radius:12px;
    color:rgba(242,244,233,.85); transition:background .15s ease, color .15s ease;
  }
  .main-nav.open > a{ animation:navItemGir .34s ease backwards; }
  .main-nav.open > a:nth-child(3){ animation-delay:.05s; }
  .main-nav.open > a:nth-child(4){ animation-delay:.09s; }
  .main-nav.open > a:nth-child(5){ animation-delay:.13s; }
  .main-nav > a + a{ border-top:1px solid rgba(242,244,233,.07); }
  .main-nav > a .nav-icon{
    display:flex; align-items:center; justify-content:center; flex:none;
    width:34px; height:34px; border-radius:10px; background:rgba(207,160,92,.14);
  }
  .main-nav > a svg{ display:block; width:17px; height:17px; flex:none; color:var(--gold-500); }
  .main-nav > a::after{ display:none; }
  .main-nav > a:hover{ background:rgba(242,244,233,.06); color:var(--green-ink); }
  .main-nav > a.is-active{ background:rgba(207,160,92,.16); color:var(--gold-300); }
  .main-nav > a.is-active .nav-icon{ background:rgba(207,160,92,.28); }

  .nav-toggle{ display:flex; }
  .header-cta .btn-outline, .header-cta .siparis-btn{ display:none; }
  .header-cta .header-social{ display:none; }
  /* Dil seçimi mobilde menünün başlık satırında (MENÜ ··· TR | EN ✕); üst çubukta yer kaplamaz. */
  .header-cta .site-dil{ display:none; }
  .main-nav-head .nav-dil{ display:inline-flex; margin-left:auto; margin-right:10px; }
  .nav-cta-mobile{
    display:flex; flex-direction:column; gap:12px; width:100%;
    margin-top:32px; padding-top:24px; border-top:1px solid rgba(242,244,233,.18);
  }
  .nav-cta-mobile .btn, .nav-cta-mobile .giris-btn{ width:100%; }
  .nav-cta-mobile .giris-btn{ height:50px; justify-content:center; padding:0 7px 0 18px; font-size:14px; position:relative; }
  .nav-cta-mobile .giris-ikon{ position:absolute; right:7px; top:50%; margin-top:-18px; width:36px; height:36px; }

  .nav-social-mobile{
    display:flex; align-items:center; justify-content:center; gap:10px; margin-top:22px;
  }
  .nav-social-mobile a{
    width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(242,244,233,.22); color:rgba(242,244,233,.75); transition:background .15s ease, color .15s ease;
  }
  .nav-social-mobile a svg{ width:15px; height:15px; }
  .nav-social-mobile a:hover{ background:rgba(242,244,233,.1); color:var(--gold-300); }
  .nav-contact-mobile{
    display:flex; flex-direction:column; align-items:center; gap:6px;
    text-align:center; margin-top:14px;
  }
  .nav-contact-mobile a, .nav-contact-mobile span{
    font-size:12.5px; font-weight:700; color:rgba(242,244,233,.55); letter-spacing:.02em; text-decoration:none;
  }
  .nav-contact-mobile-row{ display:flex; align-items:center; gap:6px; font-size:12.5px; color:rgba(242,244,233,.4); }
  .nav-contact-mobile span{ font-weight:600; line-height:1.4; max-width:240px; }
  .nav-contact-mobile a:hover{ color:var(--gold-300); }
}

@keyframes navItemGir{
  from{ opacity:0; transform:translateX(10px); }
  to{ opacity:1; transform:translateX(0); }
}

@media (max-width:480px){
  .brand-word span{ display:none; }
  .brand-word b{ font-size:16px; }
  .brand-word .brand-ad-alt{ display:block; } /* "Örnek" altında "Anteplioğlu" — sadece dar telefonlarda; .brand-word span{display:none} kuralını ez */
  .header-cta .giris-btn{ padding:0 5px 0 14px; gap:8px; font-size:13px; }
  .header-cta .giris-uzun{ display:none; }
  .header-cta .giris-kisa{ display:inline; }
  .site-header .header-inner{ padding:12px 16px; gap:10px; }
  .brand{ gap:10px; min-width:0; }
}
/* Küçük telefonlar (≈320-380px): giriş düğmesi yalnızca simge olarak kalır, üst çubuk taşmaz */
@media (max-width:380px){
  .header-cta .giris-btn{ width:44px; padding:0; justify-content:center; }
  .header-cta .giris-kisa{ display:none; }
  .brand-mark{ width:38px; height:38px; }
  .brand-word b{ font-size:15px; }
}

/* ============================================================
   HERO — asimetrik, panel + tam kenar fotoğraf
   ============================================================ */
.hero{
  position:relative;
  background:var(--green-900);
  padding-top:var(--site-header-h, 78px); /* üst çubuk yüksekliği (main.js ölçer) */
  overflow:clip;
}
.hero-grid{
  display:grid; grid-template-columns:.92fr 1.08fr; align-items:stretch; min-height:620px;
}
.hero-copy{
  color:var(--green-ink);
  display:flex; flex-direction:column; justify-content:flex-start;
  padding:36px 56px 36px 28px;
  position:relative; z-index:2;
}
.hero-welcome{
  font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:clamp(30px,3.6vw,44px); line-height:1.05;
  color:var(--gold-300); margin-bottom:12px; letter-spacing:.01em;
}
.hero-social-chips{
  display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:28px;
}
.hero-chip-row{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.hero-status-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 18px; margin-bottom:0;
  border:1px solid rgba(242,244,233,.28); border-radius:999px;
  color:rgba(242,244,233,.85); font-size:12.5px; font-weight:600;
  text-decoration:none; transition:border-color .15s, background .15s;
}
.hero-call-chip svg{ width:14px; height:14px; color:var(--gold-300); flex:none; }
.hero-call-chip:hover{ border-color:var(--gold-300); background:rgba(242,244,233,.06); }
.hero-status-chip .dot{
  width:8px; height:8px; border-radius:50%; background:#5FCB6A; flex:none;
  box-shadow:0 0 0 0 rgba(95,203,106,.6); animation:hero-pulse 2s infinite;
}
@keyframes hero-pulse{
  0%{ box-shadow:0 0 0 0 rgba(95,203,106,.55); }
  70%{ box-shadow:0 0 0 7px rgba(95,203,106,0); }
  100%{ box-shadow:0 0 0 0 rgba(95,203,106,0); }
}
.hero-social-chip{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 16px 6px 6px;
  border:1px solid rgba(242,244,233,.28); border-radius:999px;
  color:rgba(242,244,233,.85); font-size:12.5px; font-weight:600; text-decoration:none;
  transition:border-color .15s, background .15s;
}
.hero-social-chip:hover{ border-color:var(--gold-300); background:rgba(242,244,233,.06); }
.hero-social-chip .ico{
  width:28px; height:28px; border-radius:50%; background:var(--gold-500); color:#fff;
  display:flex; align-items:center; justify-content:center; flex:none;
}
.hero-social-chip .ico svg{ width:14px; height:14px; }
.hero-social-chip:nth-child(1) .ico{ background:#25D366; }
.hero-usp{
  display:flex; flex-wrap:wrap; gap:10px 26px; margin-bottom:16px;
}
.hero-usp span{
  display:flex; align-items:center; gap:8px;
  font-size:12px; font-weight:600; color:rgba(242,244,233,.78); white-space:nowrap;
}
.hero-usp svg{ width:17px; height:17px; flex:none; color:var(--gold-300); }
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold-300); margin-bottom:14px;
}
.eyebrow .diamond-mark{ background:var(--gold-500); }
.hero h1{
  font-size:clamp(38px,4.4vw,56px); color:var(--green-ink); margin-bottom:24px;
}
.hero h1 .h1-vurgu{
  display:block; font-style:italic; font-weight:500; color:var(--gold-300);
  font-size:1.25em; line-height:1.05; margin-top:.08em;
}
.hero p.lede{
  font-size:17px; color:rgba(242,244,233,.8); max-width:420px; margin-bottom:26px; line-height:1.65;
}
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.hero-stats{
  display:flex; gap:0; margin-top:30px; border-top:1px solid rgba(242,244,233,.2);
}
.hero-stats .stat{
  padding:20px 28px 0 0; margin-right:28px; border-right:1px solid rgba(242,244,233,.2);
}
.hero-stats .stat:last-child{ border-right:none; margin-right:0; }
.hero-stats .stat b{
  display:block; font-family:var(--font-display); font-size:27px; font-weight:700; color:var(--gold-300);
}
.hero-stats .stat span{ font-size:10.5px; color:rgba(242,244,233,.6); font-weight:700; letter-spacing:.09em; text-transform:uppercase; }

.hero-photo{
  position:relative; overflow:hidden; max-height:700px;
  clip-path:polygon(6% 0,100% 0,100% 100%,0 100%);
}
.hero-photo img{ width:100%; height:100%; object-fit:cover; min-height:420px; }
.hero-photo::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(100deg, var(--green-900) 0%, rgba(35,46,16,0) 26%);
}
.hero-photo .seal{
  position:absolute; right:0; bottom:36px; z-index:2;
  background:var(--paper); color:var(--green-800); box-shadow:var(--shadow-md);
  transform:rotate(6deg);
}
.hero-photo .tag-card{
  position:absolute; left:0; bottom:36px; z-index:2;
  background:var(--gold-500); color:#fff;
  padding:12px 18px; box-shadow:var(--shadow-md); border-radius:var(--radius-sm);
  font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  display:flex; align-items:center; gap:8px;
}

@media (max-width:960px){
  .hero-grid{ grid-template-columns:1fr; min-height:0; }
  .hero-copy{ padding:52px 24px 44px; }
  /* Telefonda/tablette fotoğraf yazılardan ÖNCE gelir; alt kenarı yeşil zemine yumuşakça geçer. */
  .hero-photo{ order:-1; clip-path:none; aspect-ratio:4/3; }
  .hero-photo::after{ background:linear-gradient(0deg, var(--green-900) 0%, rgba(35,46,16,0) 22%); }
  .hero-photo img{ min-height:0; }
  .hero-photo .seal{ right:0; bottom:16px; }
  .hero-photo .tag-card{ left:0; bottom:16px; }
  /* Telefonda sayaçlar: üç eşit sütun; yazı çizgiye yapışmaz, uzun etiket alt satıra iner. */
  .hero-stats{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .hero-stats .stat{ margin-right:0; padding:18px 12px 0; }
  .hero-stats .stat:first-child{ padding-left:0; }
  .hero-stats .stat b{ font-size:clamp(21px, 6.4vw, 27px); white-space:nowrap; }
  .hero-stats .stat span{ display:block; margin-top:6px; font-size:10px; letter-spacing:.06em; line-height:1.4; }
}

/* ============================================================
   BÖLÜM BAŞLIKLARI
   ============================================================ */
.section{ padding:96px 0; }
.section-tight{ padding:68px 0; }
.section-head{ max-width:640px; margin-bottom:52px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.kicker{
  display:inline-flex; align-items:center; gap:9px;
  font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--green-700); margin-bottom:16px;
}
.kicker .diamond-mark{ background:var(--green-700); }
.section-head.center .kicker{ justify-content:center; }
.section-head h2{ font-size:clamp(28px,3.4vw,40px); margin-bottom:16px; }
.section-head p{ font-size:16.5px; color:var(--ink-soft); }

/* ============================================================
   HİKAYE / TANITIM
   ============================================================ */
.story{
  display:grid; grid-template-columns:.85fr 1.15fr; gap:0; align-items:stretch;
  border:1px solid var(--line);
}
.story-visual{ position:relative; background:var(--green-900); }
.story-visual .frame{ height:100%; position:relative; min-height:320px; }
.story-visual .frame img{ width:100%; height:100%; object-fit:cover; display:block; min-height:360px; }
.story-visual .frame-tag{
  position:absolute; left:0; bottom:0; right:0;
  background:rgba(20,26,8,.82); color:var(--green-ink);
  padding:18px 26px; font-family:var(--font-display); font-size:15px; font-style:italic; font-weight:500;
  border-top:2px solid var(--gold-500);
}
.story-copy{ padding:56px; display:flex; flex-direction:column; justify-content:center; }
.story-copy p{ color:var(--ink-soft); font-size:16px; margin:0 0 18px; line-height:1.75; }
.story-copy p:last-child{ margin-bottom:0; }
.story-copy .lead{ font-size:21px; color:var(--ink); font-weight:500; font-family:var(--font-display); line-height:1.4; }

@media (max-width:900px){
  .story{ grid-template-columns:1fr; }
  .story-copy{ padding:36px 24px; }
}

/* ============================================================
   ÜRÜN KARTLARI — birleşik etiket ızgarası
   ============================================================ */
.product-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-strong); border:1px solid var(--line-strong); }
@media (max-width:960px){ .product-row{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .product-row{ grid-template-columns:1fr; } }

.product-card{ background:var(--paper); }
.product-card .thumb{ aspect-ratio:1/1; position:relative; background:var(--cream-deep); }
.product-card .thumb img{ width:100%; height:100%; object-fit:cover; }
.product-card .thumb .tag{
  position:absolute; top:0; left:0;
  background:var(--green-700); color:#fff; font-size:10.5px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; padding:7px 13px;
}
.product-card .body{ padding:22px 22px 26px; border-top:2px solid var(--gold-500); }
.product-card h3{ font-size:19px; margin-bottom:8px; }
.product-card p{ font-size:13px; color:var(--ink-faint); margin:0; line-height:1.6; }

/* ============================================================
   TESLİMAT PLATFORMLARI
   ============================================================ */
.partner-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:8px; }
.partner-card{
  background:var(--paper); border-radius:var(--radius-md); box-shadow:var(--shadow-sm);
  aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; padding:18px 22px;
}
.partner-card img{ width:100%; height:100%; object-fit:contain; display:block; }
@media (max-width:760px){ .partner-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---- Instagram bölümü: sürekli kayan şerit ----
   Ray, gönderilerin iki kopyasını içerir; -%50 kaydırılınca başa sarması
   fark edilmez. Üzerine gelince / klavyeyle odaklanınca durur. Hareket
   azaltma tercihi olanlarda animasyon yerine elle kaydırma. */
.ig-bolum{ background:var(--paper); overflow:hidden; }
.ig-ust{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:28px; }
.ig-etiket{
  display:inline-flex; align-items:center; gap:7px; padding:6px 13px 6px 10px; border-radius:999px;
  font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#C1356F;
  background:linear-gradient(90deg, rgba(245,133,41,.12), rgba(221,42,123,.12) 50%, rgba(129,52,175,.12));
  border:1px solid rgba(221,42,123,.22);
}
.ig-etiket svg{ width:15px; height:15px; }
.ig-ust h2{
  margin:14px 0 10px; font-size:clamp(28px, 3.6vw, 42px); line-height:1.12; letter-spacing:-.015em;
}
.ig-vurgu{
  background:linear-gradient(90deg, #F58529, #DD2A7B 45%, #8134AF 80%, #515BD4);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  font-style:italic; padding-right:.06em;
}
.ig-ust p{ margin:0; max-width:520px; color:var(--ink-soft); font-size:15.5px; line-height:1.55; }
.ig-profil{
  display:flex; align-items:center; gap:12px; padding:8px; border:1px solid var(--line); border-radius:999px;
  background:var(--paper); color:var(--ink); box-shadow:var(--shadow-sm); transition:box-shadow .2s ease, transform .2s ease;
}
.ig-profil:hover{ box-shadow:var(--shadow-md); transform:translateY(-1px); color:var(--ink); }
.ig-avatar{
  width:48px; height:48px; border-radius:50%; padding:2.5px; flex:none;
  background:conic-gradient(from 210deg, #FEDA75, #FA7E1E, #D62976, #962FBF, #4F5BD5, #FEDA75);
}
.ig-avatar img{ width:100%; height:100%; border-radius:50%; object-fit:contain; background:#fff; border:2px solid #fff; display:block; }
.ig-profil-yazi{ display:flex; flex-direction:column; line-height:1.25; padding-right:4px; }
.ig-profil-yazi b{ font-size:15px; }
.ig-profil-yazi small{ font-size:12.5px; color:var(--ink-faint); }
.ig-takip{
  font-size:13.5px; font-weight:700; color:#fff; padding:10px 18px; border-radius:999px;
  background:linear-gradient(90deg, #F58529, #DD2A7B 45%, #8134AF 80%, #515BD4);
  box-shadow:0 6px 16px -6px rgba(221,42,123,.55);
}

.ig-serit{
  --kart:220px; --aralik:14px; --sure:48s;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.ig-serit-ray{
  display:flex; gap:var(--aralik); width:max-content; padding:6px 0 10px;
  animation:ig-kay var(--sure) linear infinite;
}
.ig-serit:hover .ig-serit-ray, .ig-serit:focus-within .ig-serit-ray{ animation-play-state:paused; }
@keyframes ig-kay{ to{ transform:translateX(calc(-50% - var(--aralik) / 2)); } }

.ig-kart{
  position:relative; flex:0 0 var(--kart); aspect-ratio:3/4; overflow:hidden; border-radius:20px;
  background:var(--cream-deep); isolation:isolate;
  box-shadow:0 10px 24px -14px rgba(20,24,12,.35);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
}
.ig-kart:hover, .ig-kart:focus-visible{ transform:translateY(-6px); box-shadow:0 18px 34px -14px rgba(20,24,12,.45); }
.ig-kart img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.ig-kart:hover img, .ig-kart:focus-visible img{ transform:scale(1.07); }
.ig-kart::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top, rgba(12,16,8,.6), rgba(12,16,8,0) 45%); opacity:0; transition:opacity .3s ease;
}
.ig-kart:hover::after, .ig-kart:focus-visible::after{ opacity:1; }
.ig-kart:focus-visible{ outline:3px solid var(--gold-500); outline-offset:3px; }
.ig-kart-alt{
  position:absolute; left:14px; bottom:14px; z-index:2; display:inline-flex; align-items:center; gap:6px;
  color:#fff; font-size:13px; font-weight:700; opacity:0; transform:translateY(6px); transition:opacity .3s ease, transform .3s ease;
}
.ig-kart-alt svg{ width:16px; height:16px; }
.ig-kart:hover .ig-kart-alt, .ig-kart:focus-visible .ig-kart-alt{ opacity:1; transform:none; }
.ig-rozet{
  position:absolute; top:12px; left:12px; z-index:2; padding:6px 11px; border-radius:999px;
  font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#fff;
  background:linear-gradient(90deg, #F58529, #DD2A7B 55%, #8134AF);
  box-shadow:0 4px 12px -4px rgba(221,42,123,.6);
}
.ig-video{
  position:absolute; top:10px; right:10px; z-index:2; width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff;
  background:rgba(12,16,8,.4); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.ig-video svg{ width:14px; height:14px; margin-left:2px; }

.ig-alt{ text-align:center; margin-top:28px; }
.ig-tumu{
  display:inline-flex; align-items:center; gap:14px; padding:8px 8px 8px 24px; border-radius:999px;
  font-size:15px; font-weight:700; color:var(--ink); background:var(--paper);
  border:1.5px solid var(--line-strong);
  transition:background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ig-tumu-ok{
  width:38px; height:38px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center;
  background:var(--green-900); color:#fff; transition:background-color .25s ease, color .25s ease;
}
.ig-tumu-ok svg{ width:18px; height:18px; transition:transform .25s ease; }
.ig-tumu:hover, .ig-tumu:focus-visible{
  background:var(--green-900); border-color:var(--green-900); color:#fff;
  box-shadow:0 12px 26px -12px rgba(30,63,29,.55);
}
.ig-tumu:hover .ig-tumu-ok, .ig-tumu:focus-visible .ig-tumu-ok{ background:var(--gold-500); }
.ig-tumu:hover .ig-tumu-ok svg, .ig-tumu:focus-visible .ig-tumu-ok svg{ transform:translateX(3px); }
.ig-tumu:focus-visible{ outline:3px solid var(--gold-500); outline-offset:3px; }

@media (max-width:760px){
  .ig-serit{ --kart:150px; --aralik:10px; --sure:36s; }
  .ig-kart{ border-radius:16px; }
  .ig-ust{ flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:20px; }
  .ig-alt{ margin-top:20px; }
}
@media (prefers-reduced-motion:reduce){
  .ig-serit{ overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
  .ig-serit-ray{ animation:none; padding-left:20px; padding-right:20px; }
  .ig-serit-ray > [aria-hidden="true"]{ display:none; }
  .ig-kart, .ig-kart img, .ig-kart-alt, .ig-kart::after, .ig-profil, .ig-tumu, .ig-tumu-ok, .ig-tumu-ok svg{ transition:none; }
}

/* ============================================================
   NEDEN BİZ — numarasız, altın kenar çizgili
   ============================================================ */
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); }
@media (max-width:860px){ .why-grid{ grid-template-columns:1fr; } }
.why-item{ padding:8px 36px 8px 24px; border-left:2px solid var(--gold-500); }
.why-item h3{ font-size:18px; margin-bottom:10px; font-family:var(--font-display); }
.why-item p{ font-size:14.5px; color:var(--ink-soft); margin:0; line-height:1.7; }

/* ============================================================
   CTA ŞERİDİ — tam kenar bant
   ============================================================ */
.cta-band{
  position:relative;
  background:var(--green-900);
  color:#fff;
  padding:64px 56px;
  display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:center;
  border-top:3px solid var(--gold-500); border-bottom:3px solid var(--gold-500);
}
.cta-band h2{ color:var(--green-ink); font-size:clamp(26px,3vw,34px); margin-bottom:14px; }
.cta-band p{ color:rgba(242,244,233,.78); font-size:15.5px; max-width:460px; margin:0; }
.cta-band .actions{ display:flex; gap:14px; flex-wrap:wrap; }
@media (max-width:860px){
  .cta-band{ grid-template-columns:1fr; padding:44px 28px; text-align:left; }
}

/* ============================================================
   YORUMLAR
   ============================================================ */
.quote-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
@media (max-width:900px){ .quote-row{ grid-template-columns:1fr; } }
.quote-card{ background:var(--paper); padding:32px 28px; }
.quote-card .stars{ color:var(--gold-600); font-size:14px; letter-spacing:2px; margin-bottom:16px; }
.quote-card p{ font-size:15px; color:var(--ink-soft); margin:0 0 20px; line-height:1.7; font-style:italic; font-family:var(--font-display); }
.quote-card .who{ font-size:11.5px; font-weight:700; color:var(--green-700); letter-spacing:.07em; text-transform:uppercase; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{
  background:var(--green-900); color:rgba(242,244,233,.7);
  padding:76px 0 30px; margin-top:0; border-top:3px solid var(--gold-500);
}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:44px; padding-bottom:50px;
  border-bottom:1px solid rgba(242,244,233,.14);
}
@media (max-width:860px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .footer-grid{ grid-template-columns:1fr; } }
.footer-brand{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.footer-brand b{ font-family:var(--font-display); color:var(--green-ink); font-size:19px; }
.site-footer p{ font-size:14px; line-height:1.7; max-width:280px; }
.site-footer h4{ color:var(--gold-300); font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; margin-bottom:18px; }
.site-footer li{ margin-bottom:11px; font-size:14px; }
.site-footer a:hover{ color:var(--green-ink); }
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  padding-top:26px; font-size:12px; color:rgba(242,244,233,.48);
}
.footer-tasarim{ margin-left:4px; white-space:nowrap; }
.footer-tasarim b{ color:rgba(242,244,233,.78); letter-spacing:.06em; }
.footer-tasarim a{ text-decoration:none; }
/* CENR logosu: yazı boyunda, soluk (sitenin markasının önüne geçmesin); üstüne gelince belirginleşir. */
.footer-tasarim img.footer-cenr{ display:inline-block; height:11px; width:auto; vertical-align:-1px; margin-left:2px; opacity:.7; transition:opacity .15s; }
.footer-tasarim a:hover img.footer-cenr{ opacity:1; }
.footer-tasarim a:hover b{ color:#fff; text-decoration:underline; }
.social-row{ display:flex; gap:10px; }
.social-row a{
  width:36px; height:36px; border-radius:50%; border:1px solid rgba(242,244,233,.24);
  display:flex; align-items:center; justify-content:center; transition:background .15s, border-color .15s;
}
.social-row a:hover{ background:rgba(242,244,233,.1); border-color:rgba(242,244,233,.5); }
.social-row svg{ width:16px; height:16px; }

/* ============================================================
   YARDIMCI: REVEAL ON SCROLL
   ============================================================ */
[data-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
[data-reveal].in{ opacity:1; transform:translateY(0); }

/* ============================================================
   İÇ SAYFA ÜST BAŞLIK
   ============================================================ */
.page-hero{
  padding:150px 0 64px; text-align:center;
  background:var(--green-900); color:var(--green-ink);
  border-bottom:3px solid var(--gold-500);
}
.page-hero .kicker{ justify-content:center; color:var(--gold-300); }
.page-hero .kicker .diamond-mark{ background:var(--gold-500); }
.page-hero h1{ font-size:clamp(32px,4.4vw,50px); color:var(--green-ink); }
.page-hero p{ color:rgba(242,244,233,.72); max-width:560px; margin:16px auto 0; font-size:16px; }
.breadcrumb{
  display:flex; gap:8px; align-items:center; justify-content:center;
  font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:rgba(242,244,233,.5); margin-bottom:18px; font-weight:700;
}
.breadcrumb a:hover{ color:var(--gold-300); }

/* ============================================================
   FORM (iletişim vb.)
   ============================================================ */
.form-field label{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; }
.form-field input,.form-field textarea{
  /* 16px: iPhone'da alana dokununca sayfa yakınlaşmasın */
  width:100%; font-family:inherit; font-size:16px; color:var(--ink);
  background:var(--paper); border:1.5px solid var(--line-strong); border-radius:var(--radius-sm);
  padding:13px 15px;
}
.form-field input:focus,.form-field textarea:focus{
  outline:none; border-color:var(--green-600);
}
.form-note{
  border-radius:var(--radius-sm); padding:14px 18px; font-size:14px; font-weight:600; margin-bottom:6px;
  display:none; border-left:3px solid transparent;
}
.form-note.show{ display:block; }
.form-note.ok{ background:var(--cream-deep); color:var(--green-700); border-color:var(--green-600); }
.form-note.err{ background:#FBECEA; color:#8C2A22; border-color:#8C2A22; }

.contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:0; align-items:stretch; border:1px solid var(--line); }
@media (max-width:800px){ .contact-grid{ grid-template-columns:1fr; } }
/* A tasarımı: tek kart — solda koyu yeşil bilgi paneli, sağda beyaz form */
.iletisim-a{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); max-width:none; width:min(1120px, calc(100% - 32px)); border-radius:24px; overflow:hidden;
  background:#fff; border:1px solid var(--line); box-shadow:0 2px 4px rgba(20,24,18,.04), 0 18px 44px rgba(20,24,18,.08); padding:0; }
.iletisim-panel{ position:relative; display:flex; flex-direction:column; gap:18px; padding:34px 30px; overflow:hidden;
  background:#fff; color:var(--ink); border-right:1px solid var(--line); }
.iletisim-panel h2{ font-size:28px; margin:0; }
.iletisim-panel-alt{ margin:-10px 0 4px; font-size:14px; color:var(--ink-soft); }
.iletisim-panel-liste{ list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.iletisim-panel-liste li{ display:flex; align-items:flex-start; gap:14px; }
.panel-ikon{ display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:13px; background:color-mix(in srgb, var(--gold-500) 14%, #fff); color:var(--gold-600); }
.panel-ikon svg{ width:19px; height:19px; }
.iletisim-panel-liste small{ display:block; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-600); margin-bottom:2px; }
.iletisim-panel-liste span, .iletisim-panel-liste a{ font-size:15px; line-height:1.5; color:var(--ink); overflow-wrap:break-word; }
.iletisim-panel-liste a:hover{ color:var(--gold-600); }
.iletisim-panel-liste .tel-baglanti a{ font-weight:700; }
.iletisim-panel-wp{ margin-top:auto; display:flex; align-items:center; justify-content:center; gap:10px; height:54px; border-radius:14px;
  background:var(--green-700); color:#fff; font-weight:700; font-size:15.5px; box-shadow:0 8px 20px color-mix(in srgb, var(--green-700) 28%, transparent); transition:background .18s ease, transform .12s ease; position:relative; z-index:1; }
.iletisim-panel-wp:hover{ background:var(--green-800); transform:translateY(-1px); }
.iletisim-panel-wp svg{ width:22px; height:22px; }
.iletisim-a .iletisim-form-sutun{ border-left:0; padding:34px 32px; background:#fff; }
.iletisim-a-baslik{ font-size:28px; margin:0 0 4px; }
.iletisim-a-alt{ margin:0 0 20px; font-size:14px; color:var(--ink-soft); }
.iletisim-a .form-field input, .iletisim-a .form-field textarea{ border-radius:12px; border-width:1px; background:#FBFBF8; }
.iletisim-a .form-field input:focus, .iletisim-a .form-field textarea:focus{ background:#fff; box-shadow:0 0 0 3px color-mix(in srgb, var(--green-600) 16%, transparent); }
.iletisim-a .iletisim-duzen-form > button[type=submit]{ border-radius:14px; height:54px; }
@media (max-width:800px){
  .iletisim-a{ grid-template-columns:1fr; border-radius:20px; }
  .iletisim-panel{ padding:26px 22px; border-right:0; border-bottom:1px solid var(--line); }
  .iletisim-a .iletisim-form-sutun{ padding:26px 22px; border-top:0; }
  .iletisim-panel h2, .iletisim-a-baslik{ font-size:24px; }
}
/* Özgün iki sütunlu düzen, hizalı: sol bilgiler + WhatsApp, sağ form; iki düğme aynı hizada */
.iletisim-bilgi{ display:flex; flex-direction:column; }
.iletisim-bilgi .contact-card{ border-bottom:1px solid var(--line); }
.iletisim-alt-dugme{ margin-top:auto; padding:24px 28px 28px; }
.iletisim-alt-dugme .btn, .iletisim-duzen-form > button[type=submit]{ width:100%; justify-content:center; height:56px; padding:0 24px; }
.iletisim-form-sutun{ display:flex; flex-direction:column; padding:28px; border-left:1px solid var(--line); background:var(--paper); }
.iletisim-form-sutun .form-note{ margin-bottom:16px; }
.iletisim-duzen-form{ display:flex; flex-direction:column; gap:16px; flex:1; }
.iletisim-duzen-form > button[type=submit]{ margin-top:auto; }
@media (max-width:800px){ .iletisim-form-sutun{ border-left:0; border-top:1px solid var(--line); padding:24px 20px; } .iletisim-alt-dugme{ padding:20px; } }

/* İletişim: solda simgeli bilgi kutuları + WhatsApp, sağda form kartı */
.iletisim-sol{ display:grid; gap:14px; }
.iletisim-kutular{ display:grid; grid-template-columns:1fr; gap:10px; }
.iletisim-kutu{ display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:18px; background:#fff; border:1px solid var(--line);
  color:inherit; box-shadow:0 1px 2px rgba(20,24,18,.04); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
a.iletisim-kutu:hover{ transform:translateY(-2px); border-color:var(--gold-300); box-shadow:0 10px 24px rgba(20,24,18,.08); }
.iletisim-ikon{ display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:12px; background:color-mix(in srgb, var(--gold-500) 14%, #fff); color:var(--gold-600); }
.iletisim-ikon svg{ width:19px; height:19px; }
.iletisim-kutu h3{ font-size:14.5px; margin:0 0 4px; }
.iletisim-kutu p{ margin:0; font-size:14px; line-height:1.5; color:var(--ink-soft); overflow-wrap:break-word; }
.iletisim-kutu .tel-baglanti a{ color:var(--ink); font-weight:700; }
.iletisim-wp{ display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:18px; background:#1FA855; color:#fff;
  box-shadow:0 8px 20px rgba(31,168,85,.28); transition:transform .15s ease, background .18s ease; }
.iletisim-wp:hover{ background:#198F48; transform:translateY(-1px); }
.iletisim-wp svg{ width:34px; height:34px; flex:none; }
.iletisim-wp b{ display:block; font-size:16px; }
.iletisim-wp small{ display:block; font-size:12.5px; opacity:.85; }
/* B tasarımı: üstte hızlı iletişim kartları, altında form */
.iletisim-b{ display:grid; gap:22px; max-width:1040px; }
.hizli-kartlar{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.hizli-kart{ display:flex; align-items:center; gap:14px; min-width:0; padding:20px; border-radius:20px; color:#fff;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.hizli-kart:hover{ transform:translateY(-3px); filter:brightness(1.06); }
.hizli-ara{ background:linear-gradient(135deg, #2A5A28, var(--green-900)); box-shadow:0 10px 24px rgba(30,63,29,.28); }
.hizli-wp{ background:linear-gradient(135deg, #2BC467, #1FA855); box-shadow:0 10px 24px rgba(31,168,85,.28); }
.hizli-yol{ background:linear-gradient(135deg, #C29434, var(--gold-500)); box-shadow:0 10px 24px rgba(168,122,22,.28); }
.hizli-ikon{ display:grid; place-items:center; flex:none; width:50px; height:50px; border-radius:15px; background:rgba(255,255,255,.18); }
.hizli-ikon svg{ width:24px; height:24px; }
.hizli-metin{ display:flex; flex-direction:column; min-width:0; }
.hizli-metin b{ font-size:17px; }
.hizli-metin small{ font-size:13px; opacity:.88; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.iletisim-form-bas{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:18px; }
.iletisim-form-bas .iletisim-form-alt{ margin:0; }
.iletisim-cipler{ display:flex; flex-wrap:wrap; gap:8px; }
.iletisim-cip{ display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:999px; font-size:13px; font-weight:600;
  background:color-mix(in srgb, var(--gold-500) 12%, #fff); color:var(--green-900); }
.iletisim-cip svg{ width:15px; height:15px; color:var(--gold-600); flex:none; }
a.iletisim-cip:hover{ background:color-mix(in srgb, var(--gold-500) 22%, #fff); }
@media (max-width:760px){ .hizli-kartlar{ grid-template-columns:1fr; gap:10px; } .hizli-kart{ padding:16px; } }
.iletisim-form-kart{ padding:28px; border-radius:22px; background:#fff; border:1px solid var(--line); box-shadow:0 1px 2px rgba(20,24,18,.04), 0 12px 32px rgba(20,24,18,.06); }
.iletisim-form-kart h2{ font-size:26px; margin:0 0 4px; }
.iletisim-form-alt{ margin:0 0 18px; font-size:14px; color:var(--ink-soft); }
.iletisim-form{ display:grid; gap:16px; }
.iletisim-form .form-field input, .iletisim-form .form-field textarea{ border-radius:12px; border-width:1px; background:#FBFBF8; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.iletisim-form .form-field input:focus, .iletisim-form .form-field textarea:focus{ background:#fff; border-color:var(--green-600); box-shadow:0 0 0 3px color-mix(in srgb, var(--green-600) 16%, transparent); }
.iletisim-form .form-field textarea{ resize:vertical; min-height:130px; }
.iletisim-gonder{ display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; height:52px; border:0; border-radius:14px; cursor:pointer;
  background:var(--green-900); color:#fff; font-family:inherit; font-size:15.5px; font-weight:700; box-shadow:0 8px 20px color-mix(in srgb, var(--green-900) 28%, transparent);
  transition:background .18s ease, transform .12s ease; }
.iletisim-gonder:hover{ background:var(--green-800); }
.iletisim-gonder:active{ transform:scale(.99); }
.iletisim-gonder svg{ width:18px; height:18px; }
@media (max-width:480px){ .iletisim-form-kart{ padding:20px; border-radius:18px; } .iletisim-form-kart h2{ font-size:22px; } }
.contact-card{ padding:26px 28px; border-bottom:1px solid var(--line); background:var(--paper); }
.contact-card:last-child{ border-bottom:none; }

.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
@media (max-width:760px){ .grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .grid-3{ grid-template-columns:1fr; } }

.grid-2-sm{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:480px){ .grid-2-sm{ grid-template-columns:1fr; } }

.empty-note{
  padding:30px 20px; text-align:center; color:var(--ink-faint); font-weight:600; font-size:14.5px;
  background:var(--paper); border:1.5px dashed var(--line-strong);
}

/* ============================================================
   YASAL METİN (KVKK) ve İLETİŞİM FORMU ONAYI
   ============================================================ */
.yasal-metin{ max-width:820px; }
.yasal-metin h2{ font-size:21px; margin:34px 0 10px; color:var(--green-800); }
.yasal-metin h2:first-child{ margin-top:0; }
.yasal-metin p, .yasal-metin li{ color:var(--ink-soft); font-size:15.5px; line-height:1.75; }
.yasal-metin ul{ padding-left:20px; margin:0; }
.yasal-metin li{ margin-bottom:6px; }
.yasal-metin a{ color:var(--green-700); font-weight:700; }
.yasal-tarih{ margin-top:34px; font-size:13px !important; color:var(--ink-faint, #8a8f80) !important; }
.kvkk-onay{ display:flex; align-items:flex-start; gap:10px; font-size:13.5px; line-height:1.5; color:var(--ink-soft); cursor:pointer; }
.kvkk-onay input{ width:22px; height:22px; margin-top:0; flex:none; accent-color:var(--green-700); }
.kvkk-onay a{ color:var(--green-700); font-weight:700; text-decoration:underline; }

/* Şube kartındaki "Haritada Gör": parmakla rahat dokunulsun (en az 44 px yükseklik) */
.harita-baglanti{ display:inline-flex; align-items:center; min-height:44px; font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green-700); }
.harita-baglanti{ text-decoration:underline; text-decoration-color:var(--gold-500); text-decoration-thickness:1.5px; text-underline-offset:5px; }
/* Telefon ve e-posta bağlantıları: yazı rengini korur, dokununca arar/yazar */
.tel-baglanti a, .site-footer li a[href^="tel:"], .site-footer li a[href^="mailto:"]{ color:inherit; }

/* ============================================================
   ŞUBELER SAYFASI — liste + harita (iletişim sayfasıyla aynı dil)
   Başlık, durum rozeti, .bn-ikon, .bn-numara, .bn-harita-kart ve .bn-yol
   iletişim bölümündeki kurallardan gelir.
   ============================================================ */
.sb-baslik{ margin-bottom:28px; }
.sb-filtre{ display:inline-flex; flex-wrap:wrap; gap:4px; padding:5px; margin-bottom:20px; background:var(--paper); border:1px solid var(--line); border-radius:99px; box-shadow:var(--shadow-sm); }
.sb-cip{
  display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:0 16px;
  font-family:var(--font-body); font-size:13.5px; font-weight:700; color:var(--ink-soft);
  background:transparent; border:0; border-radius:99px; cursor:pointer; transition:background .2s, color .2s;
}
.sb-cip span{ font-size:11.5px; min-width:20px; height:20px; padding:0 6px; display:inline-grid; place-items:center; border-radius:99px; background:var(--cream-deep); color:var(--ink-faint); }
.sb-cip:hover{ color:var(--ink); }
.sb-cip.aktif{ background:var(--green-900); color:#fff; }
.sb-cip.aktif span{ background:rgba(255,255,255,.16); color:var(--gold-300); }

.sb-duzen{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:24px; align-items:start; }
.sb-liste{ display:grid; grid-template-columns:1fr; gap:14px; }
.sb-kart{
  display:flex; flex-direction:column; gap:14px; padding:20px; border-radius:22px; cursor:pointer;
  background:var(--paper); border:1.5px solid var(--line); box-shadow:var(--shadow-sm);
  transition:border-color .2s, box-shadow .25s, transform .25s, opacity .6s;
}
.sb-kart:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px); }
.sb-kart:focus-visible{ outline:2px solid var(--gold-500); outline-offset:2px; }
.sb-kart.secili{ border-color:var(--green-700); box-shadow:0 0 0 4px color-mix(in srgb, var(--green-700) 12%, transparent), var(--shadow-md); }
.sb-kart.secili .bn-ikon{ background:var(--green-900); color:#fff; }
.sb-kart[hidden]{ display:none; }
.sb-kart-ust{ display:flex; align-items:center; gap:12px; }
.sb-kart .bn-ikon{ margin:0; flex:none; transition:background .2s, color .2s; }
.sb-kart-baslik{ min-width:0; }
.sb-kart-baslik h3{ font-family:var(--font-display); font-size:19px; line-height:1.25; margin:0; color:var(--ink); }
.sb-kart-baslik small{ font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-600); }
.sb-adres{ margin:0; font-size:14.5px; line-height:1.55; color:var(--ink-soft); }
.sb-eylem{ display:flex; gap:8px; }
.sb-eylem .bn-numara{ flex:1; }
.sb-yol{
  flex:none; display:grid; place-items:center; width:52px; min-height:52px; border-radius:14px;
  border:1px solid var(--line); background:var(--cream); color:var(--ink); transition:background .2s, color .2s, border-color .2s;
}
.sb-yol:hover{ background:var(--gold-500); border-color:var(--gold-500); color:#fff; }
.sb-yol:hover .bn-ok{ transform:rotate(45deg); }

.sb-harita{
  position:sticky; top:110px; height:calc(100vh - 140px); min-height:480px; max-height:780px;
  border-radius:24px; overflow:hidden; background:var(--cream-deep); border:1px solid var(--line); box-shadow:var(--shadow-md);
}
.sb-harita iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

@media (max-width:900px){
  .sb-duzen{ grid-template-columns:1fr; }
  .sb-harita{ position:relative; top:auto; height:380px; min-height:0; order:-1; }
}
@media (max-width:560px){
  .sb-filtre{ display:flex; flex-wrap:nowrap; overflow-x:auto; border-radius:18px; }
  .sb-cip{ flex:none; }
  .sb-kart{ padding:18px; border-radius:20px; }
  .sb-harita{ border-radius:20px; }
}

/* ============================================================
   İLETİŞİM SAYFASI — bento düzen
   ============================================================ */
.bn-bolum{
  padding:140px 0 90px;
  background:
    radial-gradient(900px 500px at 0% 0%, color-mix(in srgb, var(--gold-300) 38%, transparent), transparent 60%),
    radial-gradient(700px 500px at 100% 30%, color-mix(in srgb, var(--green-600) 12%, transparent), transparent 60%),
    var(--cream);
}
.bn-izgara{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; align-items:start; }
.bn-sol{ display:flex; flex-direction:column; gap:24px; min-width:0; }

.bn-baslik{ padding:12px 4px 4px; }
.bn-yol-izi{ display:flex; gap:8px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:18px; }
.bn-yol-izi a:hover{ color:var(--green-700); }
.bn-baslik h1{ font-size:clamp(38px, 5.2vw, 68px); line-height:1.02; letter-spacing:-.02em; margin:0; color:var(--ink); }
.bn-baslik h1 em{ font-style:italic; font-weight:500; color:var(--gold-500); }
.bn-baslik p{ max-width:520px; margin:18px 0 22px; font-size:17px; line-height:1.6; color:var(--ink-soft); }
.bn-durum{
  display:inline-flex; align-items:center; gap:10px; padding:9px 16px 9px 12px; border-radius:99px;
  background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow-sm); font-size:14px; color:var(--ink-soft);
}
.bn-durum b{ color:var(--ink); }
.bn-durum i{ width:10px; height:10px; border-radius:50%; background:var(--ink-faint); }
.bn-durum.acik i{ background:#22A94F; animation:bn-nabiz 2s infinite; }
.bn-durum.acik b{ color:#1D8A41; }
.bn-durum.kapali i{ background:#D2452B; }
.bn-durum.kapali b{ color:#B23A24; }
@keyframes bn-nabiz{ 0%{ box-shadow:0 0 0 0 rgba(34,169,79,.5); } 70%{ box-shadow:0 0 0 9px rgba(34,169,79,0); } 100%{ box-shadow:0 0 0 0 rgba(34,169,79,0); } }

.bn-kutular{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.bn-kutu{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-height:170px; padding:22px;
  border-radius:24px; background:var(--paper); border:1px solid var(--line); color:var(--ink);
  box-shadow:var(--shadow-sm); transition:transform .25s, box-shadow .25s, opacity .6s; overflow:hidden;
}
a.bn-kutu:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); color:var(--ink); }
.bn-ikon{ display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:var(--cream-deep); color:var(--green-700); margin-bottom:auto; }
.bn-ikon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.bn-ikon svg.dolu{ fill:currentColor; stroke:none; width:25px; height:25px; }
.bn-kutu small{ margin-top:18px; font-size:12.5px; font-weight:700; color:var(--ink-faint); }
.bn-kutu b{ font-size:18px; font-weight:800; line-height:1.3; overflow-wrap:anywhere; }
.bn-ok{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.bn-kutu > .bn-ok{ position:absolute; top:22px; right:22px; width:38px; height:38px; padding:10px; border-radius:50%; background:var(--cream-deep); color:var(--ink); }
a.bn-kutu:hover > .bn-ok{ transform:rotate(45deg); background:var(--gold-500); color:#fff; }

/* Telefon ve WhatsApp kartları */
.bn-aksiyon{ gap:16px; min-height:0; align-items:stretch; }
.bn-aksiyon-ust{ display:flex; align-items:center; gap:12px; }
.bn-aksiyon .bn-ikon{ margin:0; flex:none; }
.bn-aksiyon-baslik{ display:flex; flex-direction:column; }
.bn-aksiyon-baslik b{ font-size:17px; font-weight:800; }
.bn-aksiyon-baslik small{ margin:0; font-size:13px; font-weight:600; }
.bn-aksiyon-metin{ margin:0; font-size:14px; line-height:1.55; color:var(--ink-soft); }
.bn-aksiyon-alt{ display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.bn-numara{
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:0 8px 0 16px;
  border-radius:14px; border:1px solid var(--line); background:var(--cream); color:var(--ink);
  font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; transition:border-color .2s, background .2s;
}
.bn-numara i{ font-style:normal; font-size:13px; font-weight:800; padding:8px 14px; border-radius:10px; background:var(--green-900); color:#fff; transition:background .2s; }
.bn-numara:hover{ border-color:var(--green-700); background:var(--paper); color:var(--ink); }
.bn-numara:hover i{ background:var(--green-700); }
.bn-aksiyon-wp .bn-ikon{ background:#E7F8EE; color:#1FA855; }
.bn-wp-btn{
  display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; border-radius:14px;
  background:#1FA855; color:#fff; font-size:15px; font-weight:800; transition:background .2s;
}
.bn-wp-btn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.bn-wp-btn:hover{ background:#178A45; color:#fff; }
.bn-wp-btn:hover svg{ transform:translateX(3px); }

.bn-kutu-eposta{ grid-column:span 2; min-height:0; flex-direction:row; align-items:center; gap:16px; padding-right:80px; }
.bn-kutu-eposta .bn-ikon{ margin:0; flex:none; }
.bn-metin{ display:flex; flex-direction:column; min-width:0; }
.bn-kutu-eposta small{ margin:0; }
.bn-kutu-eposta > .bn-ok{ top:50%; transform:translateY(-50%); }
.bn-kutu-eposta:hover > .bn-ok{ transform:translateY(-50%) rotate(45deg); }

.bn-kutu-harita{ grid-column:span 2; min-height:320px; padding:0; }
.bn-kutu-harita iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.bn-harita-kart{
  position:absolute; left:14px; right:14px; bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:14px 14px 14px 18px; border-radius:18px;
  background:color-mix(in srgb, var(--paper) 86%, transparent); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6); box-shadow:var(--shadow-md);
}
.bn-harita-kart small{ display:block; margin:0 0 2px; font-size:12.5px; font-weight:700; color:var(--ink-faint); }
.bn-harita-kart b{ font-size:14.5px; font-weight:700; }
.bn-yol{ flex:none; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border-radius:99px; background:var(--green-900); color:var(--green-ink); font-size:14px; font-weight:800; }
.bn-yol:hover{ background:var(--gold-500); color:#fff; }

/* Form kartı — sade beyaz */
.bn-form-kart{
  position:sticky; top:110px; padding:34px 32px 32px; border-radius:28px; color:var(--ink);
  background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow-sm);
}
.bn-etiket{ display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--green-700); }
.bn-etiket .diamond-mark{ width:6px; height:6px; background:var(--green-700); }
.bn-form-kart h2{ font-size:clamp(24px, 2.4vw, 30px); line-height:1.2; color:var(--ink); margin:12px 0 24px; }
.bn-form-kart .form-note{ margin-bottom:16px; border-radius:14px; }
.bn-form{ display:flex; flex-direction:column; gap:12px; }
.bn-satir{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.bn-alan{ position:relative; }
.bn-alan input, .bn-alan textarea{
  width:100%; font-family:inherit; font-size:16px; font-weight:500; color:var(--ink); outline:none;
  padding:25px 16px 9px; border-radius:14px; border:1px solid var(--line-strong); background:var(--paper);
  transition:border-color .2s, box-shadow .2s;
}
.bn-alan textarea{ resize:vertical; min-height:140px; padding-top:30px; line-height:1.55; }
.bn-alan label{
  position:absolute; left:17px; top:18px; font-size:15px; font-weight:600; color:var(--ink-faint);
  pointer-events:none; transform-origin:left top; transition:transform .18s, color .18s;
}
.bn-alan input:focus, .bn-alan textarea:focus{ border-color:var(--green-700); box-shadow:0 0 0 3px color-mix(in srgb, var(--green-700) 12%, transparent); }
.bn-alan input:focus + label, .bn-alan textarea:focus + label,
.bn-alan input:not(:placeholder-shown) + label, .bn-alan textarea:not(:placeholder-shown) + label{
  transform:translateY(-10px) scale(.76); color:var(--green-700); font-weight:800; letter-spacing:.03em;
}

.bn-kvkk{ position:relative; display:flex; align-items:flex-start; gap:12px; margin:4px 0 6px; font-size:13.5px; line-height:1.5; color:var(--ink-soft); cursor:pointer; }
.bn-kvkk input{ position:absolute; opacity:0; width:22px; height:22px; margin:0; cursor:pointer; }
.bn-kutucuk{ flex:none; width:22px; height:22px; border-radius:7px; border:1.5px solid var(--line-strong); background:var(--paper); display:grid; place-items:center; transition:background .15s, border-color .15s; }
.bn-kvkk input:checked + .bn-kutucuk{ background:var(--green-700); border-color:var(--green-700); }
.bn-kvkk input:checked + .bn-kutucuk::after{ content:""; width:6px; height:11px; border:solid #fff; border-width:0 2.2px 2.2px 0; transform:translateY(-1px) rotate(45deg); }
.bn-kvkk input:focus-visible + .bn-kutucuk{ box-shadow:0 0 0 3px color-mix(in srgb, var(--green-700) 30%, transparent); }
.bn-kvkk a{ color:var(--green-700); font-weight:700; text-decoration:underline; text-underline-offset:3px; }

.bn-gonder{
  display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:56px; padding:0 24px;
  border:0; border-radius:14px; cursor:pointer; font-family:inherit; font-size:16px; font-weight:800;
  background:var(--green-900); color:#fff; transition:background .2s;
}
.bn-gonder i{ display:grid; place-items:center; }
.bn-gonder svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.bn-gonder:hover{ background:var(--green-800); }
.bn-gonder:hover svg{ transform:translateX(3px); }

@media (max-width:1000px){
  .bn-bolum{ padding-top:120px; }
  .bn-izgara{ grid-template-columns:1fr; }
  .bn-form-kart{ position:relative; top:auto; }
}
@media (max-width:560px){
  .bn-bolum{ padding:104px 0 60px; }
  .bn-baslik p{ font-size:15.5px; }
  .bn-kutular{ grid-template-columns:1fr; gap:12px; }
  .bn-kutu, .bn-kutu-eposta, .bn-kutu-harita{ grid-column:auto; }
  .bn-kutu{ min-height:0; border-radius:20px; }
  .bn-kutu-eposta{ padding-right:64px; }
  .bn-kutu-eposta b{ font-size:15.5px; overflow-wrap:normal; }
  .bn-kutu-eposta > .bn-ok{ right:16px; }
  .bn-kutu-harita{ min-height:360px; }
  .bn-harita-kart{ flex-direction:column; align-items:stretch; }
  .bn-yol{ justify-content:center; }
  .bn-satir{ grid-template-columns:1fr; }
  .bn-form-kart{ padding:26px 20px 22px; border-radius:24px; }
}

/* Dil seçici (TR · EN, bkz. includes/dil.php): küre simgesi + kaydırmalı anahtar; seçili dilin altındaki hap kayar.
   Renkler bulunduğu yerin yazı renginden türer (açık / koyu çubukta kendiliğinden uyar). */
.dil-secici{ display:inline-flex; align-items:center; gap:6px; flex:none; padding:3px 3px 3px 8px; border-radius:999px;
  border:1px solid color-mix(in srgb, currentColor 16%, transparent); background:color-mix(in srgb, currentColor 6%, transparent);
  font-family:var(--font-body, 'Manrope', -apple-system, 'Segoe UI', system-ui, sans-serif); font-style:normal; line-height:1; }
.dil-secici .dil-ikon{ width:13px; height:13px; opacity:.55; flex:none; }
.dil-ray{ position:relative; display:inline-grid; grid-template-columns:1fr 1fr; }
.dil-gosterge{ position:absolute; top:0; bottom:0; left:0; width:50%; border-radius:999px; background:currentColor;
  box-shadow:0 1px 3px rgba(16, 24, 40, .22); transition:transform .22s cubic-bezier(.4, 0, .2, 1); }
.dil-ray[data-aktif="en"] .dil-gosterge{ transform:translateX(100%); }
.dil-ops{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center; min-width:29px; height:22px; padding:0 7px;
  border-radius:999px; color:inherit; font-family:inherit; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-decoration:none;
  opacity:.6; transition:opacity .15s, color .22s; }
a.dil-ops:hover{ opacity:1; }
.dil-ray[data-aktif="tr"] .dil-ops[lang="tr"], .dil-ray[data-aktif="en"] .dil-ops[lang="en"]{ opacity:1; color:var(--paper, #fff); }
@media (max-width:520px){ .dil-secici{ padding-left:6px; gap:4px; } .dil-secici .dil-ikon{ display:none; } .dil-ops{ min-width:25px; height:20px; padding:0 5px; font-size:10px; } }
@media (prefers-reduced-motion:reduce){ .dil-gosterge{ transition:none; } }.dil-secici a{ opacity:.62; transition:opacity .15s, background .15s; }
.dil-secici a:hover{ opacity:1; background:color-mix(in srgb, currentColor 10%, transparent); }
.dil-secici b{ background:color-mix(in srgb, currentColor 16%, transparent); }
.dil-secici.site-dil{ color:rgba(242,244,233,.9); }
.dil-secici.site-dil .dil-gosterge{ background:var(--gold-300, #E5C988); }
.site-dil .dil-ray[data-aktif="tr"] .dil-ops[lang="tr"], .site-dil .dil-ray[data-aktif="en"] .dil-ops[lang="en"]{ color:#1F2A14; }
@media print{ .dil-secici{ display:none !important; } }