/* site.css — Kooperatif sitesi */
/* ═══════════════ TASARIM SİSTEMİ ═══════════════ */
:root{
  --green-900:#0F3D22; --green-700:#1B5E36; --green-600:#237445; --green-500:#2E8B54;
  --green-100:#E4F0E8; --green-50:#F1F7F3;
  --clay:#A34734; --clay-soft:#FBE6E0; --clay-soft-hover:#F7D9D1;
  --vurgu:#8FD3A9; --koyu-zemin:#0A2A17; --koyu-perde:15,61,34; --gold:#D8A23A; --lilac:#9C6FB8; --sky:#4E97B8;
  --ink:#16261D; --ink-70:#4A5A51; --ink-45:#7C8A83;
  --line:#E2E9E4; --cream:#FAF8F4; --white:#FFFFFF;
  --shadow-sm:0 1px 2px rgba(var(--koyu-perde),.06), 0 2px 8px rgba(var(--koyu-perde),.05);
  --shadow-md:0 4px 12px rgba(var(--koyu-perde),.07), 0 12px 32px rgba(var(--koyu-perde),.07);
  --shadow-lg:0 8px 24px rgba(var(--koyu-perde),.09), 0 24px 60px rgba(var(--koyu-perde),.10);
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-full:999px;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  /* Yerleşim tam kenara dayalıdır: içerik ekranın tüm genişliğini kullanır,
     yalnızca --pad-x kadar nefes payı bırakılır. Uzun metin blokları
     okunabilirlik için kendi içlerinde ayrıca sınırlandırılmıştır. */
  --pad-x:clamp(20px, 4vw, 72px); --sec-y:clamp(56px, 9vw, 120px); --maxw:none;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* Üst bar iki ölçüde çalışır: sayfa en üstteyken logo büyük ve marka
     öne çıkar; ziyaretçi aşağı kaydırınca bar yumuşakça incelir ve
     okuma alanını boşaltır. Tüm ölçüler değişken olduğu için mobil
     ayarları yalnızca :root'u ezerek yapılır. */
  --header-h:148px;   --header-h-min:88px;
  --logo-h:116px;     --logo-h-min:64px;
  --brand-fs:clamp(1.05rem, 1.2vw, 1.5rem); --brand-fs-min:clamp(.95rem, 1vw, 1.2rem);
  --brand-sm:.82rem;  --brand-sm-min:.72rem;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h-min) + 16px);}
body{margin:0; padding-top:var(--header-h); background:var(--white); color:var(--ink); font-family:var(--font-body);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
img{display:block; max-width:100%; height:auto;}
button{font:inherit; cursor:pointer; border:none; background:none; color:inherit;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4{margin:0; font-family:var(--font-display); font-weight:600; line-height:1.15; letter-spacing:-.015em;}
p{margin:0;}
:focus-visible{outline:3px solid var(--green-500); outline-offset:3px; border-radius:4px;}
.wrap{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x);}
.section{padding-block:var(--sec-y);}
/* Zemin rengi olan bölümler ekranın son pikseline dayanmaz; köşe
   yuvarlaklıkları görünür kalsın diye ince bir pay bırakılır. */
.about, .gal, .contact{width:auto; margin-inline:clamp(12px,1.6vw,28px);}
/* Uzun metinler geniş ekranda satır satır takip edilemeyecek kadar
   uzamasın: okuma blokları karakter genişliğiyle sınırlanır. */
.okuma{max-width:68ch;}

.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--green-600); margin-bottom:14px;}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--green-500); border-radius:2px;}
.eyebrow.center::after{content:""; width:22px; height:2px; background:var(--green-500); border-radius:2px;}
.h-sec{font-size:clamp(1.75rem, 4.2vw, 2.9rem); color:var(--green-900);}
.lead{color:var(--ink-70); font-size:clamp(1rem,1.6vw,1.08rem); line-height:1.75;}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px;
  padding:0 26px; border-radius:var(--r-full); font-size:.95rem; font-weight:600; letter-spacing:.01em;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease); white-space:nowrap;}
.btn:hover{transform:translateY(-2px);} .btn:active{transform:translateY(0);}
.btn--primary{background:var(--green-700); color:#fff; box-shadow:var(--shadow-sm);}
.btn--primary:hover{background:var(--green-600); box-shadow:var(--shadow-md);}
.btn--soft{background:var(--clay-soft); color:var(--clay);} .btn--soft:hover{background:var(--clay-soft-hover);}
.btn--ghost{border:1.5px solid var(--line); background:var(--white); color:var(--green-900);}
.btn--ghost:hover{border-color:var(--green-500); color:var(--green-700);}
.btn .arw{transition:transform .25s var(--ease);} .btn:hover .arw{transform:translateX(4px);}

/* ── header ── */
/* Bar sabit konumludur ve gövdeye en yüksek bar boyu kadar sabit bir üst
   boşluk verilir. Böylece bar kaydırırken incelirken sayfa içeriği yerinden
   oynamaz (aksi halde her kaydırmada ~60px'lik bir sıçrama oluşuyordu). */
.hdr{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid transparent; transition:border-color .3s, box-shadow .3s;}
.hdr.is-stuck{border-bottom-color:var(--line); box-shadow:0 2px 20px rgba(var(--koyu-perde),.05);}
.hdr__in{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x); height:var(--header-h);
  display:flex; align-items:center; gap:clamp(16px,2vw,32px);
  transition:height .32s var(--ease);}
.hdr.is-stuck .hdr__in{height:var(--header-h-min);}
.brand{display:flex; align-items:center; gap:16px; margin-right:auto; min-width:0;}
/* Logo yüklüyse kap köşesiz kalır: kare logonun köşeleri kesilmesin.
   Logo yokken (harf gösterilirken) yeşil dairesel rozet kullanılır. */
.brand__mark{width:var(--logo-h); height:var(--logo-h); flex:0 0 auto;
  display:grid; place-items:center; overflow:hidden;
  transition:width .32s var(--ease), height .32s var(--ease);}
.hdr.is-stuck .brand__mark{width:var(--logo-h-min); height:var(--logo-h-min);}
.brand__mark--harf{border-radius:50%; background:var(--green-100); border:2px solid var(--green-500);}
.brand__mark img{width:100%; height:100%; object-fit:contain;}
.brand__mark span{font-family:var(--font-display); font-weight:700; font-size:2rem; color:var(--green-700);}
.brand__txt{display:flex; flex-direction:column; min-width:0;}
/* Uzun kooperatif adları tek satıra sığmadığı için üç noktayla kesiliyordu.
   Metin artık en fazla iki satıra sarar; satırlar dengeli bölünür ve yazı
   boyutu ekran genişliğine göre kendini ayarlar. */
.brand__txt b{font-family:var(--font-display); font-size:var(--brand-fs); color:var(--green-900);
  line-height:1.18; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; white-space:normal; overflow-wrap:break-word; text-wrap:balance;
  transition:font-size .32s var(--ease);}
.hdr.is-stuck .brand__txt b{font-size:var(--brand-fs-min);}
.brand__txt small{font-size:var(--brand-sm); color:var(--ink-45); letter-spacing:.1em; text-transform:uppercase;
  margin-top:2px; transition:font-size .32s var(--ease);}
.hdr.is-stuck .brand__txt small{font-size:var(--brand-sm-min);}
.nav{display:flex; align-items:center; gap:6px;}
.nav a{padding:11px 18px; border-radius:var(--r-full); font-size:.95rem; font-weight:500;
  color:var(--ink-70); transition:color .2s, background .2s;}
.nav a:hover{color:var(--green-700); background:var(--green-50);}
.hdr__cta{display:flex; align-items:center; gap:12px;}
.hdr__cta .btn{min-height:48px; padding:0 24px; font-size:.92rem;}
.burger{display:none; width:44px; height:44px; border-radius:12px; align-items:center; justify-content:center;
  flex-direction:column; gap:5px; border:1px solid var(--line); background:var(--white);}
.burger span{display:block; width:18px; height:2px; background:var(--green-900); border-radius:2px;
  transition:transform .3s var(--ease), opacity .2s;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.hdr.is-stuck ~ .drawer{inset:var(--header-h-min) 0 0 0;}
.drawer{position:fixed; inset:var(--header-h) 0 0 0; transition:inset .32s var(--ease); z-index:99; background:var(--white);
  padding:24px var(--pad-x) calc(32px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:6px;
  transform:translateY(-12px); opacity:0; pointer-events:none; visibility:hidden;
  transition:opacity .28s var(--ease), transform .28s var(--ease), visibility .28s; overflow-y:auto;}
.drawer.is-open{transform:none; opacity:1; pointer-events:auto; visibility:visible;}
.drawer a.dl{display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:0 4px;
  font-size:1.15rem; font-family:var(--font-display); color:var(--green-900); border-bottom:1px solid var(--line);}
.drawer a.dl::after{content:"→"; color:var(--green-500); font-family:var(--font-body);}
.drawer__foot{margin-top:auto; padding-top:26px; display:grid; gap:10px;}
.drawer__foot .btn{width:100%;}

/* ── hero ── */
.hero{position:relative; padding-block:clamp(28px,5vw,60px) clamp(48px,7vw,84px); overflow:hidden;}
.hero::before{content:""; position:absolute; top:-160px; right:-140px; width:520px; height:520px;
  background:radial-gradient(circle, var(--green-100) 0%, transparent 68%); z-index:-1;}
.hero__grid{display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(24px,3.5vw,48px); align-items:center;}
.hero__media{position:relative; border-radius:var(--r-xl); overflow:hidden; box-shadow:var(--shadow-lg); aspect-ratio:5/4; margin:0;}
.hero__media img{width:100%; height:100%; object-fit:cover;}
.hero__badge{position:absolute; left:16px; bottom:16px; display:flex; align-items:center; gap:10px;
  background:rgba(255,255,255,.96); padding:10px 16px 10px 12px;
  border-radius:var(--r-full); box-shadow:var(--shadow-md);}
.hero__badge b{font-family:var(--font-display); font-size:1.3rem; color:var(--green-700); line-height:1;}
.hero__badge small{display:block; font-size:.72rem; color:var(--ink-45); letter-spacing:.04em;}
.hero h1{font-size:clamp(2rem, 5.6vw, 4rem); color:var(--green-900); text-transform:uppercase; letter-spacing:-.02em;}
.hero h1 em{font-style:normal; color:var(--green-500);}
.hero__sub{margin-top:20px; max-width:46ch;}
.hero__acts{margin-top:30px; display:flex; flex-wrap:wrap; gap:12px;}
.hero__meta{margin-top:32px; display:flex; flex-wrap:wrap; gap:10px;}
.chip{display:inline-flex; align-items:center; gap:7px; padding:7px 15px; border-radius:var(--r-full);
  background:var(--green-50); font-size:.82rem; font-weight:500; color:var(--green-700);}
.chip i{width:6px; height:6px; border-radius:50%; background:var(--green-500);}

/* ── hakkımızda ── */
.about{background:var(--cream); border-radius:var(--r-xl);}
.about__head{max-width:820px; margin-inline:auto; text-align:center;}
/* Panelde alt alta yazılan paragraflar sitede de ayrı görünsün */
.about__head p{margin-top:18px; white-space:pre-line;}
.stats{margin-top:clamp(36px,5vw,52px); display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,2vw,20px);}
/* min-width:0 — uzun tek kelimeler ("Faaliyet Alanı", "Destekli Tesis") ızgara
   sütununu kendi genişliğine zorlayıp dar ekranlarda yatay kaydırma yaratmasın.
   overflow-wrap ise kelimeyi gerekirse bölerek kutunun içinde tutar. */
.stat{background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:22px 18px;
  min-width:0; overflow-wrap:break-word;
  text-align:center; transition:transform .3s var(--ease), box-shadow .3s var(--ease);}
.stat:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}
.stat b{display:block; font-family:var(--font-display); font-size:clamp(1.5rem,3vw,2rem); color:var(--green-700); line-height:1.1;}
.stat span{display:block; margin-top:6px; font-size:.8rem; color:var(--ink-45); letter-spacing:.05em; text-transform:uppercase;}

/* ── ürünler ── */
.prod__head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:clamp(28px,4vw,42px);}
.prod__head p{max-width:48ch; margin-top:14px;}
.grid-prod{display:grid; gap:clamp(14px,2vw,22px);
  grid-template-columns:repeat(auto-fit, minmax(clamp(260px,17vw,320px), 1fr));}
.card{position:relative; background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
  overflow:hidden; display:flex; flex-direction:column;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;}
.card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent;}
.card__img{position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--green-50);}
.card__img img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease);}
.card:hover .card__img img{transform:scale(1.06);}
.card__tag{position:absolute; top:12px; left:12px; padding:5px 12px; border-radius:var(--r-full);
  font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  background:rgba(255,255,255,.95); color:var(--green-700);}
.card__body{padding:18px 18px 20px; display:flex; flex-direction:column; gap:6px; flex:1;}
.card__body h3{font-size:1.12rem; color:var(--green-900);}
.card__body p{font-size:.88rem; color:var(--ink-45); line-height:1.6;}
.card__bar{height:5px; width:100%;}
.c1 .card__bar{background:var(--green-500);} .c1 .card__tag{color:var(--green-600);}
.c2 .card__bar{background:var(--gold);}      .c2 .card__tag{color:#9C7318;}
.c3 .card__bar{background:var(--lilac);}     .c3 .card__tag{color:var(--lilac);}
.c4 .card__bar{background:var(--sky);}       .c4 .card__tag{color:var(--sky);}
.prod__cta{margin-top:clamp(32px,4vw,46px); padding:clamp(26px,4vw,40px);
  background:linear-gradient(135deg, var(--green-700), var(--green-500)); border-radius:var(--r-lg);
  color:#fff; text-align:center; box-shadow:var(--shadow-md);}
.prod__cta h3{font-size:clamp(1.2rem,2.6vw,1.7rem); color:#fff;}
.prod__cta p{margin-top:10px; color:rgba(255,255,255,.86); font-size:.95rem; max-width:64ch; margin-inline:auto;}
.prod__cta .btn{margin-top:22px; background:#fff; color:var(--green-700);}
.prod__cta .btn:hover{background:var(--cream);}

/* ── galeri ── */
.gal{background:var(--green-900); color:#fff; border-radius:var(--r-xl);}
.gal .h-sec{color:#fff;} .gal .eyebrow{color:var(--vurgu);} .gal .eyebrow::before{background:var(--vurgu);}
.gal .lead{color:rgba(255,255,255,.72);}
.gal__head{margin-bottom:clamp(24px,3.5vw,36px);}
.gal__head .lead{max-width:62ch;}
.gal__stage{position:relative; border-radius:var(--r-lg); overflow:hidden; background:var(--koyu-zemin);}
.gal__track{display:flex; transition:transform .55s var(--ease); touch-action:pan-y;}
.gal__slide{flex:0 0 100%; position:relative;}
.gal__slide img{width:100%; aspect-ratio:16/9; object-fit:cover;}
.gal__cap{position:absolute; left:0; right:0; bottom:0; padding:44px 24px 20px;
  background:linear-gradient(transparent, rgba(var(--koyu-perde), .88)); font-size:.92rem; color:rgba(255,255,255,.94);}
.gal__nav{position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; background:rgba(255,255,255,.92); color:var(--green-900); font-size:1.3rem;
  box-shadow:var(--shadow-md); transition:background .2s, transform .2s;}
.gal__nav:hover{background:#fff; transform:translateY(-50%) scale(1.06);}
.gal__nav--prev{left:14px;} .gal__nav--next{right:14px;}
.gal__dots{display:flex; justify-content:center; gap:8px; margin-top:20px;}
.gal__dots button{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.3);
  transition:width .3s var(--ease), background .3s;}
.gal__dots button[aria-current="true"]{width:26px; border-radius:4px; background:var(--vurgu);}

/* ── instagram profil kartı ── */
.ig__head{text-align:center; margin-bottom:clamp(24px,3.5vw,36px);}

.igp{
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-xl);
  overflow:hidden; box-shadow:var(--shadow-md); max-width:1040px; margin-inline:auto;
}
.igp__ust{
  display:flex; align-items:center; gap:clamp(20px,4vw,44px);
  padding:clamp(24px,4vw,40px) clamp(20px,4vw,44px);
  border-bottom:1px solid var(--line);
}

/* profil fotoğrafı + gradyan halka */
.igp__ava{flex:0 0 auto; display:block; text-decoration:none;}
.igp__halka{
  display:block; padding:3px; border-radius:50%;
  background:conic-gradient(from 210deg, #F9CE34, #EE2A7B, #6228D7, #F9CE34);
  transition:transform .3s var(--ease);
}
.igp__ava:hover .igp__halka{transform:scale(1.04);}
.igp__cerceve{
  display:grid; place-items:center; overflow:hidden;
  width:clamp(84px,15vw,132px); height:clamp(84px,15vw,132px);
  border-radius:50%; background:var(--green-50); border:3px solid var(--white);
}
.igp__cerceve img{width:100%; height:100%; object-fit:cover;}
.igp__harf{font-family:var(--font-display); font-size:2rem; color:var(--green-700);}

.igp__bilgi{min-width:0; flex:1;}
.igp__satir{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.igp__kul{
  display:inline-flex; align-items:center; gap:6px;
  font-size:clamp(1.05rem,2.4vw,1.35rem); font-weight:600; color:var(--ink);
  word-break:break-word;
}
.igp__kul:hover{color:var(--green-700);}
.igp__tik{width:18px; height:18px; flex:0 0 auto;}
.igp__takip{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:0 20px; border-radius:9px;
  background:#0095F6; color:#fff; font-size:.88rem; font-weight:600;
  transition:background .2s, transform .2s;
}
.igp__takip:hover{background:#1877F2; transform:translateY(-1px);}
.igp__ad{margin-top:12px; font-weight:600; font-size:.98rem; color:var(--ink);}
.igp__bio{margin-top:6px; font-size:.93rem; line-height:1.6; color:var(--ink-70); max-width:52ch;}

/* gönderi ızgarası */
.igp__izgara{display:grid; grid-template-columns:repeat(3,1fr); gap:3px; background:var(--line);}
.igp__kare{position:relative; display:block; aspect-ratio:1; overflow:hidden; background:var(--green-50);}
.igp__kare img{width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease);}
.igp__kare:hover img{transform:scale(1.05);}
.igp__ort{
  position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(var(--koyu-perde), .45); color:#fff; opacity:0; transition:opacity .28s var(--ease);
}
.igp__ort svg{width:30px; height:30px;}
.igp__kare:hover .igp__ort, .igp__kare:focus-visible .igp__ort{opacity:1;}

.igp__alt{
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-height:58px; font-weight:600; font-size:.95rem; color:var(--green-700);
  border-top:1px solid var(--line); transition:background .2s;
}
.igp__alt:hover{background:var(--green-50);}
.igp__alt .arw{transition:transform .25s var(--ease);}
.igp__alt:hover .arw{transform:translateX(4px);}

/* ── iletişim ── */
.contact{background:var(--cream); border-radius:var(--r-xl);}
.contact__grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); align-items:start;}
.info{display:grid; gap:14px; margin:26px 0 24px;}
.info__row{display:flex; gap:14px; align-items:flex-start;}
.info__ico{width:42px; height:42px; flex:0 0 auto; border-radius:12px; background:var(--green-100);
  display:grid; place-items:center; font-size:1.05rem;}
.info__row b{display:block; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-45); margin-bottom:2px;}
.info__row a, .info__row span{font-size:1rem; color:var(--green-900); font-weight:500;}
.info__row a:hover{color:var(--green-500);}
.map{border-radius:var(--r-md); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-sm); aspect-ratio:16/10;}
.map iframe{width:100%; height:100%; border:0; display:block;}
.form{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
  max-width:680px; width:100%; margin-inline:auto;
  padding:clamp(22px,3.5vw,34px); box-shadow:var(--shadow-sm);}
.form h3{font-size:clamp(1.3rem,2.6vw,1.7rem); color:var(--green-900);}
.form > p{margin-top:8px; font-size:.9rem; color:var(--ink-45);}
.f-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.field{margin-top:16px; display:flex; flex-direction:column; gap:6px;}
.field label{font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-45);}
.field input, .field textarea{width:100%; font:inherit; font-size:16px; padding:12px 14px;
  border:1.5px solid var(--line); border-radius:12px; background:var(--white); color:var(--ink);
  transition:border-color .2s, box-shadow .2s; min-height:48px;}
.field textarea{resize:vertical; min-height:112px; line-height:1.6;}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--green-500); box-shadow:0 0 0 4px var(--green-50);}
.form .btn{width:100%; margin-top:22px;}
.form .btn[disabled]{opacity:.6; pointer-events:none;}
.form__note{margin-top:12px; font-size:.78rem; color:var(--ink-45); text-align:center;}
.form__ok{margin-top:16px; padding:14px 16px; border-radius:12px; background:var(--green-50);
  border:1px solid var(--green-100); color:var(--green-700); font-size:.9rem; font-weight:500; display:none;}
.form__ok.show{display:block;}

/* ── footer ── */
.ftr{background:var(--green-900); color:rgba(255,255,255,.7); padding:clamp(40px,6vw,60px) 0 0;}
.ftr__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; padding-bottom:36px;}
.ftr h4{font-size:1rem; color:#fff; margin-bottom:14px; font-family:var(--font-body); font-weight:600; letter-spacing:.02em;}
.ftr__brand p{margin-top:12px; font-size:.9rem; line-height:1.7; max-width:38ch;}
.ftr ul{list-style:none; margin:0; padding:0; display:grid; gap:9px; font-size:.9rem;}
.ftr a:hover{color:var(--vurgu);}
.ftr__bar{border-top:1px solid rgba(255,255,255,.12); padding:18px 0 calc(18px + env(safe-area-inset-bottom));
  display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; font-size:.82rem;}
.ftr__bar-r{display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center;}
.powered a{color:var(--vurgu); font-weight:600;}
.powered a:hover{text-decoration:underline;}
.panel-link{display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:6px 16px;
  border-radius:var(--r-full); border:1px solid rgba(255,255,255,.18); font-size:.76rem;
  color:rgba(255,255,255,.65); transition:background .2s, color .2s, border-color .2s;}
.panel-link:hover{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.3);}

/* ── görünürlük animasyonu ── */
.rv{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
/* Ekranın ilk görünen bölümü JavaScript'i beklemez: kapak görseli ve
   yanındaki metin animasyonsuz, anında görünür. Tarayıcı saydam bir
   öğeyi "yüklendi" saymadığı için bu, sayfanın açılma puanını doğrudan
   iyileştirir. Alt bölümlerdeki yumuşak beliriş korunur. */
.hero .rv{opacity:1; transform:none; transition:none;}
.rv.in{opacity:1; transform:none;}
.nojs{display:block; padding:16px; background:#FFF6E5; border-bottom:1px solid #F0DEB4;
  text-align:center; font-size:.9rem; color:#7A5A12;}


/* ═══════════════ GENİŞ EKRAN ═══════════════ */
/* Tam kenara dayalı yerleşimde kolonlar çok genişlediği için
   büyük ekranlarda oranlar ve sütun sayıları yeniden dengelenir. */
@media (min-width:1400px){
  .hero__grid{grid-template-columns:1fr 1.15fr;}
  .hero__media{aspect-ratio:3/2;}
  .contact__grid{grid-template-columns:1.15fr .85fr;}
  /* Hakkımızda: ortada dar bir sütun olarak kalmasın —
     başlık solda, sayılar sağda iki kolona açılır. */
  .about{display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,5vw,88px); align-items:center;}
  .about__head{text-align:left; margin-inline:0; max-width:56ch;}
  .about__head .eyebrow.center::after{display:none;}
  .stats{margin-top:0; grid-template-columns:repeat(2,1fr); gap:clamp(16px,1.6vw,24px);}
  .stat{padding:30px 24px;}
  /* Tam genişlikte 16/9 oran ekranı aşacak kadar büyüyor:
     galeri ve harita sabit bir yükseklik bandında tutulur. */
  .gal__slide img{aspect-ratio:auto; height:clamp(440px,56vh,660px);}
  .map{aspect-ratio:auto; height:clamp(360px,42vh,470px);}
}
/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width:1200px){
  :root{--header-h:128px; --header-h-min:84px;
        --logo-h:100px;   --logo-h-min:60px;
        --brand-fs:1.05rem; --brand-fs-min:.98rem;}
  /* Bu genişlikte üst bar kalabalıklaşıyor ve marka adına yer kalmıyor.
     Menüde zaten "İletişim" bağlantısı olduğu için buradaki ikinci
     İletişim butonu gizlenir; "Mağazaya Git" başka yerde tekrarlanmadığı
     için korunur. */
  .hdr__cta .btn--primary{display:none;}
}
@media (max-width:1024px){
  .grid-prod{grid-template-columns:repeat(2,1fr);}
  .hero__grid{grid-template-columns:1fr; gap:32px;}
  .hero__media{order:-1; aspect-ratio:16/10;}
  .ftr__grid{grid-template-columns:1fr 1fr;}
  .ftr__brand{grid-column:1 / -1;}
}
/* üst bar kendi eşiğini kullanır: 960px altında menü sıkışıyor */
@media (max-width:960px){
  :root{--header-h:108px; --header-h-min:80px;
        --logo-h:84px;    --logo-h-min:56px;
        --brand-fs:1.18rem; --brand-fs-min:1.06rem;}
  .nav, .hdr__cta{display:none;}
  .burger{display:flex;}
}
@media (max-width:860px){
  .contact__grid{grid-template-columns:1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  :root{--header-h:92px;  --header-h-min:68px;
        --logo-h:68px;    --logo-h-min:48px;
        --brand-fs:1.02rem; --brand-fs-min:.94rem;}
  .brand{gap:12px;}
  .brand__txt small{display:none;}
  .brand__mark span{font-size:1.25rem;}
  .section{padding-block:clamp(44px,11vw,64px);}
  .about, .gal, .contact{border-radius:20px; width:auto; margin-inline:12px;}
  .hero__acts{flex-direction:column; align-items:stretch;}
  .hero__acts .btn{width:100%;}
  .grid-prod{grid-template-columns:1fr; gap:16px;}
  .card{flex-direction:row; align-items:stretch;}
  .card__img{flex:0 0 40%; aspect-ratio:auto;}
  .card__bar{display:none;}
  .card__body{padding:14px 16px;}
  .card__body h3{font-size:1rem;}
  .card__tag{top:8px; left:8px; font-size:.62rem; padding:4px 9px;}
  .gal__nav{width:40px; height:40px; font-size:1.1rem;}
  .gal__nav--prev{left:8px;} .gal__nav--next{right:8px;}
  .gal__cap{font-size:.82rem; padding:34px 16px 14px;}
  .f-row{grid-template-columns:1fr; gap:0;}
  .igp{border-radius:20px;}
  .igp__ust{flex-direction:column; align-items:flex-start; gap:16px; padding:22px 18px;}
  .igp__satir{width:100%; justify-content:space-between;}
  .igp__takip{flex:0 0 auto;}
  .igp__izgara{gap:2px;}
  .igp__ort svg{width:22px; height:22px;}
  .ftr__grid{grid-template-columns:1fr; gap:26px;}
  .ftr__bar{flex-direction:column; text-align:center;}
}
/* Çok dar telefonlarda (320-400px) uzun kooperatif adı iki satıra da
   sığmıyor: yazı biraz küçülür ve gerekirse üçüncü satıra iner. */
@media (max-width:400px){
  :root{--logo-h:60px; --logo-h-min:44px;
        --brand-fs:.88rem; --brand-fs-min:.84rem;}
  .brand{gap:10px;}
  .brand__txt b{-webkit-line-clamp:3;}
}
@media (max-width:380px){
  .card{flex-direction:column;}
  .card__img{flex:none; aspect-ratio:16/10;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
  .rv{opacity:1; transform:none;}
}

/* ── sunucu tarafı form uyarısı ── */
.form__uyari{margin-top:16px; padding:13px 16px; border-radius:12px; background:#FDECEA;
  border:1px solid #F5C6C0; color:#A93226; font-size:.88rem; font-weight:500;}

/* ── içeriğe atla (klavye kullanıcıları için) ── */
.atla{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--green-700); color:#fff; padding:12px 20px;
  border-radius:0 0 12px 0; font-size:.9rem; font-weight:600;
}
.atla:focus{left:0;}