/* =============================================================
   YILDIRIM YUMURTA ÇİFTLİĞİ — Tek sayfa site
   1. Değişkenler & reset      6. Ürünler
   2. Yardımcı sınıflar        7. Üretim / Kalite
   3. Fiyat panosu             8. Galeri
   4. Header & Navigasyon      9. CTA / İletişim / Footer
   5. Hero                    10. Lightbox / FAB / Responsive
   ============================================================= */

/* ---------- 1. DEĞİŞKENLER & RESET ---------- */
:root{
  --yolk:#F5A524;
  --yolk-deep:#E08A00;
  --yolk-soft:#FFF3DC;
  --ink:#14110E;
  --ink-2:#2A241E;
  --muted:#6E6459;
  --cream:#FBF7F0;
  --paper:#FFFFFF;
  --line:rgba(20,17,14,.10);
  --up:#2E9E5B;
  --down:#E0483B;
  --wa:#25D366;

  --header-h:78px;
  --header-stuck-h:66px;

  --r-sm:10px;
  --r-md:16px;
  --r-lg:24px;
  --r-xl:32px;

  --shadow-sm:0 2px 8px rgba(20,17,14,.06);
  --shadow-md:0 12px 34px rgba(20,17,14,.10);
  --shadow-lg:0 28px 70px rgba(20,17,14,.18);

  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Bricolage Grotesque','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* Hareket eğrileri: güçlü yavaşlama = "yerine oturma" hissi.
     --ease-yay yalnızca ivme taşıyan etkileşimlerde (basma, atma). */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-giris:cubic-bezier(.16,1,.3,1);
  --ease-yay:cubic-bezier(.34,1.26,.64,1);
}

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

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  overflow-x:clip;              /* hiçbir koşulda yatay kayma olmasın */
}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.65;
  color:var(--ink-2);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

img,video{max-width:100%;display:block}

/* display:flex/grid tanımlı bileşenlerde de hidden çalışsın */
[hidden]{display:none !important}
a{color:inherit}
button{font:inherit;color:inherit}

h1,h2,h3,h4{
  font-family:var(--font-display);
  color:var(--ink);
  margin:0 0 .5em;
  font-weight:700;
  font-optical-sizing:auto;
}
/* Punto büyüdükçe harfler birbirinden uzak görünür: büyük başlıkta
   aralık negatife, küçük metinde sıfıra/pozitife gider. Satır
   yüksekliği de punto ile ters orantılı. */
h1{font-size:clamp(2.6rem,6.4vw,5.1rem);font-weight:800;line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(2rem,4.1vw,3.3rem);line-height:1.08;letter-spacing:-.026em}
h3{font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.22;letter-spacing:-.012em}
h4{font-size:1rem;line-height:1.3;letter-spacing:.02em}
p{margin:0 0 1.1em}

::selection{background:var(--yolk);color:var(--ink)}

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

/* ---------- 2. YARDIMCI SINIFLAR ---------- */
.wrap{
  width:min(1240px,100% - 2 * clamp(18px,5vw,56px));
  margin-inline:auto;
}

.section{padding:clamp(74px,9vw,130px) 0}
.section--alt{background:var(--cream)}

section[id]{scroll-margin-top:calc(var(--header-h) + 12px)}

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

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 var(--r-sm) 0;
}
.skip-link:focus{left:0}

.eyebrow{
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--yolk-deep);margin:0 0 .9rem;
}
.eyebrow--light{color:var(--yolk)}

.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--ink-2)}

.hl{
  background:linear-gradient(180deg,transparent 62%,rgba(245,165,36,.42) 62%);
  padding:0 .08em;
}

.sechead{max-width:720px;margin:0 0 clamp(38px,5vw,62px)}
.sechead__sub{color:var(--muted);margin:0}

/* Butonlar */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  padding:.92em 1.7em;border:none;border-radius:100px;cursor:pointer;
  font-weight:700;font-size:.96rem;letter-spacing:.01em;text-decoration:none;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease);
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
/* Geri bildirim parmak değdiği anda; bırakmayı beklemek ölü hissettirir */
.btn:active{transform:scale(.97);transition-duration:.1s}
.btn--primary{background:var(--yolk);color:var(--ink);box-shadow:0 6px 20px rgba(245,165,36,.38)}
.btn--primary:hover{background:#FFB53D;box-shadow:0 12px 30px rgba(245,165,36,.5)}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#000}
.btn--ghost{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.btn--ghost:hover{background:rgba(255,255,255,.24)}
.btn--outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.btn--outline:hover{background:rgba(255,255,255,.12)}
.btn--wa{background:var(--wa);color:#fff;box-shadow:0 6px 20px rgba(37,211,102,.35)}
.btn--lg{padding:1.05em 2.1em;font-size:1.02rem}
.btn--block{width:100%}

/* Giriş hareketi.
   Destekleyen tarayıcıda kaydırmaya bağlı (animation-timeline: view()):
   öğe göründükçe ilerler, JS gerekmez, kare atlamaz.
   Desteklemeyende IntersectionObserver + geçiş devreye girer. */
.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .9s var(--ease-giris),transform .9s var(--ease-giris)}
.reveal.is-in{opacity:1;transform:none}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .reveal{
      transition:none;
      animation:girisHareketi linear both;
      animation-timeline:view();
      animation-range:entry 2% entry 58%;
    }
    @keyframes girisHareketi{
      from{opacity:0;transform:translateY(64px) scale(.92);filter:blur(7px)}
      to{opacity:1;transform:none;filter:blur(0)}
    }

    /* Medya kaydırdıkça yakınlaşır: sayfa ilerledikçe kadraj
       içeri girer, içerik ondan farklı hızda çıkar (derinlik).

       Yalnız fotoğraf katmanına uygulanıyor. Video katmanına da
       verilince üst ögedeki ölçek, zaten büyütülerek gösterilen
       kareyi bir kat daha esnetip gözle görülür şekilde bulanıklaştırdı;
       fotoğraf 3840 px olduğu için bu zoom'u kaldırabiliyor. */
    .hero__slides{
      animation:heroYakinlasma linear both;
      animation-timeline:view();
      animation-range:exit 0% exit 100%;
    }
    @keyframes heroYakinlasma{
      from{transform:scale(1)}
      to{transform:scale(1.28)}
    }

    /* Hero içeriği sayfa yukarı kayarken geride kalır ve söner */
    .hero__inner{
      animation:heroCikis linear both;
      animation-timeline:view();
      animation-range:exit 0% exit 86%;
    }
    @keyframes heroCikis{
      from{opacity:1;transform:translateY(0) scale(1)}
      to{opacity:0;transform:translateY(-120px) scale(.94)}
    }

    /* Görseller çerçeveye otururken hafifçe yerine çöker (parallax hissi) */
    .about__img img,.quality__img img,.loc__img img,.step__img img{
      animation:gorselOturma linear both;
      animation-timeline:view();
      animation-range:entry 0% cover 55%;
    }
    @keyframes gorselOturma{
      from{transform:scale(1.32)}
      to{transform:scale(1)}
    }
  }
}

/* ---------- 3. FİYAT PANOSU (hero içinde) ---------- */
/* Buzlu cam: arkadaki video/fotoğraf görünmeye devam eder.
   Okunurluk, bulanıklık + koyu tonlama + ince gradyanla sağlanır. */
.pricecard{
  position:relative;
  background:
    linear-gradient(180deg,rgba(10,8,6,.36),rgba(10,8,6,.50));
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(255,255,255,.20);
  border-radius:var(--r-lg);
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 2px 0 var(--yolk);
  color:#fff;
  overflow:hidden;
  align-self:end;
}

.pricecard__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;
  padding:.8rem 1.05rem .68rem;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.pricecard__title{
  margin:0;font-family:var(--font-display);font-weight:800;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45);
}
.pricecard__date{
  font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;
  color:rgba(255,255,255,.62);white-space:nowrap;
}

.pricecard__list{list-style:none;margin:0;padding:.2rem 1.05rem}
.pricecard__list li{
  display:flex;align-items:baseline;justify-content:space-between;gap:.9rem;
  padding:.46rem 0;border-bottom:1px solid rgba(255,255,255,.10);
}
.pricecard__list li:last-child{border-bottom:none}
.pricecard__name{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.80)}
.pricecard__price{
  font-family:var(--font-display);font-weight:800;font-size:1.02rem;
  color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;
  text-shadow:0 1px 12px rgba(0,0,0,.4);
}
.pricecard__unit{font-size:.68em;font-weight:600;color:rgba(255,255,255,.5);margin-left:.1em}

.pricecard__foot{
  padding:.65rem 1.05rem .8rem;
  border-top:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.16);
}
.pricecard__note{margin:0 0 .2em;font-size:.67rem;line-height:1.42;color:rgba(255,255,255,.52)}
.pricecard__note:last-of-type{margin-bottom:0}
.pricecard__source{margin:.4rem 0 0;font-size:.62rem;color:rgba(255,255,255,.34)}

/* ---------- 4. HEADER ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:150;
  height:var(--header-h);
  display:flex;align-items:center;
  transition:background .35s var(--ease),box-shadow .35s var(--ease),height .35s var(--ease);
}
.header__inner{
  width:min(1240px,100% - 2 * clamp(18px,5vw,56px));margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.header.is-stuck{
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  /* Sert 1px çizgi yerine yumuşak kenar: yüzen katman içeriğin
     üstünde durur, onu kesmez. Üstteki açık hat camın ışığı
     yakalaması hissini verir. */
  box-shadow:0 8px 28px rgba(20,17,14,.08);
  border-bottom:1px solid rgba(255,255,255,.5);
  -webkit-mask-image:linear-gradient(#000 72%,rgba(0,0,0,.92));
          mask-image:linear-gradient(#000 72%,rgba(0,0,0,.92));
  height:var(--header-stuck-h);
}

.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand__logo{
  height:clamp(42px,4.8vw,56px);width:auto;display:block;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.42));
  transition:height .35s var(--ease),filter .35s var(--ease);
}
.header.is-stuck .brand__logo{height:44px;filter:none}
.brand--footer{margin-bottom:1.2rem}
.brand--footer .brand__logo{height:52px;filter:none}

.nav{display:flex;align-items:center;gap:clamp(.4rem,1.5vw,1.55rem)}
.nav a{
  text-decoration:none;font-size:.93rem;font-weight:600;color:rgba(255,255,255,.88);
  padding:.4em 0;position:relative;transition:color .25s;white-space:nowrap;
}
.nav a::after{
  content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;
  background:var(--yolk);transition:right .3s var(--ease);border-radius:2px;
}
.nav a:hover::after,.nav a.is-active::after{right:0}
.header.is-stuck .nav a{color:var(--ink-2)}
.nav a.is-active{color:var(--yolk-deep)}

.nav__cta{
  background:var(--yolk);color:var(--ink) !important;
  padding:.62em 1.25em !important;border-radius:100px;
  margin-left:.4rem;box-shadow:0 4px 14px rgba(245,165,36,.34);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.nav__cta::after{display:none}
.nav__cta:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(245,165,36,.45)}

.burger{
  display:none;width:44px;height:44px;background:none;border:none;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;
}
.burger span{
  display:block;width:22px;height:2px;background:#fff;border-radius:2px;
  transition:transform .3s var(--ease),opacity .2s var(--ease),background .3s;
}
.header.is-stuck .burger span{background:var(--ink)}
.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)}

/* ---------- 5. HERO ---------- */
.hero{
  position:relative;
  min-height:clamp(640px,100svh,1020px);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(var(--header-h) + 44px) 0 clamp(94px,8vw,112px);
  overflow:hidden;
  background:var(--ink);
  isolation:isolate;
}

/* Koyu zemin şart: katmanlar çapraz geçerken (fotoğraf -> video ve
   klipten klibe) toplam kaplama bir an 0.80'e düşüyor. Zemin şeffaf
   olunca sayfanın açık rengi sızıp hero'da her geçişte parlama
   yapıyordu. Zemin koyu olduğunda karartma sabit kalıyor. */
.hero__media{position:absolute;inset:0;z-index:-1;background:#0a0806}

.hero__slides{position:absolute;inset:0}
/* Video hazır olana kadar duran sabit kare. Bilerek hareketsiz:
   yavaş zoom, video devralırken gözle görülür bir sıçrama yapıyordu. */
.hero__slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.8s var(--ease);
}
.hero__slide.is-active{opacity:1}

/* Üretim hattından kısa kesitler. Klipler üst üste durur; aktif olan
   opaklıkla yumuşak devralır, böylece araya siyah kare girmez. */
/* isolation: kendi yığınlama bağlamını kurar. Klipler arasındaki
   devir için JS videolara z-index veriyor; bu katman kendi bağlamını
   kurmazsa o z-index'ler karartma perdesiyle (.hero__scrim) aynı
   bağlamda yarışıp videoyu perdenin üstüne çıkarıyor. Eskiden bağlamı
   kaydırma zoom'unun transform'u kuruyordu, o kaldırılınca açıkta
   kaldı. */
.hero__clips{position:absolute;inset:0;opacity:0;isolation:isolate;transition:opacity 1.2s var(--ease)}
.hero.is-video .hero__clips{opacity:1}
/* Fotoğraf katmanı söndürülmüyor: video katmanı üstünde opaklaşarak
   devralıyor. İkisini birlikte soldurmak, devir sırasında toplam
   kaplamayı 0.80'e düşürüp hero'da parlama/kararma yapıyordu. */

.hero__video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1.3s var(--ease);
  will-change:opacity;
}
.hero__video.is-on{opacity:1}

/* Hareket azaltma tercihinde video katmanı hiç devreye girmez */
@media (prefers-reduced-motion: reduce){
  .hero__clips{display:none}
  .hero.is-video .hero__slides{opacity:1}
}

/* Metnin oturduğu bantta gölge eskiden yalnız %24'tü; parlak kliplerde
   (viyoldeki beyaz yumurtalar) başlık okunmuyordu. Ölçümde o bandın
   arkasındaki ham parlaklık 133'e kadar çıkıyor. */
.hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(10,8,6,.72) 0%,rgba(10,8,6,.56) 34%,rgba(10,8,6,.56) 64%,rgba(10,8,6,.90) 100%),
    radial-gradient(120% 80% at 50% 100%,rgba(245,165,36,.14),transparent 62%);
}

/* Geniş ekranda metin solda, kadraj sağda duruyor. Sol bandı ayrıca
   koyulaştırıp sağ tarafı açık bırakıyoruz: yazı net okunurken
   görüntü tamamen boğulmuyor. */
@media (min-width: 900px){
  .hero__scrim{
    background:
      linear-gradient(90deg,rgba(10,8,6,.46) 0%,rgba(10,8,6,.40) 42%,rgba(10,8,6,.06) 72%,rgba(10,8,6,.22) 100%),
      linear-gradient(180deg,rgba(10,8,6,.64) 0%,rgba(10,8,6,.40) 32%,rgba(10,8,6,.44) 64%,rgba(10,8,6,.90) 100%),
      radial-gradient(120% 80% at 50% 100%,rgba(245,165,36,.14),transparent 62%);
  }
}

.hero__inner{
  width:min(1240px,100% - 2 * clamp(18px,5vw,56px));margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(258px,22vw,304px);
  gap:clamp(2rem,4vw,3.5rem);
  align-items:end;
}
.hero__content{color:#fff;min-width:0}
.hero__eyebrow{
  font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--yolk);margin:0 0 1rem;
}
.hero__title{
  color:#fff;max-width:15ch;
  text-shadow:0 2px 14px rgba(0,0,0,.55),0 4px 40px rgba(0,0,0,.4);
  margin-bottom:.35em;
}
.hero__title span{
  color:var(--yolk);
  display:inline-block;
}
.hero__sub{
  font-size:clamp(1.02rem,1.65vw,1.3rem);
  color:rgba(255,255,255,.85);max-width:52ch;margin-bottom:2rem;
  text-shadow:0 1px 10px rgba(0,0,0,.55),0 2px 20px rgba(0,0,0,.35);
}
.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:clamp(34px,5vw,58px)}

.hero__chips{
  display:flex;flex-wrap:wrap;gap:clamp(1.4rem,4vw,3.4rem);
  list-style:none;margin:0;padding:1.5rem 0 0;
  border-top:1px solid rgba(255,255,255,.2);
}
.hero__chips li{display:flex;flex-direction:column;gap:.15rem}
.hero__chips strong{
  font-family:var(--font-display);font-size:clamp(1.5rem,2.7vw,2.1rem);
  font-weight:800;color:#fff;line-height:1;
}
.hero__chips span{font-size:.82rem;color:rgba(255,255,255,.6);letter-spacing:.02em}



/* ---------- AŞAĞI KAYDIRAN TAVUK ---------- */
.henscroll{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:clamp(18px,2.6vw,30px);z-index:3;
  background:none;border:none;padding:.3rem .6rem;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:.15rem;
  color:rgba(255,255,255,.72);
}
.henscroll__hen{
  display:block;line-height:0;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
  animation:henBob 2.6s ease-in-out infinite;
  transform-origin:50% 100%;
}
@keyframes henBob{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-3px) rotate(-1.5deg)}
}
.henscroll__hint{
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  text-shadow:0 1px 8px rgba(0,0,0,.5);transition:color .25s;
}
.henscroll:hover .henscroll__hint{color:#fff}
.henscroll:hover .henscroll__hen{animation-duration:1.1s}

/* tıklama anı: tavuk çömelir */
.henscroll.is-laying .henscroll__hen{animation:henLay .55s var(--ease)}
@keyframes henLay{
  0%{transform:translateY(0) scaleY(1)}
  30%{transform:translateY(3px) scaleY(.88) scaleX(1.06)}
  60%{transform:translateY(0) scaleY(1.04) scaleX(.97)}
  100%{transform:translateY(0) scaleY(1)}
}

/* Düşen yumurtalar — sayfa katmanında, hero tarafından kırpılmaz.
   Konum ve mesafe JS tarafından belge koordinatlarıyla verilir. */
.eggfall{
  position:absolute;left:0;top:0;width:100%;height:0;
  z-index:120;pointer-events:none;
}
.egg{
  position:absolute;
  width:17px;height:22px;margin-left:-8.5px;
  background:radial-gradient(60% 55% at 38% 32%,#fff,#F4EDE2 55%,#E3D6C4);
  border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
  animation:eggFall var(--sure,2.2s) cubic-bezier(.38,0,.72,.86) forwards;
}
@keyframes eggFall{
  0%{transform:translate(0,0) rotate(0deg) scale(.6);opacity:0}
  6%{transform:translate(0,10px) rotate(4deg) scale(1);opacity:1}
  88%{opacity:1}
  100%{transform:translate(var(--kay,0px),var(--dus,600px)) rotate(var(--don,220deg)) scale(1);opacity:0}
}

@media (max-width:760px){
  .henscroll{bottom:clamp(14px,2vw,22px)}
  .henscroll__hen svg{width:44px;height:40px}
}

@media (prefers-reduced-motion:reduce){
  .henscroll__hen{animation:none}
  .egg{display:none}
}

/* ---------- RAKAMLAR ---------- */
.stats{background:var(--ink);color:#fff;padding:clamp(46px,6vw,74px) 0}
.stats__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem);
}
.stat{text-align:center;position:relative}
.stat:not(:last-child)::after{
  content:'';position:absolute;right:calc(clamp(1.5rem,3vw,2.5rem) / -2);top:15%;
  width:1px;height:70%;background:rgba(255,255,255,.14);
}
.stat b{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:clamp(2rem,4.2vw,3.2rem);color:var(--yolk);line-height:1;
  font-variant-numeric:tabular-nums;margin-bottom:.4rem;
}
.stat span{font-size:.88rem;color:rgba(255,255,255,.6)}

/* ---------- HAKKIMIZDA ---------- */
.about{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
/* Kısa yolculuk şeridi: 1964 Kars -> bugün Balıkesir + İstanbul */
.journey{
  list-style:none;padding:0;margin:0 0 2rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;
}
.journey li{background:var(--paper);padding:.95rem 1rem}
.journey b{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:.92rem;color:var(--yolk-deep);margin-bottom:.2rem;
}
.journey span{display:block;font-size:.78rem;line-height:1.4;color:var(--muted)}

.about__text .ticks{list-style:none;padding:0;margin:0 0 2rem}
.ticks li{
  position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--ink-2);
}
.ticks li::before{
  content:'';position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:50%;
  background:var(--yolk-soft);
  box-shadow:inset 0 0 0 1.5px rgba(245,165,36,.5);
}
.ticks li::after{
  content:'';position:absolute;left:5.5px;top:.78em;width:7px;height:4px;
  border-left:2px solid var(--yolk-deep);border-bottom:2px solid var(--yolk-deep);
  transform:rotate(-45deg);
}

.about__media{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;
}
.about__img{margin:0;overflow:hidden;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.about__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.about__img:hover img{transform:scale(1.06)}
.about__img--tall{grid-row:span 2;min-height:340px}
.about__img:not(.about__img--tall){aspect-ratio:4/3}

.about__badge{
  position:absolute;left:-22px;bottom:-22px;
  background:var(--yolk);color:var(--ink);
  border-radius:50%;width:112px;height:112px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:var(--shadow-lg);
  border:5px solid var(--paper);
  /* Daire içinde kare bir metin kutusu var; yazı kavisin dışına
     taşmasın diye yatay dolgu ve ortalama şart. */
  text-align:center;padding:0 .7rem;
}
.about__badge strong{font-family:var(--font-display);font-size:1.55rem;font-weight:800;line-height:1}
.about__badge span{font-size:.58rem;letter-spacing:.04em;line-height:1.25;text-transform:uppercase;font-weight:700;opacity:.72}

/* ---------- 6. ÜRÜNLER ---------- */
.products{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);
  margin-bottom:clamp(48px,6vw,80px);
}
.product{
  background:var(--paper);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--line);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
  display:flex;flex-direction:column;
}
.product:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}
.product__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--cream)}
.product__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.product:hover .product__img img{transform:scale(1.07)}
.product__tag{
  position:absolute;top:14px;left:14px;
  background:var(--ink);color:#fff;font-size:.7rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  padding:.4em .85em;border-radius:100px;backdrop-filter:blur(6px);
}
.product__tag--green{background:var(--up)}
.product__tag--gold{background:var(--yolk);color:var(--ink)}
.product__tag--blue{background:#2F6FD0}
.product__body{padding:1.5rem 1.6rem 1.7rem;flex:1;display:flex;flex-direction:column}
.product__body h3{margin-bottom:.4em}
.product__body p{color:var(--muted);font-size:.95rem;flex:1;margin-bottom:1.1em}
.product__meta{
  list-style:none;padding:1rem 0 0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;
  border-top:1px solid var(--line);
}
.product__meta li{
  font-size:.78rem;font-weight:700;color:var(--yolk-deep);
  background:var(--yolk-soft);padding:.35em .8em;border-radius:100px;
}

/* Boy rehberi */
.sizes{
  background:var(--ink);color:#fff;border-radius:var(--r-xl);
  padding:clamp(28px,4vw,48px);
}
.sizes__head{margin-bottom:2rem}
.sizes__head h3{color:#fff;margin-bottom:.3em}
.sizes__head p{color:rgba(255,255,255,.55);font-size:.92rem;margin:0}
.sizes__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.size{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-md);padding:1.5rem 1rem;text-align:center;
  transition:background .3s,transform .3s var(--ease);
}
.size:hover{background:rgba(245,165,36,.14);transform:translateY(-4px)}
.size__egg{
  display:block;margin:0 auto .9rem;background:#F6EEE2;
  border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;
  box-shadow:inset -4px -6px 10px rgba(0,0,0,.12);
}
.size__egg--s{width:26px;height:34px}
.size__egg--m{width:32px;height:42px}
.size__egg--l{width:38px;height:50px}
.size__egg--xl{width:44px;height:58px}
.size b{
  display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;
  color:var(--yolk);line-height:1;margin-bottom:.25rem;
}
.size em{display:block;font-style:normal;font-size:.92rem;margin-bottom:.35rem}
.size span{font-size:.8rem;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}

/* ---------- 7. ÜRETİM ---------- */
.steps{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px);
  counter-reset:step;
}
.step{
  background:var(--cream);border-radius:var(--r-lg);
  border:1px solid var(--line);position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s var(--ease),background .4s var(--ease);
}
.step__img{
  position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--cream);
}
.step__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.step__img::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:58%;
  background:linear-gradient(transparent,rgba(10,8,6,.66));
  pointer-events:none;
}
.step:hover .step__img img{transform:scale(1.07)}
.step__body{padding:clamp(22px,2.6vw,30px);flex:1}
.step::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;z-index:2;
  background:var(--yolk);transform:scaleY(0);transform-origin:top;
  transition:transform .5s var(--ease);
}
.step:hover{transform:translateY(-6px);background:#fff}
.step:hover::before{transform:scaleY(1)}
.step__no{
  position:absolute;left:16px;bottom:14px;z-index:2;
  font-family:var(--font-display);font-size:2.1rem;font-weight:800;
  color:#fff;line-height:1;
  text-shadow:0 3px 18px rgba(0,0,0,.55);
}
.step h3{margin-bottom:.4em}
.step p{color:var(--muted);font-size:.95rem;margin:0}

/* ---------- KALİTE ---------- */
.quality{background:var(--cream)}
.quality__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
.certs{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(16px,2.4vw,26px);margin-top:clamp(38px,5vw,58px);
}
.cert{
  display:flex;gap:1.15rem;margin:0;align-items:flex-start;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:1.1rem;
  transition:border-color .3s,transform .3s var(--ease),box-shadow .3s var(--ease);
}
.cert:hover{border-color:var(--yolk);transform:translateY(-3px);box-shadow:var(--shadow-md)}

.cert__view{
  flex:0 0 auto;width:104px;padding:0;background:none;cursor:pointer;
  border:1px solid var(--line);border-radius:8px;overflow:hidden;
  position:relative;display:block;line-height:0;
}
.cert__view img{width:100%;height:auto;display:block}
.cert__zoom{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;gap:.3em;
  background:rgba(20,17,14,.82);color:#fff;
  font-size:.66rem;font-weight:700;line-height:1;padding:.45em 0;
  opacity:0;transition:opacity .25s var(--ease);
}
.cert__view:hover .cert__zoom,
.cert__view:focus-visible .cert__zoom{opacity:1}

.cert__body{display:flex;flex-direction:column;min-width:0}
.cert__body strong{
  font-family:var(--font-display);font-weight:800;font-size:1.05rem;
  color:var(--ink);line-height:1.2;
}
.cert__body em{font-style:normal;font-size:.9rem;color:var(--ink-2);margin:.15rem 0 .4rem}
.cert__body small{font-size:.76rem;color:var(--muted);line-height:1.5}
.cert__pdf{
  margin-top:.6rem;align-self:flex-start;
  font-size:.8rem;font-weight:700;color:var(--yolk-deep);text-decoration:none;
  border-bottom:1px solid rgba(224,138,0,.35);
}
.cert__pdf:hover{border-bottom-color:var(--yolk-deep)}

.certs__note{
  margin:1.4rem 0 0;font-size:.84rem;color:var(--muted);max-width:64ch;
}

/* Üyelikler */
.memberships{margin-top:clamp(40px,5vw,60px);padding-top:clamp(32px,4vw,46px);border-top:1px solid var(--line)}
.memberships__title{font-size:1.15rem;margin-bottom:1.4rem}
.memberships__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);
}
.memb{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  padding:1.15rem 1.25rem;display:flex;flex-direction:column;
  transition:border-color .3s,transform .3s var(--ease);
}
.memb:hover{border-color:var(--yolk);transform:translateY(-3px)}
.memb__abbr{
  font-family:var(--font-display);font-weight:800;font-size:1.15rem;
  letter-spacing:.02em;color:var(--yolk-deep);margin-bottom:.3rem;
}
.memb strong{font-size:.92rem;color:var(--ink);line-height:1.35;margin-bottom:.35rem}
.memb em{font-style:normal;font-size:.82rem;color:var(--muted);line-height:1.5}
.memb em b{color:var(--ink-2);font-weight:700}
.memb__link{
  margin-top:.7rem;align-self:flex-start;
  font-size:.78rem;font-weight:700;color:var(--yolk-deep);text-decoration:none;
  border-bottom:1px solid rgba(224,138,0,.35);
}
.memb__link:hover{border-bottom-color:var(--yolk-deep)}
.quality__img{margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:3/4}
.quality__img img{width:100%;height:100%;object-fit:cover}

/* ---------- 8. GALERİ ---------- */
.gallery{
  display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:200px;gap:14px;
}
.gitem{
  padding:0;border:none;background:var(--cream);cursor:pointer;
  border-radius:var(--r-md);overflow:hidden;position:relative;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.gitem img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.gitem::after{
  content:'';position:absolute;inset:0;background:rgba(20,17,14,.28);
  opacity:0;transition:opacity .35s;
}
.gitem:hover{transform:scale(1.015);box-shadow:var(--shadow-md);z-index:2}
.gitem:hover img{transform:scale(1.09)}
.gitem:hover::after{opacity:1}
.gitem--wide{grid-column:span 2}
.gitem--tall{grid-row:span 2}

/* ---------- 9. CTA ---------- */
.cta{
  background:
    linear-gradient(115deg,rgba(20,17,14,.94),rgba(20,17,14,.72)),
    url('../img/img-5.jpeg') center/cover fixed;
  color:#fff;padding:clamp(60px,8vw,110px) 0;
}
.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(2rem,5vw,4rem);flex-wrap:wrap}
.cta__text{max-width:620px}
.cta__text h2{color:#fff}
.cta__text p{color:rgba(255,255,255,.72);margin:0}
.cta__actions{display:flex;flex-wrap:wrap;gap:.85rem}

/* ---------- TESİS ADRESLERİ ---------- */
.locations{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,26px);
  margin-bottom:clamp(48px,6vw,80px);
}
.loc{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.loc__img{
  position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--cream);
}
.loc__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.loc:hover .loc__img img{transform:scale(1.07)}
.loc__body{
  padding:clamp(20px,2.4vw,28px);
  display:flex;flex-direction:column;flex:1;
}
.loc:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(245,165,36,.55)}
.loc--main .loc__body{background:var(--ink)}
.loc--main{background:var(--ink);border-color:var(--ink)}
.loc--main:hover{border-color:var(--yolk)}

.loc__badge{
  position:absolute;top:14px;left:14px;
  font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:var(--ink);color:#fff;
  padding:.42em .95em;border-radius:100px;
  box-shadow:0 4px 14px rgba(20,17,14,.28);
}
.loc--main .loc__badge{background:var(--yolk);color:var(--ink)}

.loc h3{margin-bottom:.28em;font-size:1.18rem}
.loc--main h3{color:#fff}
.loc__role{font-size:.86rem;color:var(--muted);margin:0 0 1.25rem}
.loc--main .loc__role{color:rgba(255,255,255,.55)}

.loc__addr{
  font-style:normal;line-height:1.55;color:var(--ink-2);
  padding-top:1.15rem;border-top:1px solid var(--line);margin-bottom:1rem;
}
.loc--main .loc__addr{color:rgba(255,255,255,.86);border-top-color:rgba(255,255,255,.16)}

.loc__meta{list-style:none;padding:0;margin:0 0 1.15rem;font-size:.92rem}
.loc__meta li{margin-bottom:.3rem;color:var(--muted)}
.loc__meta a{color:var(--ink);font-weight:700;text-decoration:none}
.loc__meta a:hover{color:var(--yolk-deep)}
.loc--main .loc__meta li{color:rgba(255,255,255,.55)}
.loc--main .loc__meta a{color:#fff}
.loc--main .loc__meta a:hover{color:var(--yolk)}

.loc__note{
  font-size:.79rem;line-height:1.5;color:var(--muted);
  background:var(--cream);border-radius:var(--r-sm);
  padding:.6em .85em;margin:0 0 1.15rem;
}

.loc__map{
  margin-top:auto;align-self:flex-start;
  display:inline-flex;align-items:center;gap:.4em;
  font-size:.88rem;font-weight:700;text-decoration:none;color:var(--yolk-deep);
}
.loc__map svg{transition:transform .25s var(--ease)}
.loc__map:hover svg{transform:translateX(4px)}
.loc--main .loc__map{color:var(--yolk)}

/* ---------- İLETİŞİM ---------- */
.contact__info h3{margin-bottom:.5em}
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}
.cinfo{list-style:none;padding:0;margin:0 0 2rem}
.cinfo li{display:flex;gap:1rem;margin-bottom:1.35rem;align-items:flex-start}
.cinfo__ico{
  flex:0 0 auto;width:44px;height:44px;border-radius:12px;
  background:var(--yolk-soft);color:var(--yolk-deep);
  display:flex;align-items:center;justify-content:center;
}
.cinfo strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.15rem;font-weight:700}
.cinfo a,.cinfo span{color:var(--ink);text-decoration:none;font-weight:600}
.cinfo a:hover{color:var(--yolk-deep)}

.cform{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:clamp(24px,3.4vw,40px);box-shadow:var(--shadow-md);
}
.cform h3{margin-bottom:1.3em}
.field{margin-bottom:1.1rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field label{display:block;font-size:.82rem;font-weight:700;color:var(--ink-2);margin-bottom:.4rem}
.field input,.field select,.field textarea{
  width:100%;padding:.85em 1em;font:inherit;font-size:.95rem;color:var(--ink);
  background:var(--cream);border:1.5px solid transparent;border-radius:var(--r-sm);
  transition:border-color .25s,background .25s;
}
.field input::placeholder,.field textarea::placeholder{color:#A79C90}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--yolk);background:var(--paper);
}
.field textarea{resize:vertical;min-height:110px}
.field input[aria-invalid="true"]{border-color:var(--down)}
.cform__note{margin:1rem 0 0;font-size:.88rem;font-weight:600;min-height:1.3em}
.cform__note.is-ok{color:var(--up)}
.cform__note.is-err{color:var(--down)}

/* ---------- FOOTER ---------- */
.footer{background:var(--ink);color:rgba(255,255,255,.7);padding-top:clamp(52px,6vw,80px)}
.footer__grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:clamp(2rem,4vw,3.5rem);
  padding-bottom:clamp(40px,5vw,60px);
}
.footer__brand p{font-size:.92rem;max-width:34ch;margin:0}
.footer__col h4{color:#fff;margin-bottom:1.1em;font-family:var(--font-body);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.footer__col a{
  display:block;text-decoration:none;font-size:.93rem;margin-bottom:.65rem;
  color:rgba(255,255,255,.68);transition:color .25s,transform .25s var(--ease);
}
.footer__col a:hover{color:var(--yolk);transform:translateX(3px)}
.social{display:flex;gap:.6rem;margin-top:1.1rem}
.social a{
  width:38px;height:38px;border-radius:50%;margin:0;
  background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;
  transition:background .25s,color .25s;
}
.social a:hover{background:var(--yolk);color:var(--ink);transform:none}
.footer__review{
  display:inline-block;margin-top:1rem;
  font-size:.82rem;font-weight:600;color:rgba(255,255,255,.62);
  text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);
  transition:color .25s,border-color .25s;
}
.footer__review:hover{color:var(--yolk);border-bottom-color:var(--yolk)}
.footer__bar{border-top:1px solid rgba(255,255,255,.1);padding:1.3rem 0}
.footer__bar-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:rgba(255,255,255,.45)}

/* ---------- 10. LIGHTBOX & FAB ---------- */
.lightbox{
  position:fixed;inset:0;z-index:500;
  background:rgba(10,8,6,.94);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  animation:fadeIn .3s var(--ease);
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.lightbox__figure{margin:0;max-width:min(1180px,92vw);max-height:86vh;text-align:center}
.lightbox__figure img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--r-md);box-shadow:var(--shadow-lg)}
.lightbox__figure figcaption{color:rgba(255,255,255,.66);font-size:.88rem;margin-top:1rem}
.lightbox__close,.lightbox__nav{
  position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;border-radius:50%;
  display:flex;align-items:center;justify-content:center;transition:background .25s;
}
.lightbox__close:hover,.lightbox__nav:hover{background:rgba(255,255,255,.25)}
.lightbox__close{top:22px;right:22px;width:46px;height:46px;font-size:1.8rem;line-height:1}
.lightbox__nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:2rem;line-height:1}
.lightbox__nav--prev{left:18px}
.lightbox__nav--next{right:18px}

.fab{
  position:fixed;z-index:160;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:none;cursor:pointer;text-decoration:none;
  box-shadow:var(--shadow-md);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:var(--shadow-lg)}
.fab--wa{right:22px;bottom:22px;background:var(--wa);color:#fff}
.fab--top{right:22px;bottom:88px;background:var(--ink);color:#fff;width:46px;height:46px}

body.is-locked{overflow:hidden}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .footer__grid{grid-template-columns:1fr 1fr}
  /* 3 sütunda 15 öğe tam 5 satır eder; genişleyen öğe burada
     tekile iner, yoksa satır sonunda boşluk kalıyor. */
  .gallery{grid-template-columns:repeat(3,1fr)}
  .gitem--wide{grid-column:span 1}
  .locations{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:980px){
  .nav{
    position:fixed;top:var(--header-h);left:0;right:0;
    background:var(--paper);
    border-top:1px solid var(--line);
    flex-direction:column;align-items:stretch;gap:0;
    padding:1rem clamp(18px,5vw,56px) 2rem;
    box-shadow:0 20px 44px rgba(20,17,14,.14);
    transform:translateY(-14px);opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease),transform .3s var(--ease);
    max-height:calc(100svh - var(--header-h));overflow-y:auto;
  }
  .nav.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav a{
    color:var(--ink-2) !important;padding:.95rem 0;font-size:1.02rem;
    border-bottom:1px solid var(--line);
  }
  .nav a::after{display:none}
  .nav__cta{
    margin:1rem 0 0;text-align:center;border-bottom:none !important;
    padding:.9em 1.25em !important;
  }
  .burger{display:flex}

  .hero{min-height:auto;padding-bottom:clamp(94px,9vw,108px)}
  .hero__inner{grid-template-columns:1fr;gap:clamp(2rem,5vw,2.8rem)}
  .pricecard{max-width:380px;width:100%}
  .about,.quality__inner,.contact{grid-template-columns:1fr}
  .locations{grid-template-columns:repeat(2,1fr)}
  .about__media{max-width:620px}
  .quality__img{max-width:480px;aspect-ratio:4/3}
  .products,.steps{grid-template-columns:repeat(2,1fr)}
  .stats__grid{gap:clamp(1.2rem,3vw,2rem)}
  .cta{background-attachment:scroll}
}

@media (max-width:760px){
  :root{--header-h:64px}
  body{font-size:16px}


  .hero{min-height:clamp(560px,92svh,860px);text-align:left}
  .hero__title{max-width:100%}
  .hero__chips{gap:1.6rem 2rem}

  /* Dar ekranda yüzen düğme fiyat panosunun üstüne binmesin:
     hero geçilene kadar gizli kalır */
  .fab--wa{
    opacity:0;pointer-events:none;transform:scale(.85);
    transition:opacity .3s var(--ease),transform .3s var(--ease);
  }
  body.is-scrolled .fab--wa{opacity:1;pointer-events:auto;transform:none}

  .products,.steps,.sizes__row,.field-row{grid-template-columns:1fr 1fr}
  .certs{grid-template-columns:1fr}
  .memberships__grid{grid-template-columns:1fr}
  /* 2 sütunda 15 öğe tek sayı; son öğe satırı doldurur. */
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .gallery > .gitem:last-child{grid-column:span 2}
  .about__media{grid-template-columns:1fr 1fr}
  .journey{grid-template-columns:1fr}
  /* aspect-ratio ile min-height birlikte kullanılınca genişlik
     240*1.6=384px'e zorlanıp ızgara sütununu taşırıyordu */
  .about__img--tall{grid-column:span 2;grid-row:auto;min-height:0;aspect-ratio:16/10}
  .about__badge{width:96px;height:96px;left:-8px;bottom:-12px;padding:0 .55rem}
  .about__badge strong{font-size:1.3rem}
  .footer__grid{grid-template-columns:1fr 1fr;gap:2rem}
  .cta__actions{width:100%}
  .cta__actions .btn{flex:1}
}

@media (max-width:520px){
  /* Dar ekranda yüzen düğmeler metnin üzerine az binsin */
  .fab--wa{width:48px;height:48px;right:14px;bottom:14px}
  .fab--top{width:40px;height:40px;right:14px;bottom:70px}
  .fab--wa svg{width:22px;height:22px}

  .products,.steps,.field-row,.locations{grid-template-columns:1fr}
  .sizes__row{grid-template-columns:repeat(2,1fr)}
  .stats__grid{grid-template-columns:1fr;gap:1.8rem}
  .stat::after{display:none !important}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}
  .gitem--wide{grid-column:span 1}
  .gallery > .gitem:last-child{grid-column:span 2}
  .footer__grid{grid-template-columns:1fr}
  .hero__actions .btn{flex:1;justify-content:center}
  .lightbox__nav{width:42px;height:42px;font-size:1.6rem}
  .lightbox__nav--prev{left:8px}
  .lightbox__nav--next{right:8px}
}

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

/* ---------- SAYDAMLIK VE KONTRAST TERCİHLERİ ---------- */
/* Azaltılmış saydamlık: cam yüzeyler donuklaşır, bulanıklık kalkar */
@media (prefers-reduced-transparency: reduce){
  .header.is-stuck{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;mask-image:none}
  .pricecard{
    background:rgba(16,13,11,.94);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .btn--ghost{background:rgba(0,0,0,.55);backdrop-filter:none}
  .nav{backdrop-filter:none}
}

/* Yüksek kontrast: neredeyse opak zemin + belirgin kenarlık */
@media (prefers-contrast: more){
  .pricecard{background:#14110E;border-color:rgba(255,255,255,.55)}
  .pricecard__name{color:rgba(255,255,255,.96)}
  .pricecard__note,.pricecard__source{color:rgba(255,255,255,.8)}
  .hero__sub{color:#fff}
  .btn--ghost,.btn--outline{box-shadow:inset 0 0 0 2px #fff}
  .product,.cert,.memb,.loc{border-color:rgba(20,17,14,.45)}
}

/* ---------- YAZDIRMA ---------- */
@media print{
  .header,.fab,  body{padding-top:0}
  .hero{min-height:auto;color:#000}
}