/* ==========================================================================
   ÇİÇEK IZGARA — Tasarım Sistemi
   Renkler logodan (cicek izgara logo.pdf) ve mekân fotoğraflarından türetildi.
   ========================================================================== */

:root {
  /* --- Marka renkleri (logodan birebir) --- */
  --yesil:        #419745;   /* amblem yeşili */
  --yesil-koyu:   #1D5228;   /* metin ve koyu zeminler */
  --yesil-derin:  #12331A;   /* footer */
  --yesil-sis:    #E8F0E4;   /* açık zemin */
  --kirmizi:      #ED1C24;   /* logotype kırmızısı */
  --kirmizi-koyu: #B4141B;
  --gri:          #58595B;   /* "BURSA ÇARŞI 1963" grisi */
  --murekkep:     #231F20;   /* logo siyahı */

  /* --- Mekândan türetilen destek renkleri --- */
  --safran:       #C9971A;   /* çarşıdaki sarı cephe */
  --safran-acik:  #F0DFA8;
  --tugla:        #A02E32;   /* teras tentesi */

  /* --- Kağıt --- */
  --kagit:        #F7F3E7;
  --kagit-koyu:   #EFE8D6;
  --kagit-cizgi:  #DCD3BC;
  --gece:         #0B1D11;   /* sahne ve derin bölümler */

  /* --- Tipografi --- */
  --f-baslik: "Fraunces", "Georgia", serif;
  --f-govde:  "Figtree", "Segoe UI", system-ui, sans-serif;

  --t-dev:  clamp(2.75rem, 7.5vw, 6rem);
  --t-xl:   clamp(2rem, 4.5vw, 3.5rem);
  --t-l:    clamp(1.5rem, 2.6vw, 2.125rem);
  --t-m:    clamp(1.125rem, 1.6vw, 1.375rem);
  --t-s:    0.9375rem;
  --t-xs:   0.8125rem;

  /* --- Ölçü --- */
  --en:     1240px;
  --en-dar: 760px;
  --bosluk: clamp(3.5rem, 8vw, 7rem);
  --radius: 3px;
}

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--f-govde);
  font-size: 1.0625rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

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

h1, h2, h3 {
  font-family: var(--f-baslik);
  font-weight: 600;
  font-variation-settings: "SOFT" 30, "WONK" 1;
  line-height: 1.08;
  letter-spacing: -0.015em;
  margin: 0;
  text-wrap: balance;
}

:focus-visible {
  outline: 3px solid var(--kirmizi);
  outline-offset: 3px;
}

.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;
}

.kap { width: min(100% - 2.5rem, var(--en)); margin-inline: auto; }
.kap--dar { width: min(100% - 2.5rem, var(--en-dar)); margin-inline: auto; }

/* ---------- Etiket / eyebrow ---------- */
.etiket {
  font-family: var(--f-govde);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gri);
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 1.25rem;
}
.etiket::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--kagit-cizgi);
}
.etiket--orta { justify-content: center; }
.etiket--orta::after { display: none; }

/* ---------- Butonlar ---------- */
.dugme {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .95rem 1.6rem;
  font-family: var(--f-govde);
  font-size: var(--t-s);
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  border: 1.5px solid transparent;
  border-radius: var(--radius);
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.dugme--dolu { background: var(--yesil-koyu); color: var(--kagit); }
.dugme--dolu:hover { background: var(--murekkep); }
.dugme--cizgi { border-color: currentColor; color: var(--murekkep); }
.dugme--cizgi:hover { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.dugme--kirmizi { background: var(--kirmizi); color: #fff; }
.dugme--kirmizi:hover { background: var(--kirmizi-koyu); }

/* ==========================================================================
   ÜST ŞERİT + BAŞLIK
   ========================================================================== */
.serit {
  background: var(--gece);
  color: rgba(255,255,255,.68);
  border-bottom: 1px solid rgba(255,255,255,.14);
  font-family: var(--f-govde);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.35;
  text-transform: uppercase;
}
.serit__ic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 2.4rem;
  padding: .45rem 0;
  flex-wrap: wrap;
}
.serit__ic > span:first-child { color: rgba(255,255,255,.78); }
.serit a {
  margin-left: .35rem;
  color: var(--safran-acik);
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  transition: color .18s ease;
}
.serit a:hover { color: #fff; }

.ust {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--kagit);
  background: color-mix(in srgb, var(--kagit) 92%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--kagit-cizgi);
}
.ust__ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: .85rem 0;
}
.marka { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
.marka img { width: clamp(10.75rem, 15vw, 12.5rem); height: auto; }
.marka__ad {
  font-family: var(--f-baslik);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--kirmizi);
  line-height: 1;
  letter-spacing: -0.01em;
}
.marka__alt {
  display: block;
  font-family: var(--f-govde);
  font-size: .625rem;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--gri);
  margin-top: .28rem;
}

.gezinti { display: flex; align-items: center; gap: 1.9rem; }
.gezinti__mobil-baslik,
.gezinti__mobil-alt { display: none; }
.gezinti a {
  font-size: var(--t-s);
  font-weight: 600;
  text-decoration: none;
  padding: .3rem 0;
  border-bottom: 2px solid transparent;
  transition: border-color .18s ease, color .18s ease;
}
.gezinti a:hover { border-bottom-color: var(--kirmizi); }

.menu-dugmesi {
  display: none;
  position: relative;
  z-index: 53;
  align-items: center;
  gap: .65rem;
  min-height: 2.75rem;
  background: var(--yesil-derin);
  border: 1px solid var(--yesil-derin);
  border-radius: 100px;
  padding: .6rem .85rem .6rem 1rem;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--kagit);
  box-shadow: 0 8px 24px rgba(18,51,26,.12);
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.menu-dugmesi__ikon { position: relative; display: block; width: 1.1rem; height: .8rem; }
.menu-dugmesi__ikon i {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  border-radius: 2px;
  background: currentColor;
  transition: top .22s ease, transform .22s ease;
}
.menu-dugmesi__ikon i:first-child { top: .15rem; }
.menu-dugmesi__ikon i:last-child { top: .6rem; }
.menu-dugmesi[aria-expanded="true"] { background: var(--safran-acik); border-color: rgba(18,51,26,.18); color: var(--yesil-derin); box-shadow: none; }
.menu-dugmesi[aria-expanded="true"] .menu-dugmesi__ikon i:first-child { top: .38rem; transform: rotate(45deg); }
.menu-dugmesi[aria-expanded="true"] .menu-dugmesi__ikon i:last-child { top: .38rem; transform: rotate(-45deg); }

/* ==========================================================================
   HERO — tez cümlesi
   ========================================================================== */
.hero { padding: clamp(3rem, 7vw, 6rem) 0 clamp(3rem, 6vw, 5rem); }
.hero__ic {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.hero__yazi { position: relative; }

.hero h1 {
  font-size: var(--t-dev);
  font-weight: 600;
  font-variation-settings: "SOFT" 40, "WONK" 1;
  margin: 0 0 1.5rem;
  letter-spacing: -0.03em;
}
.hero h1 em {
  font-style: normal;
  color: var(--kirmizi);
}
.hero__giris {
  font-size: var(--t-m);
  max-width: 46ch;
  color: #3A3634;
  margin: 0 0 2.25rem;
}
.hero__aksiyon { display: flex; flex-wrap: wrap; gap: .85rem; }

.hero__gorsel { position: relative; }
.hero__cerceve {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 5 / 7;
  background: var(--kagit-koyu);
}
.hero__cerceve img { width: 100%; height: 100%; object-fit: cover; }
.hero__muhur {
  position: absolute;
  left: -2.2rem;
  bottom: 2rem;
  width: clamp(76px, 9vw, 116px);
  padding: 1rem .7rem;
  background: var(--kagit);
  border-radius: var(--radius);
  box-shadow: 0 12px 34px rgba(35,31,32,.16);
}
.hero__muhur img { width: 100%; }

.hero__kunye {
  display: flex;
  gap: 2.5rem;
  margin-top: 2.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--kagit-cizgi);
  flex-wrap: wrap;
}
.kunye__oge strong {
  display: block;
  font-family: var(--f-baslik);
  font-size: 1.85rem;
  font-weight: 600;
  color: var(--yesil-koyu);
  line-height: 1;
}
.kunye__oge span {
  font-size: var(--t-xs);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gri);
  font-weight: 600;
}

/* ==========================================================================
   BÖLÜMLER
   ========================================================================== */
.bolum { padding: var(--bosluk) 0; }
.bolum--yesil { background: var(--yesil-derin); color: var(--kagit); }
.bolum--yesil .etiket { color: #9BB89A; }
.bolum--yesil .etiket::after { background: rgba(255,255,255,.2); }
.bolum--kagit-koyu { background: var(--kagit-koyu); }

.bolum__baslik { font-size: var(--t-xl); margin: 0 0 1rem; }
.bolum__giris { font-size: var(--t-m); max-width: 58ch; color: #3A3634; margin: 0; }
.bolum--yesil .bolum__giris { color: #CBD9C7; }

/* --- İlke kartları --- */
.ilkeler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.75rem);
  margin-top: 3rem;
}
.ilke { padding-top: 1.5rem; border-top: 2px solid var(--yesil); }
.bolum--yesil .ilke { border-top-color: var(--safran); }
.ilke h3 { font-size: var(--t-l); margin: 0 0 .6rem; }
.ilke p { margin: 0; font-size: var(--t-s); color: #3A3634; }
.bolum--yesil .ilke p { color: #C4D2C0; }

/* --- Menü --- */
.kategoriler {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 2.5rem 0 2.75rem;
}
.kategori {
  padding: .5rem 1rem;
  border: 1.5px solid var(--kagit-cizgi);
  border-radius: 100px;
  background: transparent;
  font: inherit;
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .06em;
  cursor: pointer;
  color: var(--gri);
  transition: all .18s ease;
}
.kategori:hover { border-color: var(--yesil); color: var(--yesil-koyu); }
.kategori[aria-pressed="true"] {
  background: var(--yesil-koyu);
  border-color: var(--yesil-koyu);
  color: var(--kagit);
}

.urunler {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 1.75rem 1.25rem;
}
.urun { display: flex; flex-direction: column; gap: .75rem; }
.urun[hidden] { display: none; }
.urun__cerceve {
  position: relative;
  /* Fotoğrafların tamamı 3:2 çekilmiş — çerçeveyi ona eşitliyoruz ki
     hiçbir tabak kırpılmasın. */
  aspect-ratio: 3 / 2;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--yesil-sis);
}
.urun__cerceve::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../assets/amblem.svg") center / auto 42% no-repeat;
  opacity: .22;
}
.urun__cerceve img {
  position: relative;
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s cubic-bezier(.2,.7,.3,1);
}
.urun:hover .urun__cerceve img { transform: scale(1.045); }
.urun h3 { font-size: 1.0625rem; font-weight: 600; letter-spacing: 0; }
.urun span {
  font-size: var(--t-xs);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gri);
  font-weight: 600;
}

/* --- Mekân galerisi --- */
.mekan {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.25rem;
  margin-top: 3rem;
}
.mekan figure { margin: 0; position: relative; border-radius: var(--radius); overflow: hidden; }
.mekan figure:first-child { grid-row: span 2; }
.mekan img { width: 100%; height: 100%; object-fit: cover; }
.mekan figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 2.5rem 1.25rem .95rem;
  background: linear-gradient(to top, rgba(18,51,26,.88), transparent);
  color: #fff;
  font-size: var(--t-s);
  font-weight: 600;
}

/* --- Toptan satış bandı --- */
.toptan {
  background: var(--safran);
  color: var(--murekkep);
  padding: var(--bosluk) 0;
}
.toptan__ic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}
.toptan h2 { font-size: var(--t-xl); margin: 0 0 1rem; }
.toptan p { max-width: 46ch; margin: 0 0 1.75rem; }
.toptan__liste {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .55rem 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-size: var(--t-s);
}
.toptan__liste li {
  padding-block: .5rem;
  border-bottom: 1px solid rgba(35,31,32,.18);
}

/* --- Şubeler --- */
.sehirler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
  gap: 2rem;
  margin-top: 2.75rem;
}
.sehir h3 {
  font-size: var(--t-m);
  margin: 0 0 .9rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.sehir ul { list-style: none; padding: 0; margin: 0; }
.sehir li { padding: .32rem 0; font-size: var(--t-s); color: #C4D2C0; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.alt {
  background: var(--murekkep);
  color: #A9A5A0;
  padding: clamp(3rem, 6vw, 4.5rem) 0 2rem;
  font-size: var(--t-s);
}
.alt__ic {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
  gap: 2.5rem;
}
.alt h3 {
  font-family: var(--f-govde);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--kagit);
  margin: 0 0 1rem;
}
.alt ul { list-style: none; padding: 0; margin: 0; }
.alt li { padding: .28rem 0; }
.alt a { text-decoration: none; }
.alt a:hover { color: var(--kagit); text-decoration: underline; }
.alt__amblem { width: 58px; margin-bottom: 1.1rem; }
.alt__telif {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: var(--t-xs);
}

/* ==========================================================================
   SCROLL REVEAL
   ========================================================================== */
.ac { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.ac.gorunur { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .ac { opacity: 1; transform: none; } }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 960px) {
  .hero__ic { grid-template-columns: 1fr; }
  .hero__cerceve { aspect-ratio: 4 / 3; }
  .hero__gorsel { order: -1; }
  .hero__muhur { left: auto; right: 1.25rem; bottom: 1.25rem; }
  .toptan__ic { grid-template-columns: 1fr; }
  .alt__ic { grid-template-columns: 1fr 1fr; }
  .mekan { grid-template-columns: 1fr; }
  .mekan figure:first-child { grid-row: auto; aspect-ratio: 16/10; }
}

@media (max-width: 720px) {
  body.mobil-menu-acik { overflow: hidden; }
  body.mobil-menu-acik::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 49;
    background: rgba(4,18,9,.58);
    backdrop-filter: blur(3px);
  }
  .ust { backdrop-filter: none; }
  .menu-dugmesi { display: inline-flex; }
  .gezinti {
    counter-reset: mobil-menu;
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 52;
    display: flex;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: 6.75rem clamp(1.75rem, 8vw, 2.75rem) 2rem;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    overflow-y: auto;
    background: var(--kagit);
    box-shadow: none;
    transform: translateX(105%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .32s cubic-bezier(.22,.75,.25,1), visibility .32s;
  }
  .gezinti.acik {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
  }
  .gezinti__mobil-baslik {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1.35rem;
    color: var(--gri);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
  }
  .gezinti__mobil-baslik::after { content: ""; flex: 1; height: 1px; background: var(--kagit-cizgi); }
  .gezinti > a {
    counter-increment: mobil-menu;
    display: grid;
    grid-template-columns: 2rem 1fr auto;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    border: 0;
    border-bottom: 1px solid var(--kagit-cizgi);
    color: var(--yesil-derin);
    font-family: var(--f-baslik);
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
  }
  .gezinti > a::before {
    content: "0" counter(mobil-menu);
    align-self: start;
    margin-top: .25rem;
    color: var(--safran);
    font-family: var(--f-govde);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
  }
  .gezinti > a::after { content: "↗"; color: var(--yesil-koyu); font-family: var(--f-govde); font-size: .8rem; }
  .gezinti > a[aria-current="page"] { color: var(--kirmizi); border-bottom-color: var(--kagit-cizgi); }
  .gezinti__mobil-alt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: auto;
    padding-top: 2.25rem;
  }
  .gezinti__mobil-alt span {
    color: var(--gri);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  .gezinti__mobil-alt a {
    margin-top: .35rem;
    padding: 0;
    border: 0;
    color: var(--yesil-derin);
    font-family: var(--f-baslik);
    font-size: 1.45rem;
    font-weight: 650;
  }
  .gezinti__mobil-alt small { margin-top: 1.25rem; color: var(--gri); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
  .ust__ic { position: relative; }
  .serit__ic { justify-content: center; text-align: center; }
  .toptan__liste { grid-template-columns: 1fr; }
  .alt__ic { grid-template-columns: 1fr; }
  .hero__kunye { gap: 1.5rem 2rem; }
}

@media (max-width: 390px) {
  .menu-dugmesi { width: 2.75rem; justify-content: center; padding-inline: 0; }
  .menu-dugmesi__yazi { display: none; }
  .gezinti { width: 100vw; }
}

/* ==========================================================================
   İÇ SAYFALAR
   ========================================================================== */

/* Klavye kullanıcıları için içeriğe atlama */
.atla {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 100;
  padding: .75rem 1.25rem;
  background: var(--murekkep);
  color: var(--kagit);
  font-weight: 700;
  font-size: var(--t-s);
  text-decoration: none;
  border-radius: var(--radius);
  transition: top .18s ease;
}
.atla:focus { top: 1rem; }

.gezinti a[aria-current="page"] { border-bottom-color: var(--kirmizi); }

/* --- Sayfa başlığı --- */
.sayfa-basi {
  padding: clamp(3rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--kagit-cizgi);
}
.sayfa-basi--safran {
  background: var(--safran);
  border-bottom: none;
}
.sayfa-basi__baslik {
  font-family: var(--f-baslik);
  font-size: var(--t-xl);
  font-weight: 600;
  font-variation-settings: "SOFT" 40, "WONK" 1;
  letter-spacing: -0.025em;
  margin: 0 0 1.25rem;
}
.sayfa-basi__giris {
  font-size: var(--t-m);
  max-width: 56ch;
  color: #3A3634;
  margin: 0;
}

.bolum--ustsuz { padding-top: clamp(2rem, 4vw, 3rem); }
.bolum--ince   { padding: clamp(2.5rem, 5vw, 4rem) 0; }
.bolum__baslik--acik { color: var(--kagit); }
.etiket--koyu { color: #6B5209; }
.etiket--koyu::after { background: rgba(35,31,32,.22); }

.dugme--acik { background: var(--kagit); color: var(--yesil-derin); }
.dugme--acik:hover { background: #fff; }
.dugme-grubu { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }

/* --- Uzun metin --- */
.yazi { max-width: 68ch; }
.yazi h2 {
  font-size: var(--t-l);
  margin: 2.75rem 0 .9rem;
}
.yazi h2:first-child { margin-top: 0; }
.yazi p { margin: 0 0 1.15rem; color: #3A3634; }
.yazi strong { color: var(--murekkep); }

.alinti {
  margin: 2.5rem 0;
  padding: 1.5rem 0 1.5rem 1.75rem;
  border-left: 3px solid var(--yesil);
  font-family: var(--f-baslik);
  font-size: var(--t-l);
  font-variation-settings: "SOFT" 40, "WONK" 1;
  line-height: 1.3;
  color: var(--yesil-koyu);
}

.genis-gorsel { margin: 0; }
.genis-gorsel img { width: 100%; border-radius: var(--radius); }
.genis-gorsel figcaption {
  margin-top: .85rem;
  font-size: var(--t-xs);
  letter-spacing: .04em;
  color: var(--gri);
}

/* --- Menü sayfası ek --- */
.urun-sayaci {
  margin: 0 0 min(1.75rem, 3vh);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gri);
}
.urun__ad { font-size: 1.0625rem; font-weight: 600; letter-spacing: 0; margin: 0; }
.urun__aciklama { margin: .35rem 0 0; font-size: var(--t-xs); color: var(--gri); line-height: 1.5; }

/* --- Şubeler --- */
.sehir__adet {
  font-family: var(--f-govde);
  font-size: .75rem;
  font-weight: 700;
  color: var(--safran);
  vertical-align: super;
}
.sehir__adet--koyu { color: var(--yesil); }

.sehir-basligi {
  font-size: var(--t-l);
  margin: 0 0 min(1.75rem, 3vh);
  padding-bottom: .75rem;
  border-bottom: 2px solid var(--yesil);
}

.sube-listesi {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  gap: 1.5rem;
}
.sube {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid var(--kagit-cizgi);
  border-radius: var(--radius);
}
.sube--uretim { background: var(--yesil-sis); border-color: var(--yesil); }
.sube h3 { font-size: var(--t-m); margin: 0; }
.sube address { font-style: normal; font-size: var(--t-s); color: #3A3634; margin: 0; }
.sube__rozet {
  align-self: flex-start;
  margin: 0;
  padding: .18rem .6rem;
  background: var(--yesil-koyu);
  color: var(--kagit);
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 100px;
}
.sube__rozet--alt { background: var(--tugla); }
.sube__iletisim { list-style: none; padding: 0; margin: 0; font-size: var(--t-s); }
.sube__iletisim li { padding: .12rem 0; }
.sube__iletisim a { font-weight: 700; text-decoration: none; }
.sube__iletisim a:hover { text-decoration: underline; }
.sube__yol {
  margin-top: auto;
  padding-top: .75rem;
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--yesil-koyu);
  text-decoration: none;
  border-top: 1px solid var(--kagit-cizgi);
}
.sube__yol:hover { color: var(--kirmizi); }
.sube__yol::after { content: " \2192"; }

/* --- Toptan ürün grupları --- */
.urun-gruplari {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}
.urun-grubu h3 {
  font-size: var(--t-m);
  margin: 0 0 .85rem;
  padding-bottom: .55rem;
  border-bottom: 2px solid var(--safran);
}
.urun-grubu ul { list-style: none; padding: 0; margin: 0; }
.urun-grubu li { padding: .4rem 0; font-size: var(--t-s); border-bottom: 1px solid var(--kagit-cizgi); }

/* --- Franchise adımları --- */
.adimlar {
  list-style: none;
  counter-reset: none;
  padding: 0;
  margin: 3rem 0 0;
  display: grid;
  gap: 1.25rem;
}
.adim {
  display: grid;
  grid-template-columns: 3.25rem 1fr;
  gap: 1.25rem;
  align-items: baseline;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.adim:last-child { border-bottom: none; }
.adim__no {
  font-family: var(--f-baslik);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--safran);
  line-height: 1;
}
.adim h3 { font-size: var(--t-m); margin: 0 0 .25rem; color: var(--kagit); }
.adim p { margin: 0; font-size: var(--t-s); color: #C4D2C0; }

/* ==========================================================================
   FORMLAR
   ========================================================================== */
.form-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem 1.5rem;
}
.alan { display: flex; flex-direction: column; gap: .45rem; }
.alan--genis { grid-column: 1 / -1; }

.alan label {
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gri);
}
.alan__istege-bagli {
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
  opacity: .75;
}

.alan input,
.alan select,
.alan textarea {
  width: 100%;
  padding: .8rem .95rem;
  font: inherit;
  font-size: 1rem;
  color: var(--murekkep);
  background: #fff;
  border: 1.5px solid var(--kagit-cizgi);
  border-radius: var(--radius);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.alan textarea { resize: vertical; min-height: 7rem; line-height: 1.55; }
.alan select { appearance: none; background-image: none; cursor: pointer; }

.alan input:focus,
.alan select:focus,
.alan textarea:focus {
  outline: none;
  border-color: var(--yesil);
  box-shadow: 0 0 0 3px rgba(65,151,69,.18);
}

.alan--hatali input,
.alan--hatali select,
.alan--hatali textarea { border-color: var(--kirmizi); }
.alan--hatali input:focus,
.alan--hatali select:focus,
.alan--hatali textarea:focus { box-shadow: 0 0 0 3px rgba(237,28,36,.16); }

.alan__hata { margin: 0; font-size: var(--t-xs); font-weight: 600; color: var(--kirmizi-koyu); }
.alan__ipucu { margin: 0; font-size: var(--t-xs); color: var(--gri); }

.bildirim {
  padding: 1.5rem 1.75rem;
  border-radius: var(--radius);
  margin-bottom: 2rem;
}
.bildirim h2 { font-size: var(--t-l); margin: 0 0 .5rem; }
.bildirim p { margin: 0; }
.bildirim--basarili { background: var(--yesil-sis); border-left: 4px solid var(--yesil); }
.bildirim--hata     { background: #FCE9EA; border-left: 4px solid var(--kirmizi); }

/* --- İletişim sayfası düzeni --- */
.iletisim__ic {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}
.iletisim__form form { display: flex; flex-direction: column; gap: 1.25rem; }
.iletisim__yan { display: grid; gap: 1.25rem; }

.kart {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid var(--kagit-cizgi);
  border-radius: var(--radius);
}
.kart--sade { background: var(--kagit-koyu); }
.kart h2 { font-size: var(--t-m); margin: 0; }
.kart address { font-style: normal; font-size: var(--t-s); color: #3A3634; margin: 0; }
.kart p { margin: 0; font-size: var(--t-s); }
.kart__liste { list-style: none; padding: 0; margin: 0; font-size: var(--t-s); }
.kart__liste li { padding: .12rem 0; }
.kart__liste a { font-weight: 700; }

.harita {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--kagit-cizgi);
  line-height: 0;
}

@media (max-width: 860px) {
  .iletisim__ic { grid-template-columns: 1fr; }
  .form-izgara  { grid-template-columns: 1fr; }
  .adim { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
}

/* ==========================================================================
   SAHNE — kaydırdıkça dükkâna doğru yaklaşan afiş
   Bulanıklık yok. Tek katman; sadece transform (compositor üzerinde çalışır),
   böylece her karede layout/paint tetiklenmez.
   ========================================================================== */
.sahne {
  --p: 0;
  --yakin: 1.34;       /* bitiş ölçeği — dükkâna doğru yaklaşma */
  --odak: 88%;         /* yakınlaşmanın merkezi: kadrajın alt tarafı */
  --pan-bas: 0%;       /* afişin en tepesi — logo kırpılmasın */
  --pan-son: 90%;      /* afişin altı: dükkân */
  background: var(--gece);
}

/* Yazı ve yazı perdesi p 0.45 → 0.72 arasında çekilir.
   Sonunda kadrajda dükkândan başka bir şey kalmaz. */
.sahne { --yazi-gorunur: clamp(0, calc((0.72 - var(--p)) * 3.7), 1); }

.sahne__yol { height: 275vh; }

.sahne__pencere {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 30rem;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}

/* Katman tam olarak sahne boyutunda. Ölçek her zaman >= 1 olduğu için
   büyüme sonucu kenarda boşluk açılması geometrik olarak imkânsız.
   Dikey gezinme object-position ile yapılır; o da tanımı gereği
   kırpma sınırları içinde kalır. İki mekanizma da taşamaz. */
.sahne__kat {
  position: absolute;
  inset: 0;
  transform: scale(calc(1 + (var(--yakin) - 1) * var(--p)));
  transform-origin: 50% var(--odak);
  will-change: transform;
}
.sahne__kat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% calc(var(--pan-bas) + (var(--pan-son) - var(--pan-bas)) * var(--p));
}

/* Atmosfer perdesi — sonda neredeyse tamamen kalkar */
.sahne__perde {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(6,18,10,.80) 0%, rgba(6,18,10,.42) 32%, rgba(6,18,10,.08) 60%, rgba(6,18,10,.20) 100%);
  opacity: calc(1 - var(--p) * 0.72);
}

.sahne__perde--yazi {
  opacity: var(--yazi-gorunur);
  background:
    radial-gradient(ellipse 54% 44% at 50% 56%,
      rgba(6,18,10,.88) 0%, rgba(6,18,10,.72) 34%,
      rgba(6,18,10,.34) 62%, rgba(6,18,10,0) 82%),
    linear-gradient(to top, rgba(6,18,10,.30) 0%, rgba(6,18,10,0) 55%);
}

/* En alttaki ince karartma — kaldırım şeridi, alt yazıyı taşır */
.sahne__etek {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 26%;
  background: linear-gradient(to top, rgba(6,18,10,.72), rgba(6,18,10,0));
  opacity: calc(var(--p) * var(--p));
}

.sahne__yazi {
  position: relative;
  z-index: 2;
  /* Afişteki logo bloğu görselin üst %16.7'sini kaplar. "cover" ile
     ölçeklendiğinde ekrandaki karşılığı max(19.6vw, 16.7svh) olur.
     Yazıyı tam onun altındaki gökyüzü boşluğuna oturtuyoruz. */
  margin-top: calc(max(19.6vw, 16.7svh) + clamp(.75rem, 3.4vh, 3rem));
  padding-block: 0;
  color: #fff;
  text-align: center;
  opacity: var(--yazi-gorunur);
  transform: translateY(calc((1 - var(--yazi-gorunur)) * -2.5rem));
  pointer-events: auto;
}
/* Pano silindiğinde görünürlüğü de kapatıyoruz; böylece tarayıcı
   backdrop blur'u her karede yeniden hesaplamıyor. */
.sahne__yazi[data-gizli="1"] {
  pointer-events: none;
  visibility: hidden;
}

/* Başlıkla paragrafı ayıran süs — amblemdeki düğüm motifinin sadeleşmiş hâli.
   "BURSA ÇARŞI 1963" etiketi kaldırıldı: afişin kendi logotype'ı zaten
   birkaç yüz piksel yukarıda aynı şeyi yazıyor. */
.sahne__sus {
  display: block;
  width: clamp(6rem, 14vw, 11rem);
  height: 9px;
  margin: min(1.5rem, 2.6svh) auto;
  background:
    linear-gradient(to right, transparent, rgba(201,151,26,.85) 18%, rgba(201,151,26,.85) 42%, transparent 44%),
    linear-gradient(to left,  transparent, rgba(201,151,26,.85) 18%, rgba(201,151,26,.85) 42%, transparent 44%);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: 0 4px, 0 4px;
  position: relative;
}
.sahne__sus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%) rotate(45deg);
  border: 1.5px solid var(--safran);
}

.sahne h1 {
  /* Tek satır: "Bursa Çarşı'nın köfte durağı" bu fontta 13.03em geniş.
     Kap genişliği min(100vw - 40px, 1240px) olduğundan, %10 pay bırakarak
     azami punto = (100vw - 40px) / 13.03 * 0.90 ≈ 7vw - 3px, tavan 86px. */
  font-size: clamp(1.25rem, calc(7vw - 3px), 86px);
  font-weight: 600;
  font-variation-settings: "SOFT" 50, "WONK" 1;
  letter-spacing: -0.032em;
  line-height: 1.06;
  margin: 0 auto;
  max-width: 100%;
  text-shadow: 0 2px 40px rgba(6,18,10,.5);
}

.sahne__giris {
  font-size: clamp(.9375rem, min(1.25vw, 2.05svh), 1.1875rem);
  line-height: 1.55;
  max-width: 46ch;
  margin: 0 auto min(1.9rem, 3.4vh);
  color: #EDEAE0;
  text-shadow: 0 1px 24px rgba(6,18,10,.6);
}

.sahne__aksiyon { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; }

.dugme--cam {
  background: rgba(255,255,255,.1);
  color: #fff;
  border-color: rgba(255,255,255,.45);
  backdrop-filter: blur(6px);
}
.dugme--cam:hover { background: #fff; color: var(--gece); border-color: #fff; }

/* Sondaki tek satır — binanın altındaki kaldırım şeridinde durur, cepheyi kapatmaz */
.sahne__adres {
  position: absolute;
  left: 50%;
  bottom: clamp(1.1rem, 3vh, 2rem);
  z-index: 2;
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  text-shadow: 0 1px 18px rgba(6,18,10,.9);
  opacity: clamp(0, calc((var(--p) - 0.74) * 4.2), 1);
}
.sahne__adres b { color: var(--safran); font-weight: 700; }

/* ==========================================================================
   PANO — afişin üstünde duran cam panel
   ========================================================================== */
.pano {
  max-width: min(34rem, 100%);
  margin-inline: auto;
  padding: clamp(1.1rem, 3.2svh, 2.6rem) clamp(1.4rem, 3vw, 2.6rem);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;
  /* Blur desteklenmiyorsa kontrastı düz zemin sağlar */
  background: rgba(9,24,14,.74);
  box-shadow: 0 24px 70px -28px rgba(0,0,0,.75);
}

/* Blur destekleniyorsa: zemini açıp karartmayı camın kendisine yaptırıyoruz.
   brightness() arkayı karartır, böylece hem kontrast gelir hem cam hissi kalır. */
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .pano {
    background: rgba(9,24,14,.30);
    backdrop-filter: blur(16px) brightness(.42) saturate(125%);
    -webkit-backdrop-filter: blur(16px) brightness(.42) saturate(125%);
  }
}

/* Yıl — panonun tepesinde, iki ince çizgi arasında */
.pano__yil {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin: 0 0 clamp(.7rem, 1.9svh, 1.3rem);
  color: var(--safran);
}
.pano__yil::before,
.pano__yil::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(201,151,26,.6), transparent);
}
.pano__yil span {
  font-family: var(--f-baslik);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  font-weight: 600;
  letter-spacing: .3em;
  text-indent: .3em;
  line-height: 1;
}

.pano__giris { margin-top: clamp(.7rem, 1.9svh, 1.3rem); }

.pano__aksiyon {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
  margin-top: clamp(1rem, 2.6svh, 1.9rem);
}

/* --- Kelime kelime beliriş --- */
.kelime {
  display: inline-block;
  opacity: 0;
  transform: translateY(.42em);
  animation: kelime-gel .72s cubic-bezier(.2,.75,.3,1) forwards;
  animation-delay: calc(var(--sira) * .085s + .2s);
}
@keyframes kelime-gel {
  to { opacity: 1; transform: none; }
}

/* Panonun geri kalanı başlıktan sonra gelir */
.pano__yil,
.pano__giris,
.pano__aksiyon {
  opacity: 0;
  animation: pano-gel .8s cubic-bezier(.2,.75,.3,1) forwards;
}
.pano__yil     { animation-delay: .05s; }
.pano__giris   { animation-delay: .62s; }
.pano__aksiyon { animation-delay: .74s; }
@keyframes pano-gel {
  from { opacity: 0; transform: translateY(.6rem); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .kelime, .pano__yil, .pano__giris, .pano__aksiyon {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* Kaydırma ipucu */
.sahne__ipucu {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  opacity: clamp(0, calc(1 - var(--p) * 8), 1);
}
.sahne__ipucu span { display: block; width: 1px; height: 2.25rem; background: linear-gradient(to bottom, rgba(255,255,255,.7), transparent); }

@media (max-aspect-ratio: 3/4) {
  /* Dar ekranda afişin tamamı dikeyde sığar; dikey pan etkisiz kalır.
     Bu yüzden yaklaşmayı artırıp odağı dükkâna indiriyoruz. */
  .sahne { --yakin: 1.95; --odak: 91%; }
  .sahne__yol { height: 235vh; }
  .sahne__adres { font-size: .625rem; letter-spacing: .1em; }
  .pano { padding: 1.35rem 1.25rem; }
  .pano__yil { gap: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sahne { --p: 0; }
  .sahne__yol { height: auto; }
  .sahne__pencere { position: relative; height: 88svh; }
  .sahne__ipucu, .sahne__etek { display: none; }
}

/* ==========================================================================
   MENÜ RAYI — yatay kaydırmalı kategori şeridi
   ========================================================================== */
.ray {
  display: flex;
  gap: .6rem;
  overflow-x: auto;
  padding: .25rem .25rem 1.25rem;
  margin: 2.5rem -.25rem 0;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--kagit-cizgi) transparent;
}
.ray::-webkit-scrollbar { height: 4px; }
.ray::-webkit-scrollbar-thumb { background: var(--kagit-cizgi); border-radius: 4px; }

.ray__oge {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  align-items: baseline;
  gap: .5rem;
  padding: .7rem 1.15rem;
  border: 1.5px solid var(--kagit-cizgi);
  border-radius: 100px;
  text-decoration: none;
  font-size: var(--t-s);
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.ray__oge:hover { border-color: var(--yesil); background: var(--yesil-sis); }
.ray__oge b { font-family: var(--f-baslik); font-size: .8125rem; color: var(--gri); font-weight: 600; }

/* ==========================================================================
   BÜYÜK İFADE BLOĞU
   ========================================================================== */
.ifade {
  font-family: var(--f-baslik);
  font-size: clamp(1.85rem, 4.4vw, 3.75rem);
  font-weight: 600;
  font-variation-settings: "SOFT" 45, "WONK" 1;
  line-height: 1.08;
  letter-spacing: -0.028em;
  max-width: 20ch;
  margin: 0 0 min(1.75rem, 3vh);
}
.ifade em { font-style: normal; color: var(--safran); }

/* ==========================================================================
   HİKÂYEMİZ SAYFASI
   ========================================================================== */

.sayfa-basi--cizgisiz { border-bottom: none; padding-bottom: clamp(1.5rem, 3vw, 2.5rem); }

/* --- Cephe: tam genişlik görsel, künye kartı üstüne biner --- */
.cephe {
  position: relative;
  margin: 0 0 clamp(3.5rem, 7vw, 6rem);
}
.cephe > img {
  width: 100%;
  height: clamp(17rem, 46vw, 34rem);
  object-fit: cover;
  object-position: 50% 38%;
}

/* figcaption yalnızca hizalama kabı — kart onun içinde */
.cephe__kunye {
  position: relative;
  width: min(100% - 2.5rem, var(--en));
  margin: clamp(-4.5rem, -7vw, -3rem) auto 0;
}
.cephe__kart {
  display: inline-flex;
  align-items: stretch;
  gap: clamp(1rem, 2.4vw, 1.75rem);
  max-width: min(100%, 33rem);
  padding: clamp(1.1rem, 2.4vw, 1.6rem) clamp(1.25rem, 2.8vw, 2rem);
  background: var(--kagit);
  border-radius: var(--radius);
  box-shadow: 0 26px 60px -30px rgba(35,31,32,.5);
}
.cephe__yil {
  font-family: var(--f-baslik);
  font-size: clamp(1.75rem, 3.6vw, 2.6rem);
  font-weight: 600;
  font-variation-settings: "SOFT" 40, "WONK" 1;
  line-height: 1;
  color: var(--yesil-koyu);
  padding-right: clamp(1rem, 2.4vw, 1.75rem);
  border-right: 1px solid var(--kagit-cizgi);
  display: flex;
  align-items: center;
}
.cephe__adres {
  font-size: var(--t-s);
  line-height: 1.5;
  color: #3A3634;
}
.cephe__adres strong {
  display: block;
  color: var(--murekkep);
  margin-bottom: .15rem;
}

/* --- İki sütunlu editoryal düzen --- */
.sutunlar {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
  gap: clamp(1.75rem, 5vw, 4.5rem);
  align-items: start;
}
.sutunlar__yan { position: sticky; top: 7rem; }
.sutunlar__baslik {
  font-family: var(--f-baslik);
  font-size: var(--t-l);
  font-weight: 600;
  font-variation-settings: "SOFT" 40, "WONK" 1;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0;
}
.sutunlar__ana { max-width: 60ch; }

/* --- Kilometre taşları --- */
.kilometre {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.75rem;
  list-style: none;
  padding: 1.75rem 0 0;
  margin: 2rem 0 0;
  border-top: 1px solid var(--kagit-cizgi);
}
.kilometre strong {
  display: block;
  font-family: var(--f-baslik);
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 1;
  color: var(--yesil-koyu);
}
.kilometre span {
  font-size: var(--t-xs);
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gri);
}

/* --- Büyük alıntı --- */
.alinti--buyuk {
  max-width: 24ch;
  margin: 0;
  padding: 0 0 0 clamp(1.25rem, 3vw, 2.25rem);
  font-size: clamp(1.5rem, 3.4vw, 2.75rem);
  line-height: 1.18;
  border-left-width: 3px;
}

/* --- Etin yolu --- */
.akis {
  list-style: none;
  counter-reset: none;
  padding: 0;
  margin: 3rem 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
  gap: clamp(1.75rem, 3vw, 2.75rem);
}
.akis__adim { padding-top: 1.25rem; border-top: 2px solid var(--safran); }
.akis__no {
  display: block;
  font-family: var(--f-baslik);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
  color: var(--safran);
  margin-bottom: .65rem;
}
.akis__adim h3 { font-size: var(--t-m); margin: 0 0 .45rem; color: var(--kagit); }
.akis__adim p  { margin: 0; font-size: var(--t-s); color: #C4D2C0; }

/* ==========================================================================
   BÜYÜTÜLEBİLİR GALERİ
   ========================================================================== */
.mekan--buyutulebilir figure { display: flex; flex-direction: column; }

.mekan--buyutulebilir .mekan__ac {
  position: relative;
  display: block;
  width: 100%;
  flex: 1;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--yesil-sis);
  cursor: zoom-in;
  font: inherit;
  color: inherit;
}
.mekan--buyutulebilir .mekan__ac img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2,.7,.3,1), filter .35s ease;
}
.mekan--buyutulebilir .mekan__ac::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(18,51,26,.5), rgba(18,51,26,0) 55%);
  opacity: 0;
  transition: opacity .35s ease;
}
.mekan--buyutulebilir .mekan__ac:hover img,
.mekan--buyutulebilir .mekan__ac:focus-visible img { transform: scale(1.06); }
.mekan--buyutulebilir .mekan__ac:hover::after,
.mekan--buyutulebilir .mekan__ac:focus-visible::after { opacity: 1; }

.mekan__isaret {
  position: absolute;
  right: .85rem;
  bottom: .85rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100px;
  background: var(--kagit);
  color: var(--yesil-koyu);
  opacity: 0;
  transform: translateY(.5rem) scale(.92);
  transition: opacity .3s ease, transform .35s cubic-bezier(.2,.7,.3,1);
}
.mekan--buyutulebilir .mekan__ac:hover .mekan__isaret,
.mekan--buyutulebilir .mekan__ac:focus-visible .mekan__isaret {
  opacity: 1;
  transform: none;
}

.mekan--buyutulebilir figcaption {
  position: static;
  padding: .9rem 0 0;
  background: none;
  color: #3A3634;
  font-size: var(--t-s);
  font-weight: 400;
  line-height: 1.5;
}
.mekan--buyutulebilir figcaption strong {
  display: block;
  color: var(--murekkep);
  font-weight: 700;
  margin-bottom: .1rem;
}
.mekan--buyutulebilir figure:first-child { grid-row: auto; }
/* Tam üç görsel var — auto-fit boş sütun hesaplamasın */
.mekan--buyutulebilir { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) { .mekan--buyutulebilir { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .mekan--buyutulebilir { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .mekan--buyutulebilir .mekan__ac img,
  .mekan__isaret { transition: none; }
  .mekan--buyutulebilir .mekan__ac:hover img { transform: none; }
  .mekan__isaret { opacity: 1; transform: none; }
}

/* --- Büyüteç penceresi --- */
.buyutec {
  width: min(100vw - 2rem, 78rem);
  max-width: none;
  max-height: calc(100dvh - 2rem);
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: var(--murekkep);
  color: var(--kagit);
  overflow: visible;
}
.buyutec::backdrop { background: rgba(9,14,10,.86); }

.buyutec__ic { margin: 0; }
.buyutec__gorsel {
  width: 100%;
  max-height: calc(100dvh - 9rem);
  object-fit: contain;
  background: #000;
  border-radius: var(--radius) var(--radius) 0 0;
}
.buyutec__yazi {
  padding: 1rem clamp(1rem, 3vw, 1.75rem) 1.15rem;
  font-size: var(--t-s);
  line-height: 1.5;
  color: #A9A5A0;
}
.buyutec__baslik { display: block; color: var(--kagit); margin-bottom: .1rem; }

.buyutec__kapat,
.buyutec__yon {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 100px;
  background: rgba(20,20,20,.72);
  backdrop-filter: blur(6px);
  color: #fff;
  font: inherit;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease;
}
.buyutec__kapat:hover,
.buyutec__yon:hover { background: var(--kirmizi); border-color: var(--kirmizi); }

.buyutec__kapat {
  top: .75rem;
  right: .75rem;
  width: 2.6rem;
  height: 2.6rem;
  font-size: 1.5rem;
  line-height: 1;
}
.buyutec__yon {
  top: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -3.5rem;
  font-size: 1.9rem;
  line-height: 1;
}
.buyutec__yon--geri  { left: .75rem; }
.buyutec__yon--ileri { right: .75rem; }

.buyutec__sayac {
  position: absolute;
  left: clamp(1rem, 3vw, 1.75rem);
  bottom: 1.15rem;
  margin: 0;
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--safran);
}

@media (max-width: 900px) {
  .sutunlar { grid-template-columns: 1fr; }
  .sutunlar__yan { position: static; }
  .cephe__kart { flex-direction: column; gap: .75rem; }
  .cephe__yil { border-right: 0; border-bottom: 1px solid var(--kagit-cizgi); padding: 0 0 .6rem; }
  .buyutec__yon { width: 2.5rem; height: 2.5rem; margin-top: -3rem; font-size: 1.5rem; }
  .buyutec__sayac { display: none; }
}

/* ==========================================================================
   FRANCHISE SAYFASI
   ========================================================================== */

/* --- Merkezin üstlendikleri --- */
.destekler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  gap: clamp(1.75rem, 3vw, 2.75rem);
  margin-top: 3rem;
}
.destek { padding-top: 1.35rem; border-top: 2px solid var(--yesil); }
.destek h3 { font-size: var(--t-m); margin: 0 0 .5rem; }
.destek p  { margin: 0; font-size: var(--t-s); color: #3A3634; }

/* --- Aday kriterleri --- */
.kriterler {
  list-style: none;
  padding: 0;
  margin: 3rem 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.kriter { display: grid; grid-template-columns: 2.75rem 1fr; gap: 1.1rem; align-items: start; }
.kriter__no {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1.5px solid var(--yesil);
  border-radius: 100px;
  font-family: var(--f-baslik);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--yesil-koyu);
  line-height: 1;
}
.kriter h3 { font-size: var(--t-m); margin: .35rem 0 .4rem; }
.kriter p  { margin: 0; font-size: var(--t-s); color: #3A3634; }

/* --- Süreç: üç evre, dikey akış çizgisi --- */
.surec {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.75rem, 3.5vw, 3.25rem);
  margin-top: 3rem;
}
.evre { margin: 0; }
.evre__ad {
  font-family: var(--f-govde);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--safran);
  margin: 0 0 1.35rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid rgba(201,151,26,.4);
}
.evre__adimlar { list-style: none; padding: 0; margin: 0; }

.surec__adim {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  padding-bottom: 1.5rem;
}
/* Adımları birbirine bağlayan çizgi — evrenin son adımında kesilir */
.surec__adim::before {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 2.1rem;
  bottom: .1rem;
  width: 1px;
  background: rgba(255,255,255,.16);
}
.surec__adim:last-child { padding-bottom: 0; }
.surec__adim:last-child::before { display: none; }

.surec__no {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100px;
  background: var(--yesil-derin);
  border: 1.5px solid var(--safran);
  font-family: var(--f-baslik);
  font-size: .9375rem;
  font-weight: 600;
  color: var(--safran);
  line-height: 1;
}
.surec__ic h4 {
  font-family: var(--f-baslik);
  font-size: var(--t-m);
  font-weight: 600;
  font-variation-settings: "SOFT" 30, "WONK" 1;
  margin: .3rem 0 .3rem;
  color: var(--kagit);
}
.surec__ic p { margin: 0; font-size: var(--t-s); color: #C4D2C0; }

@media (max-width: 900px) {
  .surec { grid-template-columns: 1fr; gap: 2.25rem; }
  .kriterler { grid-template-columns: 1fr; }
}

/* ==========================================================================
   FRANCHISE SAYFASI
   ========================================================================== */

/* --- Merkezin üstlendikleri --- */
.destekler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  gap: clamp(1.75rem, 3vw, 2.75rem);
  margin-top: 3rem;
}
.destek { padding-top: 1.35rem; border-top: 2px solid var(--yesil); }
.destek h3 { font-size: var(--t-m); margin: 0 0 .5rem; }
.destek p  { margin: 0; font-size: var(--t-s); color: #3A3634; }

/* --- Aday kriterleri --- */
.kriterler {
  list-style: none;
  padding: 0;
  margin: 3rem 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.kriter { display: grid; grid-template-columns: 2.75rem 1fr; gap: 1.1rem; align-items: start; }
.kriter__no {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1.5px solid var(--yesil);
  border-radius: 100px;
  font-family: var(--f-baslik);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--yesil-koyu);
  line-height: 1;
}
.kriter h3 { font-size: var(--t-m); margin: .35rem 0 .4rem; }
.kriter p  { margin: 0; font-size: var(--t-s); color: #3A3634; }

/* --- Süreç: üç evre, dikey akış çizgisi --- */
.surec {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.75rem, 3.5vw, 3.25rem);
  margin-top: 3rem;
}
.evre { margin: 0; }
.evre__ad {
  font-family: var(--f-govde);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--safran);
  margin: 0 0 1.35rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid rgba(201,151,26,.4);
}
.evre__adimlar { list-style: none; padding: 0; margin: 0; }

.surec__adim {
  position: relative;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  padding-bottom: 1.5rem;
}
/* Adımları birbirine bağlayan çizgi — evrenin son adımında kesilir */
.surec__adim::before {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 2.1rem;
  bottom: .1rem;
  width: 1px;
  background: rgba(255,255,255,.16);
}
.surec__adim:last-child { padding-bottom: 0; }
.surec__adim:last-child::before { display: none; }

.surec__no {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100px;
  background: var(--yesil-derin);
  border: 1.5px solid var(--safran);
  font-family: var(--f-baslik);
  font-size: .9375rem;
  font-weight: 600;
  color: var(--safran);
  line-height: 1;
}
.surec__ic h4 {
  font-family: var(--f-baslik);
  font-size: var(--t-m);
  font-weight: 600;
  font-variation-settings: "SOFT" 30, "WONK" 1;
  margin: .3rem 0 .3rem;
  color: var(--kagit);
}
.surec__ic p { margin: 0; font-size: var(--t-s); color: #C4D2C0; }

@media (max-width: 900px) {
  .surec { grid-template-columns: 1fr; gap: 2.25rem; }
  .kriterler { grid-template-columns: 1fr; }
}

/* ==========================================================================
   İLETİŞİM SAYFASI
   ========================================================================== */

/* --- Hızlı erişim kartları --- */
/* Tam üç kart var — auto-fit boş dördüncü sütun açmasın */
.hizli {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.hizli--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hizli__oge {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: 1.4rem 1.5rem;
  background: #fff;
  border: 1px solid var(--kagit-cizgi);
  border-left: 3px solid var(--yesil);
  border-radius: var(--radius);
  text-decoration: none;
  transition: border-left-color .2s ease, transform .2s cubic-bezier(.2,.7,.3,1),
              box-shadow .2s ease;
}
.hizli__oge:hover {
  border-left-color: var(--kirmizi);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -18px rgba(35,31,32,.4);
}
.hizli__etiket {
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gri);
}
.hizli__oge strong {
  font-family: var(--f-baslik);
  font-size: clamp(1.15rem, 1.9vw, 1.45rem);
  font-weight: 600;
  font-variation-settings: "SOFT" 30, "WONK" 1;
  line-height: 1.15;
  color: var(--yesil-koyu);
  word-break: break-word;
}
.hizli__not { font-size: var(--t-xs); color: var(--gri); }

/* --- Yan sütundaki yönlendirme listesi --- */
.yonlendirme { list-style: none; padding: 0; margin: 0; }
.yonlendirme li {
  display: flex;
  flex-direction: column;
  padding: .6rem 0;
  border-bottom: 1px solid var(--kagit-cizgi);
}
.yonlendirme li:last-child { border-bottom: 0; padding-bottom: 0; }
.yonlendirme a {
  font-weight: 700;
  font-size: var(--t-s);
  text-decoration: none;
  color: var(--yesil-koyu);
}
.yonlendirme a:hover { color: var(--kirmizi); text-decoration: underline; }
.yonlendirme span { font-size: var(--t-xs); color: var(--gri); }

/* --- İletişim formunda konu ve şube yan yana --- */
.iletisim__form .form-izgara { gap: 1.25rem 1.5rem; }

@media (max-width: 980px) {
  .hizli { grid-template-columns: 1fr; }
  /* Form + yan sütun bu genişlikte iki sütunda sıkışıyor, alt alta alalım */
  .iletisim__ic { grid-template-columns: 1fr; }
}

/* ========================================================================== 
   YENİ ANA SAYFA — 2026
   Cephe fotoğrafıyla açılan, afiş ve filmle devam eden modern restoran akışı.
   ========================================================================== */
.ana-sayfa { background: #F5F0E5; }
.ana-sayfa .ust { box-shadow: 0 1px 0 rgba(35,31,32,.06); }
.ana-sayfa .marka__alt {
  max-width: 24rem;
  letter-spacing: .055em;
  text-transform: none;
}
.ana-sayfa .dugme { border-radius: 100px; }

.ana-kapak {
  position: relative;
  min-height: min(860px, calc(100svh - 7.5rem));
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 19% 43%, rgba(67, 112, 65, .12), transparent 34%),
    var(--gece);
  color: #fff;
}
.ana-kapak::before {
  content: "1963";
  position: absolute;
  z-index: 0;
  left: clamp(2.5rem, 5vw, 6rem);
  bottom: 5.8rem;
  color: var(--safran-acik);
  font-family: var(--f-baslik);
  font-size: clamp(8rem, 15vw, 17rem);
  font-weight: 700;
  line-height: .72;
  letter-spacing: -.075em;
  opacity: .026;
  pointer-events: none;
  user-select: none;
}
.ana-kapak__foto {
  position: absolute;
  inset: 0 0 0 44%;
  z-index: 0;
  width: 56%;
  height: 100%;
  overflow: hidden;
}
.ana-kapak__foto::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: clamp(4.5rem, 8vw, 9rem);
  background: linear-gradient(90deg, var(--gece) 0%, rgba(7, 29, 16, .72) 24%, rgba(7, 29, 16, .2) 68%, transparent 100%);
  pointer-events: none;
}
.ana-kapak__gorsel {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 49% 50%;
  transform-origin: 49% 50%;
  filter: saturate(1.08) contrast(1.045) brightness(1.015);
  animation: kapak-yaklas 12s cubic-bezier(.18,.7,.3,1) both;
}
@keyframes kapak-yaklas { from { transform: scale(1.075); } to { transform: scale(1.135); } }
.ana-kapak__golge {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7,22,12,.28) 0%, transparent 26%, transparent 78%, rgba(7,22,12,.32) 100%),
    linear-gradient(0deg, rgba(7,22,12,.4) 0%, transparent 34%),
    radial-gradient(ellipse 64% 74% at 48% 45%, transparent 45%, rgba(7,22,12,.28) 100%);
}
.ana-kapak__ic {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  min-height: inherit;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-inline: clamp(2.5rem, 5vw, 6rem) 59%;
  padding-block: clamp(4.5rem, 9vh, 6.5rem) 8rem;
}
.ana-kapak__logo {
  align-self: flex-start;
  width: clamp(18.5rem, 22vw, 23.5rem);
  height: auto;
  margin: 0 0 clamp(1.35rem, 2.4vh, 1.9rem);
  transform: none;
  filter: brightness(0) invert(92%) sepia(20%) saturate(420%) hue-rotate(352deg) brightness(106%) contrast(94%);
}
.ana-kapak__ust {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin: 0 0 1.4rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: #F0DFA8;
}
.ana-kapak__ust span { width: 2.5rem; height: 1px; background: currentColor; }
.ana-kapak h1 {
  max-width: min(35rem, calc(44vw - 2.5rem));
  font-size: clamp(2.2rem, 3.05vw, 3.85rem);
  line-height: .96;
  letter-spacing: -.048em;
  text-shadow: 0 8px 50px rgba(0,0,0,.32);
}
.ana-kapak h1 em { display: block; color: var(--safran-acik); font-style: italic; font-weight: 450; }
.ana-kapak__giris {
  max-width: min(38ch, calc(45vw - 2.5rem));
  margin: 1.65rem 0 2rem;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.6;
  color: rgba(255,255,255,.84);
}
.ana-kapak__aksiyon { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.15rem; }
.ana-kapak__aksiyon .dugme { min-width: 10.5rem; justify-content: space-between; }
.ana-kapak__alt {
  position: absolute;
  inset: auto 0 0;
  z-index: 3;
  border-top: 1px solid rgba(240, 223, 168, .18);
  background: linear-gradient(90deg, rgba(7, 29, 16, .96) 0%, rgba(7, 29, 16, .96) 44%, rgba(7, 20, 12, .74) 53%, rgba(7, 15, 9, .58) 100%);
  backdrop-filter: blur(12px);
}
.ana-kapak__bilgi {
  min-height: 4.5rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ana-kapak__bilgi a { color: #fff; text-decoration: none; }
.ana-kapak__kaydir { text-align: right; color: rgba(255,255,255,.66); }

.afis-gecis {
  --afis-p: 0;
  --afis-yakin: 1.34;
  --afis-yazi: clamp(0, calc((.72 - var(--afis-p)) * 3.7), 1);
  position: relative;
  background: var(--gece);
}
.afis-gecis__yol { height: 260vh; }
.afis-gecis__pencere {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 32rem;
  overflow: hidden;
  isolation: isolate;
}
.afis-gecis__gorsel {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% calc(3% + 91% * var(--afis-p));
  transform: scale(calc(1 + (var(--afis-yakin) - 1) * var(--afis-p)));
  transform-origin: 50% 91%;
  will-change: transform;
}
.afis-gecis__perde {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(5,15,8,.08) 35%, rgba(5,15,8,.32) 57%, rgba(5,15,8,.8) 100%);
  opacity: calc(1 - var(--afis-p) * .72);
}
.afis-gecis__ic {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 6rem 0 4rem;
}
.afis-gecis__kart {
  position: relative;
  z-index: 2;
  width: min(100%, 31rem);
  padding: clamp(2rem, 4vw, 3.25rem);
  color: var(--kagit);
  background: rgba(10,31,17,.91);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
  opacity: var(--afis-yazi);
  transform: translateY(calc((1 - var(--afis-yazi)) * -2.25rem));
  transition: visibility 0s linear .05s;
}
.afis-gecis__kart[data-gizli="1"] { visibility: hidden; pointer-events: none; }
.afis-gecis__kart .etiket { color: var(--safran-acik); }
.afis-gecis__kart .etiket::after { background: rgba(255,255,255,.2); }
.afis-gecis__kart p:not(.etiket) { color: #C9D5C5; margin: 1.4rem 0 1.65rem; }
.afis-gecis__ipucu {
  position: absolute;
  left: 50%;
  bottom: 1.25rem;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: .7rem;
  white-space: nowrap;
  color: rgba(255,255,255,.78);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  opacity: clamp(0, calc(1 - var(--afis-p) * 7), 1);
}
.afis-gecis__ipucu span { width: 2.25rem; height: 1px; background: currentColor; }
.afis-gecis__son {
  position: absolute;
  left: 50%;
  bottom: 1.4rem;
  z-index: 2;
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
  color: rgba(255,255,255,.92);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow: 0 2px 18px rgba(0,0,0,.85);
  opacity: clamp(0, calc((var(--afis-p) - .75) * 5), 1);
}
.metin-baglanti {
  display: inline-flex;
  gap: 1rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid var(--safran);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.mutfak-yeni { background: var(--yesil-derin); color: var(--kagit); }
.bolum-baslik-ikili {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(2rem, 8vw, 7rem);
  align-items: end;
}
.mutfak-yeni .etiket { color: #9DB69A; }
.mutfak-yeni .etiket::after { background: rgba(255,255,255,.18); }
.mutfak-yeni .bolum__giris { color: #C4D2C0; }
.mutfak-yeni .ilke p { color: #C4D2C0; }
.ilkeler--numarali { grid-template-columns: repeat(3, 1fr); }
.ilkeler--numarali .ilke { border-top-color: rgba(240,223,168,.5); }
.ilkeler--numarali .ilke > span {
  display: block;
  margin-bottom: 2.7rem;
  font-family: var(--f-baslik);
  font-size: .8rem;
  color: var(--safran-acik);
}

.video-hikaye { padding: 0; background: #050505; overflow: hidden; }
.video-hikaye__cerceve { position: relative; width: 100%; }
.video-hikaye video {
  display: block;
  width: 100%;
  height: min(82svh, 900px);
  background: #000;
  object-fit: cover;
  object-position: center;
}
.video-hikaye__ses {
  position: absolute;
  right: clamp(1rem, 3vw, 2.5rem);
  bottom: clamp(1rem, 3vw, 2.5rem);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 3rem;
  padding: .7rem 1.1rem;
  color: var(--kagit);
  background: rgba(8, 30, 16, .88);
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 100px;
  box-shadow: 0 12px 35px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .05em;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.video-hikaye__ses[hidden] { display: none; }
.video-hikaye__ses:hover { transform: translateY(-2px); border-color: var(--safran-acik); }
.video-hikaye__ses[aria-pressed="true"] {
  color: var(--yesil-derin);
  background: var(--safran-acik);
  border-color: var(--safran-acik);
}
.video-hikaye__ses-ikon {
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .9rem;
  line-height: 1;
}

.menu-vitrin { background: #F8F4EA; }
.menu-vitrin .urunler { margin-top: 1.4rem; }
.menu-vitrin .urun { gap: 1rem; }
.menu-vitrin .urun__cerceve { border-radius: 0; }
.menu-vitrin .urun__cerceve img { transform: scale(var(--urun-yakin, 1)); }
.menu-vitrin .urun:hover .urun__cerceve img { transform: scale(var(--urun-yakin-hover, 1.045)); }
.menu-vitrin .urun--tavuksuyu-corba-2 { --urun-yakin: 1.36; --urun-yakin-hover: 1.41; }
.menu-vitrin .urun--piyaz { --urun-yakin: 1.2; --urun-yakin-hover: 1.25; }
.menu-vitrin .urun--zeytinyagli-enginar { --urun-yakin: 1.28; --urun-yakin-hover: 1.33; }
.menu-vitrin .urun--izgara-kofte { --urun-yakin: 1.18; --urun-yakin-hover: 1.23; }
.menu-vitrin .urun--bursa-doneri { --urun-yakin: 1.3; --urun-yakin-hover: 1.35; }
.menu-vitrin .urun--sutlu-tel-kadayif { --urun-yakin: 1.3; --urun-yakin-hover: 1.35; }
.menu-vitrin__tum { margin: 2.75rem 0 0; }

.mekan-yeni { padding: .5rem; background: #171614; }
.mekan-yeni__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}
.mekan-yeni__kart {
  position: relative;
  aspect-ratio: 1 / 1;
  margin: 0;
  overflow: hidden;
  background: #0B0B0A;
}
.mekan-yeni__kart img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2,.7,.3,1), filter .4s ease;
}
.mekan-yeni__kart:hover img { transform: scale(1.045); filter: saturate(1.06); }

.ana-sayfa .toptan {
  position: relative;
  overflow: hidden;
  padding: clamp(5rem, 9vw, 8rem) 0;
  background: #092714;
  color: var(--kagit);
}
.ana-sayfa .toptan::before {
  content: "1963";
  position: absolute;
  left: -1.5rem;
  bottom: -4.5rem;
  color: rgba(255,255,255,.025);
  font-family: var(--f-baslik);
  font-size: clamp(12rem, 25vw, 28rem);
  font-weight: 650;
  line-height: .7;
  letter-spacing: -.08em;
  pointer-events: none;
}
.ana-sayfa .toptan__ic {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, .82fr) minmax(30rem, 1.18fr);
  gap: clamp(3rem, 7vw, 7rem);
}
.ana-sayfa .toptan__tanitim { max-width: 32rem; }
.ana-sayfa .toptan .etiket { color: var(--safran-acik); }
.ana-sayfa .toptan .etiket::after { background: rgba(255,255,255,.18); }
.ana-sayfa .toptan h2 {
  max-width: 12ch;
  margin-bottom: 1.5rem;
  color: var(--kagit);
  font-size: clamp(2.7rem, 4.2vw, 4.6rem);
  line-height: .98;
}
.ana-sayfa .toptan h2 em { color: var(--safran-acik); font-weight: 450; }
.ana-sayfa .toptan__tanitim > p:not(.etiket) { color: rgba(255,255,255,.75); line-height: 1.7; }
.ana-sayfa .toptan__panel {
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--kagit-koyu);
  color: var(--murekkep);
  border-top: .4rem solid var(--safran);
  box-shadow: 0 32px 80px rgba(0,0,0,.22);
}
.ana-sayfa .toptan__panel-etiket {
  margin: 0 0 .55rem;
  color: var(--yesil-koyu);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ana-sayfa .toptan__panel h3 {
  margin-bottom: 1.75rem;
  font-size: clamp(1.75rem, 2.6vw, 2.5rem);
}
.ana-sayfa .toptan__liste {
  counter-reset: toptan-urun;
  gap: 0 clamp(1.5rem, 3vw, 3rem);
  font-weight: 700;
}
.ana-sayfa .toptan__liste li {
  counter-increment: toptan-urun;
  display: flex;
  align-items: center;
  gap: .85rem;
  min-height: 3.35rem;
  padding: .65rem 0;
  border-bottom-color: rgba(35,31,32,.14);
}
.ana-sayfa .toptan__liste li::before {
  content: counter(toptan-urun, decimal-leading-zero);
  color: var(--safran);
  font-family: var(--f-baslik);
  font-size: .8rem;
  font-weight: 650;
}

@media (max-width: 960px) {
  .ana-sayfa .toptan__ic { grid-template-columns: 1fr; }
  .ana-sayfa .toptan__tanitim { max-width: 38rem; }
}

@media (max-width: 620px) {
  .ana-sayfa .toptan { padding-block: 4.5rem; }
  .ana-sayfa .toptan h2 { font-size: clamp(2.7rem, 12vw, 3.8rem); }
  .ana-sayfa .toptan__panel { padding: 1.6rem; }
}

.ziyaret {
  position: relative;
  padding: clamp(5rem, 12vw, 10rem) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -20%, rgba(65,151,69,.28), transparent 45%),
    var(--gece);
  color: #fff;
  text-align: center;
}
.ziyaret__ic p { margin: 0 0 1.25rem; color: var(--safran-acik); font-size: .75rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.ziyaret h2 { font-size: clamp(3rem, 7vw, 6.5rem); letter-spacing: -.04em; }
.ziyaret__aksiyon { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 2.25rem; }

@media (max-width: 900px) {
  .ana-kapak { min-height: auto; display: flex; flex-direction: column; }
  .ana-kapak::before { display: none; }
  .ana-kapak__foto {
    position: relative;
    inset: auto;
    order: 0;
    width: 100%;
    height: 54svh;
    min-height: 24rem;
  }
  .ana-kapak__foto::after { display: none; }
  .ana-kapak__gorsel {
    object-position: 52% 50%;
  }
  .ana-kapak__golge { display: none; }
  .ana-kapak__ic {
    order: 1;
    min-height: auto;
    width: min(100% - 2.5rem, var(--en));
    max-width: var(--en);
    margin-inline: auto;
    padding-inline: 0;
    padding-block: 3rem 8rem;
  }
  .ana-kapak__logo { align-self: flex-start; }
  .ana-kapak h1 { font-size: clamp(2.7rem, 9.9vw, 5rem); }
  .ana-kapak h1, .ana-kapak__giris { max-width: 100%; }
  .ana-kapak__bilgi { grid-template-columns: 1fr auto; }
  .ana-kapak__kaydir { display: none; }
  .afis-gecis { --afis-yakin: 1.75; }
  .afis-gecis__yol { height: 225vh; }
  .afis-gecis__perde { background: linear-gradient(0deg, rgba(5,15,8,.84) 0%, rgba(5,15,8,.08) 72%); }
  .afis-gecis__ic { align-items: flex-end; padding-bottom: 4.5rem; }
  .bolum-baslik-ikili { grid-template-columns: 1fr; gap: 1.5rem; }
  .ilkeler--numarali { grid-template-columns: 1fr; }
  .ilkeler--numarali .ilke > span { margin-bottom: 1.4rem; }
  .mekan-yeni__grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .ana-sayfa .marka__alt { max-width: 12rem; font-size: .56rem; }
  .ana-kapak__logo { width: 18rem; margin-bottom: 1.6rem; transform: translateY(-.4rem); }
  .ana-kapak__foto { height: 46svh; min-height: 19rem; }
  .ana-kapak__ic { padding-top: 2.5rem; padding-bottom: 7.5rem; }
  .ana-kapak__ust { letter-spacing: .12em; }
  .ana-kapak__giris { max-width: 33ch; }
  .ana-kapak__aksiyon { width: 100%; }
  .ana-kapak__aksiyon .dugme { min-width: 0; flex: 1; padding-inline: 1.15rem; }
  .ana-kapak__bilgi { display: flex; justify-content: space-between; gap: 1rem; min-height: 4rem; font-size: .61rem; letter-spacing: .05em; }
  .ana-kapak__bilgi span:first-child { max-width: 17ch; }
  .afis-gecis__kart { padding: 1.6rem; }
  .afis-gecis__son { font-size: .58rem; letter-spacing: .1em; }
  .video-hikaye video { height: 56svh; min-height: 22rem; }
  .video-hikaye__ses { min-height: 2.75rem; padding: .58rem .9rem; font-size: .72rem; }
  .video-hikaye__ses-ikon { width: 1.5rem; height: 1.5rem; }
  .mekan-yeni__kart { aspect-ratio: 16 / 10; }
}

@media (prefers-reduced-motion: reduce) {
  .ana-kapak__gorsel { animation: none; transform: scale(1.14); }
  .afis-gecis { --afis-p: .42; --afis-yazi: 1; }
  .afis-gecis__yol { height: auto; }
  .afis-gecis__pencere { position: relative; min-height: 90svh; }
  .afis-gecis__gorsel { transform: none; }
  .afis-gecis__ipucu, .afis-gecis__son { display: none; }
}

/* ========================================================================== 
   HİKÂYEMİZ — ANA SAYFANIN DEVAMI
   ========================================================================== */
.hikaye-sayfasi { background: var(--kagit); }

.hikaye-kapak {
  display: grid;
  grid-template-columns: minmax(23rem, 45%) minmax(0, 55%);
  min-height: calc(100svh - 8rem);
  background: #071d10;
  color: var(--kagit);
  overflow: hidden;
}
.hikaye-kapak__metin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: clamp(4rem, 7vw, 7rem);
  padding-left: max(2.5rem, calc((100vw - var(--en)) / 2));
  padding-right: clamp(2.5rem, 4vw, 5rem);
}
.hikaye-kapak__logo {
  width: clamp(18rem, 21vw, 22rem);
  max-width: 100%;
  height: auto;
  margin-bottom: clamp(2.4rem, 5vh, 4.25rem);
  filter: brightness(0) invert(92%) sepia(20%) saturate(420%) hue-rotate(352deg) brightness(106%) contrast(94%);
}
.hikaye-kapak__etiket {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.5rem;
  color: var(--safran-acik);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hikaye-kapak__etiket span { flex: 0 0 2.5rem; height: 1px; background: currentColor; }
.hikaye-kapak h1 {
  max-width: 13ch;
  font-size: clamp(2.85rem, 3.55vw, 4.35rem);
  line-height: 1;
  letter-spacing: -.042em;
}
.hikaye-kapak h1 em { color: var(--safran-acik); font-weight: 450; }
.hikaye-kapak__giris {
  max-width: 42ch;
  margin: 2rem 0 0;
  color: rgba(255,255,255,.76);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
}
.hikaye-kapak__gorsel { position: relative; min-height: 36rem; margin: 0; overflow: hidden; }
.hikaye-kapak__gorsel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,29,16,.34), transparent 22%), linear-gradient(0deg, rgba(0,0,0,.42), transparent 28%);
  pointer-events: none;
}
.hikaye-kapak__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 53% center; }
.hikaye-kapak__gorsel figcaption {
  position: absolute;
  z-index: 1;
  right: clamp(1.5rem, 4vw, 4rem);
  bottom: 1.6rem;
  color: rgba(255,255,255,.86);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hikaye-kurulus { padding: clamp(5rem, 10vw, 10rem) 0; }
.hikaye-kurulus__duzen {
  display: grid;
  grid-template-columns: minmax(17rem, .78fr) minmax(0, 1.22fr);
  gap: clamp(3rem, 9vw, 8rem);
  align-items: start;
}
.hikaye-kurulus__baslik { position: sticky; top: 7rem; }
.hikaye-kurulus__yil {
  display: block;
  color: var(--safran);
  font-family: var(--f-baslik);
  font-size: clamp(5rem, 10vw, 9rem);
  font-weight: 650;
  line-height: .78;
  letter-spacing: -.07em;
}
.hikaye-kurulus__baslik h2 {
  max-width: 15ch;
  margin-top: 2rem;
  font-size: clamp(2rem, 3vw, 3.3rem);
}
.hikaye-kurulus__metin { max-width: 43rem; }
.hikaye-kurulus__metin p { margin: 0 0 1.6rem; color: #4a4540; }
.hikaye-kurulus__metin .hikaye-kurulus__vurgu {
  margin-bottom: 2.25rem;
  color: var(--murekkep);
  font-family: var(--f-baslik);
  font-size: clamp(1.55rem, 2.3vw, 2.25rem);
  line-height: 1.32;
}

.hikaye-ozen { padding: clamp(5rem, 9vw, 8.5rem) 0; background: #0c351b; color: var(--kagit); }
.hikaye-ozen .etiket { color: var(--safran-acik); }
.hikaye-ozen .etiket::after { background: rgba(255,255,255,.18); }
.hikaye-ozen__baslik { display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; align-items: end; }
.hikaye-ozen__baslik h2 { font-size: clamp(2.8rem, 5vw, 5rem); line-height: .98; }
.hikaye-ozen__baslik h2 em { color: var(--safran-acik); font-weight: 450; }
.hikaye-ozen__icerik {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(3rem, 8vw, 7rem);
  margin-top: clamp(4rem, 8vw, 7rem);
  padding-top: 2.25rem;
  border-top: 1px solid rgba(255,255,255,.22);
}
.hikaye-ozen__buyuk {
  margin: 0;
  color: var(--safran-acik);
  font-family: var(--f-baslik);
  font-size: clamp(1.65rem, 2.5vw, 2.5rem);
  line-height: 1.3;
}
.hikaye-ozen__detay { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.75rem, 4vw, 3.5rem); }
.hikaye-ozen__detay p { margin: 0; color: rgba(255,255,255,.76); }

.hikaye-soz { padding: clamp(5rem, 10vw, 10rem) 0; background: var(--kagit-koyu); }
.hikaye-soz__duzen { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 8vw, 7rem); }
.hikaye-soz__numara {
  margin: 0;
  color: var(--safran);
  font-family: var(--f-baslik);
  font-size: clamp(7rem, 17vw, 15rem);
  font-weight: 650;
  line-height: .7;
  letter-spacing: -.09em;
}
.hikaye-soz blockquote {
  margin: 0;
  color: var(--murekkep);
  font-family: var(--f-baslik);
  font-size: clamp(1.75rem, 3vw, 3rem);
  line-height: 1.25;
}
.hikaye-soz footer { display: flex; flex-direction: column; gap: .15rem; margin-top: 2.5rem; }
.hikaye-soz footer strong { color: var(--yesil-koyu); }
.hikaye-soz footer span { color: var(--gri); }
.hikaye-soz__aksiyon { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2.5rem; }

@media (max-width: 960px) {
  .hikaye-kapak { grid-template-columns: 1fr; min-height: 0; }
  .hikaye-kapak__metin { min-height: 38rem; padding: 5rem max(1.25rem, calc((100vw - var(--en)) / 2)); }
  .hikaye-kapak__gorsel { min-height: 31rem; }
  .hikaye-kapak h1 { font-size: clamp(3rem, 9vw, 5.2rem); }
  .hikaye-kurulus__duzen, .hikaye-ozen__baslik, .hikaye-ozen__icerik, .hikaye-soz__duzen { grid-template-columns: 1fr; }
  .hikaye-kurulus__baslik { position: static; }
  .hikaye-ozen__baslik, .hikaye-ozen__icerik, .hikaye-soz__duzen { gap: 2.5rem; }
  .hikaye-soz__numara { font-size: clamp(7rem, 30vw, 12rem); }
}

@media (max-width: 620px) {
  .hikaye-kapak__metin { min-height: 35rem; padding-block: 4rem; }
  .hikaye-kapak__logo { width: 17rem; margin-bottom: 3rem; }
  .hikaye-kapak h1 { font-size: clamp(2.8rem, 13vw, 4.1rem); }
  .hikaye-kapak__gorsel { min-height: 24rem; }
  .hikaye-kapak__gorsel img { object-position: 54% center; }
  .hikaye-kurulus__duzen { gap: 3.5rem; }
  .hikaye-ozen__detay { grid-template-columns: 1fr; }
  .hikaye-soz__aksiyon .dugme { flex: 1; justify-content: center; min-width: 9rem; }
}

/* ========================================================================== 
   HİKÂYEMİZ — SADE EDİTORYAL DÜZEN
   ========================================================================== */
.hikaye-yeni-sayfa { background: var(--kagit); }

.hikaye2-giris {
  padding: clamp(6rem, 12vw, 11rem) 0 clamp(5rem, 9vw, 8rem);
  background: #071d10;
  color: var(--kagit);
}
.hikaye2-giris__ic { display: grid; grid-template-columns: 1.2fr .8fr; column-gap: clamp(3rem, 8vw, 8rem); }
.hikaye2-ust {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 clamp(2.5rem, 5vw, 4.5rem);
  color: var(--safran-acik);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.hikaye2-ust span { flex: 0 0 3rem; height: 1px; background: currentColor; }
.hikaye2-giris h1 {
  max-width: 12ch;
  font-size: clamp(3.25rem, 5.5vw, 5.8rem);
  line-height: .94;
  letter-spacing: -.055em;
}
.hikaye2-giris h1 em { color: var(--safran-acik); font-weight: 450; }
.hikaye2-giris__metin {
  align-self: end;
  max-width: 35ch;
  margin: 0 0 .5rem;
  color: rgba(255,255,255,.76);
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  line-height: 1.65;
}

.hikaye2-cephe { position: relative; margin: 0; height: min(74svh, 52rem); min-height: 32rem; overflow: hidden; }
.hikaye2-cephe::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.46), transparent 28%);
  pointer-events: none;
}
.hikaye2-cephe img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; }
.hikaye2-cephe figcaption {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 1.75rem;
  width: min(100% - 2.5rem, var(--en));
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  color: rgba(255,255,255,.9);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.hikaye2-kurulus { padding: clamp(6rem, 11vw, 11rem) 0; }
.hikaye2-kurulus__ic {
  display: grid;
  grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(4rem, 10vw, 9rem);
  align-items: start;
}
.hikaye2-kurulus__yan { position: sticky; top: 7rem; }
.hikaye2-kurulus__yan strong {
  display: block;
  color: var(--safran);
  font-family: var(--f-baslik);
  font-size: clamp(6rem, 12vw, 10rem);
  font-weight: 650;
  line-height: .78;
  letter-spacing: -.075em;
}
.hikaye2-kurulus__yan > span {
  display: block;
  margin-top: 1.5rem;
  color: var(--gri);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.hikaye2-kurulus__yazi { max-width: 45rem; }
.hikaye2-kurulus__yazi h2 {
  max-width: 15ch;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 1;
}
.hikaye2-kurulus__yazi p { margin: 0 0 1.75rem; color: #514b45; }
.hikaye2-kurulus__yazi .hikaye2-onsoz {
  padding-bottom: 2.25rem;
  border-bottom: 1px solid var(--kagit-cizgi);
  color: var(--murekkep);
  font-family: var(--f-baslik);
  font-size: clamp(1.45rem, 2.3vw, 2.15rem);
  line-height: 1.35;
}

.hikaye2-ozen { padding: clamp(6rem, 11vw, 10rem) 0; background: #0c351b; color: var(--kagit); }
.hikaye2-ozen__baslik { max-width: 58rem; }
.hikaye2-ozen__baslik .hikaye2-ust { margin-bottom: 2.5rem; }
.hikaye2-ozen__baslik h2 {
  font-size: clamp(3.2rem, 6.2vw, 6.5rem);
  line-height: .95;
  letter-spacing: -.045em;
}
.hikaye2-ozen__metin {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  margin-top: clamp(4rem, 8vw, 7rem);
  padding-top: 2.5rem;
  border-top: 1px solid rgba(255,255,255,.22);
}
.hikaye2-ozen__metin p { margin: 0; color: rgba(255,255,255,.72); }
.hikaye2-ozen__metin .hikaye2-ozen__vurgu {
  color: var(--safran-acik);
  font-family: var(--f-baslik);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.35;
}

.hikaye2-kapanis { padding: clamp(6rem, 12vw, 11rem) 0; background: var(--kagit-koyu); text-align: center; }
.hikaye2-kapanis blockquote {
  margin: 0;
  color: var(--murekkep);
  font-family: var(--f-baslik);
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  line-height: 1.34;
}
.hikaye2-kapanis__soz {
  margin: 2.5rem 0 0;
  color: var(--yesil-koyu);
  font-weight: 800;
}
.hikaye2-kapanis__aksiyon { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 2.5rem; }

@media (max-width: 900px) {
  .hikaye2-giris__ic { grid-template-columns: 1fr; }
  .hikaye2-giris h1 { max-width: 11ch; }
  .hikaye2-giris__metin { margin-top: 2.5rem; }
  .hikaye2-kurulus__ic { grid-template-columns: 1fr; gap: 4rem; }
  .hikaye2-kurulus__yan { position: static; }
  .hikaye2-ozen__metin { grid-template-columns: 1fr; gap: 2rem; }
  .hikaye2-ozen__metin p:not(:last-child) { padding-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,.14); }
}

@media (max-width: 620px) {
  .hikaye2-giris { padding-block: 4.75rem; }
  .hikaye2-giris h1 { font-size: clamp(2.85rem, 13vw, 4rem); }
  .hikaye2-cephe { height: 60svh; min-height: 25rem; }
  .hikaye2-cephe img { object-position: 54% center; }
  .hikaye2-cephe figcaption { flex-direction: column; gap: .2rem; }
  .hikaye2-kurulus__yan strong { font-size: 7rem; }
  .hikaye2-kurulus__yazi h2 { font-size: clamp(2.7rem, 12vw, 3.8rem); }
  .hikaye2-ozen__baslik h2 { font-size: clamp(3rem, 13vw, 4.5rem); }
  .hikaye2-kapanis__aksiyon .dugme { flex: 1; justify-content: center; min-width: 9rem; }
}

/* ==========================================================================
   TOPTAN SATIŞ — EDİTORYAL SAYFA
   ========================================================================== */
.toptan-sayfa { background: var(--kagit); }
.toptan-sayfa .alt { margin-top: 0; }

.toptan-yeni-etiket {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.5rem;
  color: var(--safran-acik);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.toptan-yeni-etiket::after {
  content: "";
  width: 3rem;
  height: 1px;
  background: currentColor;
  opacity: .55;
}

.toptan-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(4rem, 7vw, 6.5rem);
  background:
    radial-gradient(circle at 17% 45%, rgba(65,151,69,.14), transparent 31%),
    #092714;
  color: var(--kagit);
}
.toptan-hero::before {
  content: "TOPTAN";
  position: absolute;
  left: -1rem;
  bottom: -.18em;
  color: rgba(255,255,255,.022);
  font-family: var(--f-baslik);
  font-size: clamp(9rem, 18vw, 22rem);
  font-weight: 650;
  line-height: .72;
  letter-spacing: -.07em;
  pointer-events: none;
}
.toptan-hero__ic {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(31rem, 1.12fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
}
.toptan-hero__yazi { max-width: 36rem; }
.toptan-hero h1 {
  max-width: 10ch;
  color: var(--kagit);
  font-size: clamp(3.5rem, 6vw, 6.3rem);
  line-height: .91;
  letter-spacing: -.055em;
}
.toptan-hero h1 em,
.toptan-katalog h2 em,
.toptan-surec h2 em,
.toptan-cta h2 em {
  color: var(--safran-acik);
  font-style: italic;
  font-weight: 450;
}
.toptan-hero__giris {
  max-width: 47ch;
  margin: 2rem 0 0;
  color: rgba(255,255,255,.72);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.68;
}
.toptan-hero__aksiyon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem 1.5rem;
  margin-top: 2.25rem;
}
.toptan-hero__telefon {
  display: grid;
  color: var(--kagit);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}
.toptan-hero__telefon small {
  margin-bottom: .25rem;
  color: rgba(255,255,255,.52);
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.toptan-hero__ozet {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  list-style: none;
  padding: 1.4rem 0 0;
  margin: clamp(2.5rem, 5vw, 4rem) 0 0;
  border-top: 1px solid rgba(255,255,255,.18);
}
.toptan-hero__ozet li { display: grid; gap: .2rem; }
.toptan-hero__ozet strong {
  color: var(--safran-acik);
  font-family: var(--f-baslik);
  font-size: 1.05rem;
}
.toptan-hero__ozet span { color: rgba(255,255,255,.54); font-size: .73rem; line-height: 1.4; }

.toptan-hero__gorsel {
  position: relative;
  margin: 0;
  min-height: 37rem;
  border: 1px solid rgba(240,223,168,.28);
  box-shadow: 0 35px 90px rgba(0,0,0,.28);
}
.toptan-hero__gorsel::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -1rem 1rem 1rem -1rem;
  border: 1px solid rgba(240,223,168,.22);
  pointer-events: none;
}
.toptan-hero__gorsel > img {
  width: 100%;
  height: 100%;
  min-height: 37rem;
  object-fit: cover;
  object-position: 50% center;
  filter: saturate(.93) contrast(1.03);
}
.toptan-hero__gorsel figcaption {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  width: min(24rem, 78%);
  padding: 1.35rem 1.5rem;
  background: var(--kagit);
  color: var(--murekkep);
}
.toptan-hero__gorsel figcaption > span { color: var(--safran); font-family: var(--f-baslik); font-weight: 700; }
.toptan-hero__gorsel figcaption p { margin: 0; font-size: .8rem; line-height: 1.55; }
.toptan-hero__gorsel figcaption strong { display: block; color: var(--yesil-koyu); font-size: .88rem; }

.toptan-katalog { padding: clamp(5rem, 10vw, 9rem) 0; background: var(--kagit); }
.toptan-katalog .toptan-yeni-etiket { color: var(--yesil-koyu); }
.toptan-katalog__baslik {
  display: grid;
  grid-template-columns: 1fr minmax(18rem, .72fr);
  gap: clamp(2rem, 8vw, 8rem);
  align-items: end;
  margin-bottom: clamp(3rem, 6vw, 5.5rem);
}
.toptan-katalog h2,
.toptan-surec h2,
.toptan-cta h2 {
  font-size: clamp(3rem, 5.4vw, 5.7rem);
  line-height: .94;
  letter-spacing: -.045em;
}
.toptan-katalog h2 em { color: var(--safran); }
.toptan-katalog__baslik > p {
  margin: 0;
  padding-top: 1.75rem;
  border-top: 1px solid var(--kagit-cizgi);
  color: #514b45;
  line-height: 1.7;
}
.toptan-katalog__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}
.toptan-katalog__kart {
  grid-column: span 4;
  min-height: 19rem;
  padding: clamp(1.5rem, 2.7vw, 2.4rem);
  background: var(--kagit-koyu);
  border-top: 3px solid var(--yesil-koyu);
  transition: transform .3s ease, background-color .3s ease;
}
.toptan-katalog__kart:nth-child(1) { grid-column: span 5; }
.toptan-katalog__kart:nth-child(2) { grid-column: span 3; }
.toptan-katalog__kart:nth-child(4) { grid-column: span 7; }
.toptan-katalog__kart:nth-child(5) { grid-column: span 5; }
.toptan-katalog__kart:hover { transform: translateY(-.35rem); background: #ebe1c9; }
.toptan-katalog__no {
  display: block;
  margin-bottom: 2.6rem;
  color: var(--safran);
  font-family: var(--f-baslik);
  font-size: .82rem;
  font-weight: 700;
}
.toptan-katalog__kart h3 { margin-bottom: 1.1rem; color: var(--yesil-koyu); font-size: clamp(1.6rem, 2.3vw, 2.25rem); }
.toptan-katalog__kart ul { list-style: none; padding: 0; margin: 0; }
.toptan-katalog__kart li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem 0;
  border-bottom: 1px solid rgba(35,31,32,.12);
  font-size: .9rem;
  font-weight: 650;
}
.toptan-katalog__kart li::after { content: "•"; color: var(--safran); }

.toptan-surec { padding: clamp(5rem, 10vw, 9rem) 0; background: #0b3019; color: var(--kagit); }
.toptan-surec__ic {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(30rem, 1.22fr);
  gap: clamp(3rem, 8vw, 8rem);
}
.toptan-surec__baslik { position: sticky; top: 3rem; align-self: start; }
.toptan-surec__baslik > p:last-child { max-width: 38ch; margin: 2rem 0 0; color: rgba(255,255,255,.62); }
.toptan-surec__liste { list-style: none; padding: 0; margin: 0; }
.toptan-surec__liste li {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 1.5rem;
  padding: 2rem 0 2.5rem;
  border-top: 1px solid rgba(255,255,255,.18);
}
.toptan-surec__liste li:first-child { padding-top: 0; border-top: 0; }
.toptan-surec__liste li > span { color: var(--safran-acik); font-family: var(--f-baslik); font-size: 1rem; }
.toptan-surec__liste h3 { margin-bottom: .65rem; color: var(--kagit); font-size: clamp(1.6rem, 2.6vw, 2.25rem); }
.toptan-surec__liste p { max-width: 55ch; margin: 0; color: rgba(255,255,255,.65); font-size: .95rem; line-height: 1.7; }

.toptan-cta { position: relative; overflow: hidden; padding: clamp(4.5rem, 8vw, 7.5rem) 0; background: var(--safran); color: var(--murekkep); }
.toptan-cta__ic {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr) minmax(18rem, .6fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.toptan-cta__ic > img { width: 7rem; height: auto; opacity: .85; filter: brightness(0) saturate(100%) invert(16%) sepia(18%) saturate(1334%) hue-rotate(82deg) brightness(90%); }
.toptan-cta .toptan-yeni-etiket { color: #5f4909; }
.toptan-cta h2 em { color: var(--yesil-koyu); }
.toptan-cta__iletisim { padding-left: clamp(1.5rem, 4vw, 3.5rem); border-left: 1px solid rgba(35,31,32,.25); }
.toptan-cta__iletisim p { margin: 0 0 1.5rem; line-height: 1.65; }

@media (max-width: 1000px) {
  .toptan-hero__ic { grid-template-columns: 1fr; }
  .toptan-hero__yazi { max-width: 44rem; }
  .toptan-hero__gorsel, .toptan-hero__gorsel > img { min-height: 32rem; }
  .toptan-katalog__kart,
  .toptan-katalog__kart:nth-child(1),
  .toptan-katalog__kart:nth-child(2),
  .toptan-katalog__kart:nth-child(4),
  .toptan-katalog__kart:nth-child(5) { grid-column: span 6; }
  .toptan-katalog__kart:last-child { grid-column: 4 / span 6; }
  .toptan-surec__ic { grid-template-columns: 1fr; }
  .toptan-surec__baslik { position: static; }
  .toptan-cta__ic { grid-template-columns: 6rem 1fr; }
  .toptan-cta__iletisim { grid-column: 2; padding: 1.75rem 0 0; border-left: 0; border-top: 1px solid rgba(35,31,32,.25); }
}

@media (max-width: 680px) {
  .toptan-hero { padding-top: 4rem; }
  .toptan-hero h1 { font-size: clamp(3.3rem, 15vw, 4.8rem); }
  .toptan-hero__ozet { grid-template-columns: 1fr; gap: .9rem; }
  .toptan-hero__ozet li { grid-template-columns: 6.5rem 1fr; align-items: baseline; }
  .toptan-hero__gorsel, .toptan-hero__gorsel > img { min-height: 25rem; }
  .toptan-hero__gorsel::before { inset: -.5rem .5rem .5rem -.5rem; }
  .toptan-hero__gorsel figcaption { width: calc(100% - 1rem); }
  .toptan-katalog__baslik { grid-template-columns: 1fr; }
  .toptan-katalog__grid { grid-template-columns: 1fr; }
  .toptan-katalog__kart,
  .toptan-katalog__kart:nth-child(1),
  .toptan-katalog__kart:nth-child(2),
  .toptan-katalog__kart:nth-child(4),
  .toptan-katalog__kart:nth-child(5),
  .toptan-katalog__kart:last-child { grid-column: auto; min-height: auto; }
  .toptan-katalog__no { margin-bottom: 1.7rem; }
  .toptan-surec__liste li { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .toptan-cta__ic { grid-template-columns: 1fr; }
  .toptan-cta__ic > img { width: 5rem; }
  .toptan-cta__iletisim { grid-column: auto; }
  .toptan-cta__iletisim .dugme { width: 100%; justify-content: space-between; }
}

/* ==========================================================================
   MENÜ — EDİTORYAL KATALOG
   ========================================================================== */
.menu-sayfa { background: var(--kagit); }
.menu-sayfa .alt { margin-top: 0; }

.menu-yeni-etiket {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.4rem;
  color: var(--yesil-koyu);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.menu-yeni-etiket::after {
  content: "";
  width: 3rem;
  height: 1px;
  background: currentColor;
  opacity: .55;
}

.menu-yeni-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 8vw, 7rem) 0;
  background:
    radial-gradient(circle at 18% 50%, rgba(201,151,26,.14), transparent 32%),
    var(--kagit-koyu);
}
.menu-yeni-hero::before {
  content: "MENÜ";
  position: absolute;
  left: -1.5rem;
  bottom: -.2em;
  color: rgba(18,51,26,.035);
  font-family: var(--f-baslik);
  font-size: clamp(10rem, 22vw, 26rem);
  font-weight: 650;
  line-height: .7;
  letter-spacing: -.08em;
  pointer-events: none;
}
.menu-yeni-hero__ic {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(22rem, .72fr) minmax(36rem, 1.28fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
}
.menu-yeni-hero__yazi { max-width: 34rem; }
.menu-yeni-hero h1 {
  color: var(--murekkep);
  font-size: clamp(4rem, 6.4vw, 6.8rem);
  line-height: .9;
  letter-spacing: -.06em;
}
.menu-yeni-hero h1 em,
.menu-yeni-katalog h2 em,
.menu-yeni-cta h2 em {
  color: var(--safran);
  font-style: italic;
  font-weight: 450;
}
.menu-yeni-hero__yazi > p:not(.menu-yeni-etiket) {
  max-width: 42ch;
  margin: 2rem 0 0;
  color: #554e44;
  font-size: clamp(1rem, 1.3vw, 1.16rem);
  line-height: 1.7;
}
.menu-yeni-hero__kaydir {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 2.4rem;
  padding-bottom: .5rem;
  color: var(--yesil-koyu);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-decoration: none;
  border-bottom: 1px solid var(--safran);
}
.menu-yeni-hero__kaydir span { transition: transform .25s ease; }
.menu-yeni-hero__kaydir:hover span { transform: translateY(.25rem); }

.menu-yeni-hero__kolaj {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(11rem, .55fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  min-height: 38rem;
}
.menu-yeni-hero__kolaj figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-height: 0;
  background: #fff;
}
.menu-yeni-hero__ana-gorsel { grid-row: 1 / -1; }
.menu-yeni-hero__kolaj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2,.7,.3,1), filter .35s ease;
}
.menu-yeni-hero__ana-gorsel img { object-position: 50% center; }
.menu-yeni-hero__kolaj figure:hover img { transform: scale(1.035); filter: saturate(1.05); }
.menu-yeni-hero__kolaj figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 1.5rem 1.25rem 1rem;
  background: linear-gradient(0deg, rgba(7,22,12,.72), transparent);
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.menu-yeni-filtre {
  position: sticky;
  top: 4.85rem;
  z-index: 40;
  background: rgba(247,243,231,.94);
  border-block: 1px solid var(--kagit-cizgi);
  backdrop-filter: blur(12px);
}
.menu-yeni-filtre .kategoriler {
  flex-wrap: nowrap;
  justify-content: center;
  gap: .3rem;
  overflow-x: auto;
  width: calc(100% - 2rem);
  max-width: none;
  margin: 0 auto;
  padding-block: .8rem;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.menu-yeni-filtre .kategoriler::-webkit-scrollbar { display: none; }
.menu-yeni-filtre .kategori {
  flex: 0 0 auto;
  padding: .56rem .82rem;
  border-color: transparent;
  color: #5b564e;
  font-size: .7rem;
  letter-spacing: .08em;
}
.menu-yeni-filtre .kategori:hover { background: var(--kagit-koyu); }
.menu-yeni-filtre .kategori[aria-pressed="true"] {
  background: var(--yesil-koyu);
  border-color: var(--yesil-koyu);
  color: var(--kagit);
}

.menu-yeni-katalog {
  padding: clamp(5rem, 10vw, 9rem) 0;
  scroll-margin-top: 10rem;
  background:
    radial-gradient(circle at 85% 6%, rgba(65,151,69,.12), transparent 24%),
    #0b3019;
  color: var(--kagit);
}
.menu-yeni-katalog .menu-yeni-etiket { color: var(--safran-acik); }
.menu-yeni-katalog__baslik {
  display: grid;
  grid-template-columns: 1fr minmax(18rem, .62fr);
  gap: clamp(2rem, 8vw, 8rem);
  align-items: end;
  margin-bottom: clamp(3.5rem, 7vw, 6rem);
}
.menu-yeni-katalog h2,
.menu-yeni-cta h2 {
  color: var(--kagit);
  font-size: clamp(3.2rem, 5.6vw, 6rem);
  line-height: .93;
  letter-spacing: -.05em;
}
.menu-yeni-katalog h2 {
  font-size: clamp(2.5rem, 3.8vw, 4.2rem);
  line-height: .98;
}
.menu-yeni-katalog h2 em { color: var(--safran-acik); }
.menu-yeni-katalog__baslik > p {
  margin: 0;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.62);
  line-height: 1.7;
}

.menu-yeni-urunler {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2.5rem, 5vw, 4.75rem) clamp(1.25rem, 2.8vw, 2.5rem);
}
.menu-yeni-urun { gap: 1.15rem; }
.menu-yeni-urun .urun__cerceve {
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border-radius: 0;
  background: var(--kagit-koyu);
}
.menu-yeni-urun .urun__cerceve::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(255,255,255,.12);
  pointer-events: none;
}
.menu-yeni-urun .urun__cerceve img {
  transform: scale(var(--menu-urun-yakin, 1));
  filter: saturate(.94) contrast(1.02);
}
.menu-yeni-urun:hover .urun__cerceve img {
  transform: scale(var(--menu-urun-yakin-hover, 1.035));
  filter: saturate(1.03) contrast(1.02);
}
.menu-yeni-urun[data-urun="tavuksuyu-corba-2"],
.menu-yeni-urun[data-urun="mercimek-corbasi"],
.menu-yeni-urun[data-urun="spesiyal-corba"] {
  --menu-urun-yakin: 1.36;
  --menu-urun-yakin-hover: 1.41;
}
.menu-yeni-urun[data-urun="yeşilsalata"] {
  --menu-urun-yakin: 1.12;
  --menu-urun-yakin-hover: 1.17;
}
.menu-yeni-urun[data-urun="zeytinyagli-enginar"] {
  --menu-urun-yakin: 1.28;
  --menu-urun-yakin-hover: 1.33;
}
.menu-yeni-urun[data-urun="izgara-kofte"],
.menu-yeni-urun[data-urun="kasarli-kofte"],
.menu-yeni-urun[data-urun="karisik-kofte"] {
  --menu-urun-yakin: 1.18;
  --menu-urun-yakin-hover: 1.23;
}
.menu-yeni-urun[data-urun="pideli-kofte"] {
  --menu-urun-yakin: 1.08;
  --menu-urun-yakin-hover: 1.13;
}
.menu-yeni-urun[data-urun="bursa-doneri"] {
  --menu-urun-yakin: 1.3;
  --menu-urun-yakin-hover: 1.35;
}
.menu-yeni-urun[data-urun="cocuk-menusu"] {
  --menu-urun-yakin: 1.15;
  --menu-urun-yakin-hover: 1.2;
}
.menu-yeni-urun[data-urun="sutlu-tel-kadayif"] {
  --menu-urun-yakin: 1.3;
  --menu-urun-yakin-hover: 1.35;
}
.menu-yeni-urun__no {
  position: absolute;
  z-index: 2;
  right: .75rem;
  bottom: .75rem;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  background: rgba(11,48,25,.9);
  color: var(--safran-acik) !important;
  font-family: var(--f-baslik);
  font-size: .7rem !important;
  letter-spacing: 0 !important;
}
.menu-yeni-urun__bilgi {
  position: relative;
  padding: 0 0 0 1rem;
  border-left: 1px solid rgba(240,223,168,.4);
}
.menu-yeni-urun__bilgi > span {
  display: block;
  margin-bottom: .35rem;
  color: var(--safran-acik);
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.menu-yeni-urun .urun__ad {
  color: var(--kagit);
  font-family: var(--f-baslik);
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  font-weight: 600;
  line-height: 1.15;
}
.menu-yeni-urun .urun__aciklama { margin-top: .55rem; color: rgba(255,255,255,.52); }

.menu-yeni-cta {
  overflow: hidden;
  padding: clamp(4.5rem, 8vw, 7.5rem) 0;
  background: var(--safran);
  color: var(--murekkep);
}
.menu-yeni-cta__ic {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr) minmax(21rem, .72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.menu-yeni-cta__ic > img {
  width: 7rem;
  height: auto;
  opacity: .85;
  filter: brightness(0) saturate(100%) invert(16%) sepia(18%) saturate(1334%) hue-rotate(82deg) brightness(90%);
}
.menu-yeni-cta .menu-yeni-etiket { color: #604a09; }
.menu-yeni-cta h2 { color: var(--murekkep); }
.menu-yeni-cta h2 em { color: var(--yesil-koyu); }
.menu-yeni-cta__aksiyon { padding-left: clamp(1.5rem, 4vw, 3.5rem); border-left: 1px solid rgba(35,31,32,.25); }
.menu-yeni-cta__aksiyon > p { margin: 0 0 1.4rem; }
.menu-yeni-cta__aksiyon > div { display: flex; flex-wrap: wrap; gap: .7rem; }
.menu-yeni-cta .dugme--cizgi { border-color: rgba(35,31,32,.4); }

@media (max-width: 1050px) {
  .menu-yeni-hero__ic { grid-template-columns: 1fr; }
  .menu-yeni-hero__yazi { max-width: 42rem; }
  .menu-yeni-hero__kolaj { min-height: 34rem; }
  .menu-yeni-urunler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .menu-yeni-cta__ic { grid-template-columns: 6rem 1fr; }
  .menu-yeni-cta__aksiyon { grid-column: 2; padding: 1.75rem 0 0; border-left: 0; border-top: 1px solid rgba(35,31,32,.25); }
}

@media (max-width: 1700px) {
  .menu-yeni-filtre .kategoriler { justify-content: flex-start; }
}

@media (max-width: 720px) {
  .menu-yeni-filtre { top: 4.4rem; }
  .menu-yeni-filtre .kategoriler {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    width: calc(100% - 2.5rem);
    max-width: var(--en);
  }
  .menu-yeni-hero h1 { font-size: clamp(3.8rem, 17vw, 5.4rem); }
  .menu-yeni-hero__kolaj {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 2fr 1fr;
    min-height: 31rem;
  }
  .menu-yeni-hero__ana-gorsel { grid-column: 1 / -1; grid-row: auto; }
  .menu-yeni-katalog__baslik { grid-template-columns: 1fr; }
  .menu-yeni-urunler { grid-template-columns: 1fr; gap-block: 3rem; }
  .menu-yeni-cta__ic { grid-template-columns: 1fr; }
  .menu-yeni-cta__ic > img { width: 5rem; }
  .menu-yeni-cta__aksiyon { grid-column: auto; }
  .menu-yeni-cta__aksiyon .dugme { flex: 1; justify-content: center; min-width: 9rem; }
}

@media (max-width: 420px) {
  .menu-yeni-hero__kolaj { min-height: 27rem; }
  .menu-yeni-filtre .kategori { padding-inline: .85rem; }
  .menu-yeni-cta__aksiyon > div { display: grid; }
}