/* Kuzubeyi QR Menü — müşteri arayüzü (v2)
   Siyah logo bandı, beyaz içerik, altın vurgu */

:root {
  --beyaz: #ffffff;
  --siyah: #000000;
  --bant: #0b0b0a;
  --murekkep: #1c1b19;
  --gri: #6d685f;
  --gri-acik: #f6f4ef;
  --cizgi: #e9e4d9;
  --altin: #b08a3e;
  --altin-koyu: #8a6824;
  --altin-acik: #efe4c8;
  --serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --sans: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nav-h: 58px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 12px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0; min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column;
  font-family: var(--sans); font-size: 16px; line-height: 1.5;
  color: var(--murekkep); background: var(--beyaz);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; }

/* ---------- Siyah logo bandı ---------- */
.bant { background: var(--bant); color: var(--beyaz); padding-top: env(safe-area-inset-top, 0px); }
.bant-ic {
  max-width: 1040px; margin: 0 auto; height: 84px; padding: 0 12px;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px;
}
.bant-geri, .bant-bosluk { justify-self: start; }
.bant-ic--orta { grid-template-columns: 1fr; justify-items: center; height: 112px; }
.bant-logo { justify-self: center; display: block; }
.bant-logo img { height: 52px; width: auto; }
.bant-ic--orta .bant-logo img { height: 70px; }
.bant-geri {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  color: var(--beyaz); text-decoration: none;
}
.bant-geri svg { width: 24px; height: 24px; }
.bant-geri:hover { color: var(--altin); }
.bant-dil {
  justify-self: end; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 9px;
  color: var(--beyaz); text-decoration: none; font-size: .78rem; font-weight: 600; letter-spacing: .04em;
  border: 1px solid rgba(255,255,255,.28);
}
.bant-dil img { width: 22px; height: 16px; object-fit: cover; }
.bant-dil:hover { border-color: var(--altin); color: var(--altin); }

/* ---------- Ortak sayfa başlığı ---------- */
.sayfa-baslik {
  font-family: var(--serif); font-weight: 600; font-size: clamp(2.4rem, 8vw, 3.2rem); line-height: 1;
  color: var(--siyah); margin: 0; text-align: center;
}
.sayfa-alt { text-align: center; color: var(--gri); margin: 12px 0 0; }
.uyari { background: var(--altin-acik); color: var(--murekkep); padding: 12px 16px; margin: 20px 0 0; text-align: center; }
.bos { color: var(--gri); text-align: center; }

/* ================= DİL SEÇİMİ ================= */
.dil-secim { flex: 1; width: 100%; max-width: 760px; margin: 0 auto; padding: 40px 18px 40px; }
.dil-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 30px; }
@media (min-width: 620px) { .dil-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.dil-kart {
  display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 14px;
  text-decoration: none; color: var(--murekkep); background: var(--beyaz); border: 1px solid var(--cizgi);
  transition: border-color .15s, background-color .15s;
}
.dil-kart:hover { border-color: var(--siyah); }
.dil-kart.secili { border-color: var(--altin); box-shadow: inset 0 0 0 1px var(--altin); }
.dil-bayrak { width: 34px; height: 25px; object-fit: cover; flex: 0 0 auto; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.dil-ad { font-weight: 500; font-size: 1.02rem; line-height: 1.2; }
.dil-ad[dir="rtl"] { font-family: "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif; }

/* ================= LOKASYON SEÇİMİ ================= */
.secim { flex: 1; width: 100%; max-width: 1040px; margin: 0 auto; padding: 44px 18px 40px; }
.lok-kartlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 32px; }
@media (min-width: 720px) { .lok-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; } }

.lok-kart {
  display: flex; flex-direction: column; text-decoration: none; color: var(--murekkep);
  background: var(--beyaz); border: 1px solid var(--cizgi);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.lok-kart:hover { border-color: var(--altin); box-shadow: 0 10px 28px rgba(0,0,0,.08); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .lok-kart, .lok-kart:hover { transition: none; transform: none; } }

.lok-gorsel { aspect-ratio: 16 / 9; overflow: hidden; background: var(--bant); display: flex; align-items: center; justify-content: center; }
.lok-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.lok-kart:hover .lok-gorsel img { transform: scale(1.03); }
.lok-gorsel--bos img.lok-amblem { width: 62%; height: auto; object-fit: contain; }
.lok-kart:hover .lok-gorsel--bos img { transform: none; }

.lok-govde { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 22px 18px 24px; gap: 4px; }
.lok-ad { font-family: var(--serif); font-weight: 700; font-size: 1.9rem; line-height: 1.1; letter-spacing: .06em; color: var(--siyah); }
.lok-not { color: var(--gri); font-size: .95rem; }
.lok-cta {
  margin-top: 12px; font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 1.15rem;
  color: var(--altin-koyu); border-bottom: 1px solid var(--altin); padding-bottom: 1px;
}
.lok-cta span { display: inline-block; transition: transform .2s; }
.lok-kart:hover .lok-cta span { transform: translateX(4px); }

/* ================= MENÜ ================= */
.lok-serit {
  max-width: 1040px; width: 100%; margin: 0 auto; padding: 26px 18px 18px;
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.lok-serit-ad {
  margin: 0; font-family: var(--serif); font-weight: 700; font-size: clamp(1.9rem, 7vw, 2.6rem); line-height: 1.05;
  letter-spacing: .05em; color: var(--siyah);
}
.lok-serit-ad span { font-weight: 500; font-style: italic; letter-spacing: 0; color: var(--altin-koyu); }
.lok-serit-link { font-size: .9rem; color: var(--gri); text-underline-offset: 3px; }
.lok-serit-link:hover { color: var(--altin-koyu); }

.kat-nav {
  position: sticky; top: 0; z-index: 20;
  background: rgba(255,255,255,.97); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi);
}
.kat-nav-ic {
  max-width: 1040px; margin: 0 auto; height: var(--nav-h); padding: 0 14px;
  display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.kat-nav-ic::-webkit-scrollbar { display: none; }
.kat-link {
  flex: 0 0 auto; white-space: nowrap; text-decoration: none;
  padding: 8px 16px; font-size: .92rem; font-weight: 500; color: var(--murekkep);
  border: 1px solid var(--cizgi); background: var(--beyaz);
  transition: background-color .15s, color .15s, border-color .15s;
}
.kat-link:hover { border-color: var(--siyah); }
.kat-link.aktif { background: var(--siyah); border-color: var(--siyah); color: var(--beyaz); }
.kat-link--sef { color: var(--altin-koyu); border-color: var(--altin-acik); }
.kat-link--sef.aktif { background: var(--siyah); color: var(--altin); }

.menu { flex: 1; width: 100%; max-width: 1040px; margin: 0 auto; padding: 22px 18px 24px; }

.ara { position: relative; margin: 0 0 26px; }
.ara svg { position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--gri); }
.ara input {
  width: 100%; height: 48px; padding: 0 16px 0 44px; font: inherit; color: var(--murekkep);
  background: var(--gri-acik); border: 1px solid transparent; border-radius: 0;
  -webkit-appearance: none; appearance: none;
}
.ara input:focus { outline: none; background: var(--beyaz); border-color: var(--altin); box-shadow: 0 0 0 3px rgba(176,138,62,.16); }
.ara-sonuc { text-align: center; color: var(--gri); padding: 24px 0; }

.bolum-baslik {
  display: flex; align-items: center; gap: 14px;
  font-family: var(--serif); font-weight: 700; font-size: 1.9rem; line-height: 1.1; color: var(--siyah);
  margin: 0 0 8px;
}
.bolum-baslik::after { content: ""; flex: 1; height: 1px; background: var(--altin); opacity: .6; }
.bolum-baslik .yildiz { color: var(--altin); }

/* Şefin tavsiyesi */
.sef { margin-bottom: 38px; }
.sef-serit {
  display: flex; gap: 14px; overflow-x: auto; padding: 8px 0 4px; margin: 0 -18px; padding-left: 18px; padding-right: 18px;
  scroll-snap-type: x mandatory; scroll-padding-inline: 18px; scrollbar-width: none;
}
.sef-serit::-webkit-scrollbar { display: none; }
.sef-kart {
  flex: 0 0 auto; width: 210px; scroll-snap-align: start; cursor: pointer; text-align: left;
  background: var(--bant); color: var(--beyaz); border: 0; padding: 0; display: flex; flex-direction: column;
}
.sef-gorsel { aspect-ratio: 4 / 3; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #191816; }
.sef-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sef-gorsel .gorsel-yok { width: 42%; height: auto; filter: invert(1); opacity: .5; }
.sef-metin { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 2px; border-top: 2px solid var(--altin); }
.sef-ad { font-family: var(--serif); font-weight: 600; font-size: 1.2rem; line-height: 1.2; }
.sef-fiyat { color: var(--altin); font-weight: 500; }

/* Kategori ve ürünler */
.kategori { margin-bottom: 34px; }
.urunler { list-style: none; margin: 0; padding: 0; }
.urun { border-bottom: 1px solid var(--cizgi); }
.urun-btn {
  width: 100%; display: flex; gap: 16px; align-items: flex-start;
  padding: 18px 0; background: none; border: 0; text-align: left; cursor: pointer;
}
.urun-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.urun-ad { font-family: var(--serif); font-weight: 700; font-size: 1.35rem; line-height: 1.2; color: var(--siyah); }
.urun-aciklama {
  font-size: .92rem; color: var(--gri); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.urun-bilgi { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: .8rem; color: var(--gri); }
.urun-bilgi span + span::before { content: "·"; color: var(--altin); font-weight: 700; margin: 0 8px; }
.urun-alt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-top: 6px; }
.urun-fiyat { font-weight: 600; font-size: 1.1rem; color: var(--siyah); }
.urun-siparis { font-size: .8rem; color: var(--altin-koyu); }

.urun-gorsel {
  flex: 0 0 auto; width: 108px; height: 108px; overflow: hidden;
  display: flex; align-items: center; justify-content: center; background: var(--gri-acik);
}
.urun-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.urun-gorsel .gorsel-yok, .urun-gorsel--bos img { width: 54%; height: auto; object-fit: contain; opacity: .18; }

.rozet-sef {
  display: inline-block; font-size: .68rem; font-weight: 600; letter-spacing: .04em;
  color: var(--altin); background: var(--siyah); padding: 4px 8px 3px; margin: 0 0 2px;
}

.urun[hidden], .kategori[hidden], .sef[hidden], .rozet-sef[hidden], .detay-degerler[hidden], .detay-aciklama[hidden] { display: none; }

@media (min-width: 760px) {
  .urunler { display: grid; grid-template-columns: 1fr 1fr; column-gap: 44px; }
  .urun-gorsel { width: 124px; height: 124px; }
  .sef-kart { width: 240px; }
  .sef-serit { margin: 0; padding-left: 0; padding-right: 0; scroll-padding-inline: 0; }
}

.menu-not { font-size: .82rem; color: var(--gri); text-align: center; margin: 28px 0 0; }
.bos-durum { text-align: center; padding: 60px 16px; color: var(--gri); }
.bos-amblem { width: 96px; margin: 0 auto 14px; opacity: .25; }

/* ---------- Alt bilgi ---------- */
.dip {
  margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;
  padding: 26px 16px calc(26px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--cizgi); font-size: .85rem; color: var(--gri);
}
.dip-slogan { font-family: var(--serif); font-style: italic; font-size: 1.1rem; color: var(--altin-koyu); }

/* ================= ÜRÜN DETAY ================= */
.detay { position: fixed; inset: 0; z-index: 50; display: flex; align-items: flex-end; justify-content: center; }
.detay[hidden] { display: none; }
.detay-perde { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.detay-kutu {
  position: relative; width: 100%; max-width: 560px; max-height: 92vh; max-height: 92dvh; overflow-y: auto;
  background: var(--beyaz); padding-bottom: env(safe-area-inset-bottom, 0px);
  animation: yukari .24s ease-out;
}
@keyframes yukari { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .detay-kutu { animation: none; } }
@media (min-width: 760px) { .detay { align-items: center; } }
.detay-kapat {
  position: absolute; top: 12px; right: 12px; z-index: 2; width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  background: var(--beyaz); border: 0; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
.detay-kapat svg { width: 20px; height: 20px; }
.detay-gorsel { aspect-ratio: 4 / 3; background: var(--bant); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.detay-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.detay-gorsel .gorsel-yok { width: 32%; height: auto; object-fit: contain; filter: invert(1); opacity: .45; }
.detay-icerik { padding: 22px 22px 26px; border-top: 3px solid var(--altin); }
.detay-icerik .rozet-sef { margin: 0 0 10px; }
.detay-ad { font-family: var(--serif); font-weight: 700; font-size: 2rem; line-height: 1.1; margin: 0 0 10px; color: var(--siyah); }
.detay-aciklama { margin: 0 0 18px; line-height: 1.6; }
.detay-degerler { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 20px; background: var(--gri-acik); }
.detay-degerler div { padding: 12px 6px; text-align: center; }
.detay-degerler div + div { border-left: 1px solid var(--cizgi); }
.detay-degerler dt { font-size: .76rem; color: var(--gri); }
.detay-degerler dd { margin: 2px 0 0; font-weight: 600; font-size: 1.05rem; color: var(--siyah); }
.detay-alt { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.detay-fiyat { font-family: var(--serif); font-weight: 700; font-size: 2rem; color: var(--siyah); }
body.kilitli { overflow: hidden; }

/* ================= SAĞDAN SOLA (Arapça, Farsça) ================= */
html[lang="ar"], html[lang="fa"] {
  --serif: "Noto Naskh Arabic", "Cormorant Garamond", Tahoma, serif;
  --sans: "Noto Naskh Arabic", "Jost", Tahoma, sans-serif;
}
[dir="rtl"] .bant-geri svg { transform: scaleX(-1); }
[dir="rtl"] .lok-cta .ok { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .lok-kart:hover .lok-cta .ok { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .ara svg { left: auto; right: 14px; }
[dir="rtl"] .ara input { padding: 0 44px 0 16px; }
[dir="rtl"] .urun-btn, [dir="rtl"] .sef-kart { text-align: right; }
[dir="rtl"] .detay-kapat { right: auto; left: 12px; }
[dir="rtl"] .detay-degerler div + div { border-left: 0; border-right: 1px solid var(--cizgi); }
[dir="rtl"] .lok-serit-ad, [dir="rtl"] .lok-ad, [dir="rtl"] .rozet-sef { letter-spacing: 0; }
[dir="rtl"] .urun-fiyat, [dir="rtl"] .sef-fiyat, [dir="rtl"] .detay-fiyat { unicode-bidi: isolate; }

/* Çince, Japonca, Korece: harf aralığı kapalı, sistem yazı tipi */
html[lang="zh"], html[lang="ja"], html[lang="ko"] {
  --serif: "Cormorant Garamond", "Noto Serif CJK SC", "Songti SC", "Yu Mincho", "Batang", serif;
}
html[lang="zh"] .lok-serit-ad, html[lang="ja"] .lok-serit-ad, html[lang="ko"] .lok-serit-ad,
html[lang="zh"] .lok-ad, html[lang="ja"] .lok-ad, html[lang="ko"] .lok-ad { letter-spacing: .02em; }
[dir="rtl"] .lok-serit-ad span, [dir="rtl"] .lok-cta, [dir="rtl"] .dip-slogan { font-style: normal; }

/* ================= KUZU LOKASYON KARTLARI ================= */
.kuzu-kartlar {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; justify-items: center;
  margin-top: 26px;
}
@media (min-width: 720px) { .kuzu-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } }

.kuzu-kart {
  display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 400px;
  text-decoration: none; color: var(--murekkep); -webkit-tap-highlight-color: transparent;
}
.kuzu-sahne { position: relative; display: block; width: 100%; aspect-ratio: 420 / 320; container-type: inline-size; }
.kuzu-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

.kuzu-svg .k-bacak, .kuzu-svg .k-bas { fill: var(--siyah); }
.kuzu-svg .k-kontur { fill: var(--siyah); stroke: var(--siyah); stroke-width: 7; }
.kuzu-svg .k-yun { fill: var(--beyaz); transition: fill .25s; }
.kuzu-svg .k-percem { fill: var(--beyaz); stroke: var(--siyah); stroke-width: 3; transition: fill .25s; }
.kuzu-svg .k-goz { fill: var(--beyaz); }
.kuzu-svg .k-tasma { fill: none; stroke: var(--altin); stroke-width: 5; stroke-linecap: round; }
.kuzu-svg .k-can { fill: var(--altin); }

/* Yazı: kuzunun gövdesinin ortası (sola bakan kuzuda sağda, sağa bakanda solda) */
.kuzu-yazi {
  position: absolute; top: 50%; left: 59.5%; width: 54%;
  transform: translate(-50%, -50%);
  display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; pointer-events: none;
}
.kuzu-kart--sag .kuzu-yazi { left: 40.5%; }
.kuzu-ad {
  font-family: var(--serif); font-weight: 700; line-height: 1.05; color: var(--siyah);
  font-size: clamp(1.1rem, 4.4vw, 1.7rem); font-size: 6.1cqw; letter-spacing: .03em;
  max-width: 100%; overflow-wrap: anywhere;
}
.kuzu-cta {
  font-family: var(--serif); font-style: italic; font-weight: 600; color: var(--altin-koyu);
  font-size: clamp(.85rem, 3vw, 1.05rem); font-size: 4cqw;
  border-bottom: 1px solid var(--altin); padding-bottom: 1px; margin-top: 4px;
}
.kuzu-cta .ok { display: inline-block; transition: transform .2s; }
.kuzu-not { margin-top: 2px; color: var(--gri); font-size: .9rem; text-align: center; max-width: 34ch; }

/* Dokunma / üzerine gelme: yün altın tonuna döner, kuzu hafifçe zıplar */
.kuzu-kart:hover .k-yun, .kuzu-kart:focus-visible .k-yun,
.kuzu-kart:hover .k-percem, .kuzu-kart:focus-visible .k-percem { fill: #f6ecd2; }
.kuzu-kart:hover .kuzu-sahne, .kuzu-kart:focus-visible .kuzu-sahne { animation: kuzu-zipla .45s ease; }
.kuzu-kart:hover .kuzu-cta .ok { transform: translateX(4px); }
.kuzu-kart:active .k-yun { fill: var(--altin-acik); }
.kuzu-kart:focus-visible { outline: none; }
.kuzu-kart:focus-visible .kuzu-not { outline: 2px solid var(--altin); outline-offset: 4px; }
@keyframes kuzu-zipla { 0%, 100% { transform: none; } 40% { transform: translateY(-6px); } }
@media (prefers-reduced-motion: reduce) {
  .kuzu-kart:hover .kuzu-sahne, .kuzu-kart:focus-visible .kuzu-sahne { animation: none; }
}

/* Sağdan sola dillerde ok yönü */
[dir="rtl"] .kuzu-cta .ok { transform: scaleX(-1); }
[dir="rtl"] .kuzu-kart:hover .kuzu-cta .ok { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .kuzu-ad, [dir="rtl"] .kuzu-cta { letter-spacing: 0; font-style: normal; }

.kuzu-svg .k-yuz { fill: var(--beyaz); }
.kuzu-svg .k-agiz { fill: none; stroke: var(--beyaz); stroke-width: 2.6; stroke-linecap: round; }
.kuzu-svg .k-tasma { stroke-width: 3; }
.kuzu-svg .k-halka { fill: none; stroke: var(--altin); stroke-width: 2.4; }

/* ================= ANA SAYFA VİTRİNİ (lokasyon seçimi) ================= */
.sayfa-secim { background: var(--beyaz); }
.vitrin { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 100vh; min-height: 100dvh; }

.vitrin-dil { position: absolute; top: calc(16px + env(safe-area-inset-top, 0px)); inset-inline-end: 16px; z-index: 5;
  color: var(--siyah); border-color: rgba(0,0,0,.18); background: rgba(255,255,255,.85); }
.vitrin-dil:hover { color: var(--altin-koyu); border-color: var(--altin); }

/* --- Sol: logo, başlık, özellikler, lokasyon bağlantıları --- */
.vitrin-sol {
  display: flex; flex-direction: column; align-items: flex-start;
  padding: calc(34px + env(safe-area-inset-top, 0px)) 24px 30px;
}
.vitrin-logo { display: flex; flex-direction: column; align-items: center; gap: 12px; align-self: center; }
.vitrin-amblem { width: 96px; height: auto; }
.vitrin-kelime { width: 210px; height: auto; }

.vitrin-baslik {
  margin: 26px 0 0; font-family: var(--serif); font-weight: 700; color: var(--siyah);
  font-size: clamp(3.4rem, 15vw, 5.4rem); line-height: .9; letter-spacing: .02em;
}
.vitrin-slogan { margin: 8px 0 0; font-family: var(--serif); font-weight: 500; font-size: 1.45rem; line-height: 1.15; color: #5c5852; }

.vitrin-ozellik { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; width: 100%; }
.vitrin-ozellik li { display: flex; align-items: center; gap: 12px; }
.vitrin-ozellik svg { width: 36px; height: 36px; flex: 0 0 36px; fill: none; stroke: var(--siyah); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.vitrin-ozellik span { font-weight: 500; font-size: .8rem; letter-spacing: .07em; line-height: 1.25; }

.vitrin-lok { width: 100%; margin-top: 28px; }
.vitrin-lok-not { margin: 0 0 6px; color: var(--gri); font-size: .9rem; }
.vitrin-lok-link {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 16px 2px; text-decoration: none; color: var(--siyah);
  border-top: 1px solid var(--siyah);
}
.vitrin-lok-link:last-of-type { border-bottom: 1px solid var(--siyah); }
.vitrin-lok-ad { font-family: var(--serif); font-weight: 700; font-size: clamp(1.7rem, 7.6vw, 2.5rem); line-height: 1; letter-spacing: .07em; }
.vitrin-lok-ok { font-size: 1.6rem; color: var(--altin); transition: transform .2s; }
.vitrin-lok-link:hover .vitrin-lok-ad, .vitrin-lok-link:focus-visible .vitrin-lok-ad { color: var(--altin-koyu); }
.vitrin-lok-link:hover .vitrin-lok-ok { transform: translateX(6px); }
.vitrin-lok-link:active { background: var(--gri-acik); }

.vitrin-imza { margin-top: 26px; display: flex; flex-direction: column; gap: 4px; }
.vitrin-afiyet { font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 1.5rem; color: var(--siyah); }
.vitrin-tuncay { font-size: .82rem; letter-spacing: .14em; color: var(--gri); }

/* --- Sağ: siyah dalga üzerinde tabaklar --- */
.vitrin-sag { position: relative; background: var(--bant); color: var(--beyaz); padding: 30px 20px calc(40px + env(safe-area-inset-bottom, 0px)); }
.vitrin-dalga { display: none; }
.vitrin-dalga-mobil { position: absolute; left: 0; top: -39px; width: 100%; height: 40px; fill: var(--bant); }
.vitrin-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; position: relative; }
.vt { display: flex; align-items: center; gap: 20px; --t: 128px; }
.vt--sag { padding-inline-start: 22px; }
.vt-tabak {
  position: relative; flex: 0 0 var(--t); width: var(--t); height: var(--t); border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #2d2d2d, #080808 70%);
  box-shadow: 0 14px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.07);
}
.vt-tabak img {
  position: absolute; inset: 9%; width: 82%; height: 82%; border-radius: 50%; object-fit: cover;
  box-shadow: 0 0 0 2px rgba(0,0,0,.6), inset 0 6px 16px rgba(0,0,0,.55);
}
.vt-yazi { display: flex; flex-direction: column; min-width: 0; }
.vt-baslik { font-family: var(--serif); font-weight: 700; font-size: 1.45rem; line-height: 1.05; letter-spacing: .05em; }
.vt-cizgi { display: block; width: 40px; height: 2px; background: var(--altin); margin: 9px 0; }
.vt-aciklama { font-size: .86rem; line-height: 1.5; color: #cfcbc3; }

/* --- Geniş ekran: afiş düzeni (solda beyaz, sağda dalgalı siyah alan) --- */
@media (min-width: 900px) {
  .vitrin { grid-template-columns: minmax(380px, 40%) 1fr; }
  .vitrin-dil { color: var(--beyaz); border-color: rgba(255,255,255,.3); background: transparent; }
  .vitrin-dil:hover { color: var(--altin); }
  .vitrin-sol { padding: 6vh 3vw 5vh 6vw; }
  .vitrin-logo { align-self: flex-start; }
  .vitrin-amblem { width: 128px; }
  .vitrin-kelime { width: 270px; }
  .vitrin-logo { align-items: center; }
  .vitrin-baslik { margin-top: 5vh; font-size: clamp(4.5rem, 7vw, 6.6rem); }
  .vitrin-slogan { font-size: clamp(1.5rem, 2.2vw, 2rem); }
  .vitrin-ozellik { grid-template-columns: 1fr; gap: 14px; margin-top: 4.5vh; }
  .vitrin-ozellik svg { width: 44px; height: 44px; flex-basis: 44px; }
  .vitrin-ozellik span { font-size: .95rem; }
  .vitrin-lok { margin-top: 4.5vh; max-width: 420px; }
  .vitrin-lok-ad { font-size: clamp(2rem, 2.6vw, 2.6rem); }
  .vitrin-imza { margin-top: auto; padding-top: 4vh; }

  .vitrin-sag { background: transparent; padding: 4vh 2vw 4vh 0; }
  .vitrin-dalga { display: block; position: absolute; inset: 0; width: 100%; height: 100%; fill: var(--bant); }
  .vitrin-dalga-mobil { display: none; }
  .vitrin-sag::before {           /* tabakların yanındaki baharat serpintisi */
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: url("../img/vitrin/serpme.svg") no-repeat 2% 14% / 120px,
                url("../img/vitrin/serpme.svg") no-repeat 6% 52% / 110px,
                url("../img/vitrin/serpme.svg") no-repeat 1% 88% / 120px;
  }
  .vitrin-liste { height: 100%; justify-content: space-around; gap: 2vh; }
  .vt { --t: clamp(170px, 15vw, 260px); gap: 30px; margin-inline-start: calc(19% - var(--t) / 2); }
  .vt--sag { padding-inline-start: 0; margin-inline-start: calc(26% - var(--t) / 2); }
  .vt-yazi { max-width: 300px; }
  .vt-baslik { font-size: clamp(1.6rem, 2vw, 2.1rem); }
  .vt-aciklama { font-size: .95rem; }
}

/* Sağdan sola dillerde dalga ve oklar */
[dir="rtl"] .vitrin-dalga { transform: scaleX(-1); }
[dir="rtl"] .vitrin-lok-ok { transform: scaleX(-1); }
[dir="rtl"] .vitrin-lok-link:hover .vitrin-lok-ok { transform: scaleX(-1) translateX(6px); }
[dir="rtl"] .vitrin-baslik, [dir="rtl"] .vitrin-lok-ad, [dir="rtl"] .vt-baslik, [dir="rtl"] .vitrin-ozellik span { letter-spacing: 0; }
[dir="rtl"] .vitrin-afiyet { font-style: normal; }