/* ===== menü panosu: her zaman resimli (menu.js) ===== */
.mn { position: absolute; inset: 0; overflow: hidden; background: #0B1D33; }
.mn-katman { position: absolute; inset: 0; overflow: hidden; }
.mn-foto, .mn-foto img, .mn-yt { position: absolute; inset: 0; width: 100%; height: 100%; }
.mn-foto img { object-fit: cover; display: block; }
.mn-yt { display: grid; place-items: center; background: radial-gradient(80% 80% at 30% 20%, hsl(var(--h) 55% 46%), hsl(calc(var(--h) + 28) 55% 20%)); }
.mn-yt::before { content: ""; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 22px); }
.mn-yt b { position: relative; font: 800 clamp(80px, 22vw, 380px)/1 "Barlow Condensed", sans-serif; color: rgba(255,255,255,.88); text-shadow: 0 10px 0 rgba(0,0,0,.18); }

/* pano sayfası */
.mn-sayfa { display: flex; flex-direction: column; padding: clamp(10px, 1.6vw, 28px); gap: clamp(8px, 1.2vw, 20px); background: #0B1D33; }
.mn-ust { flex: none; display: flex; justify-content: space-between; align-items: baseline; padding: 0 .4vw; }
.mn-ust b { font: 800 clamp(22px, 3vw, 52px)/1 "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .12em; }
.mn-nokta { display: inline-flex; gap: 8px; } .mn-nokta i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.25); } .mn-nokta i.on { background: var(--kehribar); }
.mn-izgara { flex: 1; min-height: 0; display: grid; gap: clamp(8px, 1.2vw, 20px); grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); }
.mn-sayfa.dikey .mn-izgara { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); }
.mn-kart { container-type: inline-size; position: relative; overflow: hidden; border-radius: clamp(10px, 1.2vw, 22px); background: #13304F; box-shadow: 0 18px 30px -18px rgba(0,0,0,.8); transform-origin: 50% 0; animation: kart-gir .9s var(--ease) both; animation-delay: calc(var(--i) * 110ms); }
.mn-kart .mn-foto { animation: kb-kart 16s ease-in-out infinite alternate; transform-origin: var(--ox) var(--oy); }
@keyframes kart-gir { from { opacity: 0; transform: perspective(900px) rotateX(-70deg) translateY(-6%); } to { opacity: 1; transform: none; } }
@keyframes kb-kart { from { transform: scale(1.02); } to { transform: scale(1.14); } }
.mn-gol { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,20,36,.55) 0%, transparent 28%, transparent 48%, rgba(8,20,36,.92) 100%); }
.mn-kat { position: absolute; left: 4%; top: 5%; padding: .25em .6em; font: 800 clamp(11px, 1.1vw, 20px)/1 "Barlow Condensed", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #3b2306; background: var(--kehribar); border-radius: 4px; box-shadow: 0 3px 0 rgba(0,0,0,.25); }
.mn-alt { position: absolute; left: 4%; right: 4%; bottom: 5%; display: flex; align-items: flex-end; justify-content: space-between; gap: 3%; }
.mn-kart h3 { flex: 1 1 auto; min-width: 0; margin: 0; font: 800 clamp(15px, 9cqw, 42px)/1.02 "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .04em; text-shadow: 0 2px 0 rgba(0,0,0,.45); text-wrap: balance; overflow-wrap: break-word; hyphens: auto; }
.mn-fiyat { flex: none; transform: rotate(-6deg); animation: damga-in .6s cubic-bezier(.2,1.6,.4,1) both; animation-delay: calc(var(--i) * 110ms + 700ms); }
.mn-fiyat b { display: block; padding: .14em .45em; font: 800 clamp(14px, 8.5cqw, 40px)/1 "Barlow Condensed", sans-serif; letter-spacing: .05em; color: #112A4A; background: #fff; border: .09em solid var(--kehribar); border-radius: 6px; box-shadow: 0 6px 0 -2px rgba(0,0,0,.35); font-variant-numeric: tabular-nums; white-space: nowrap; }
@keyframes damga-in { from { opacity: 0; transform: rotate(-22deg) scale(2.4); } to { opacity: 1; transform: rotate(-6deg) scale(1); } }
.mn-kart.tuk .mn-foto { filter: grayscale(1) brightness(.7); }
.mn-tuk { flex: none; font: 800 clamp(16px, 1.8vw, 32px)/1 "Barlow Condensed", sans-serif; letter-spacing: .1em; text-transform: uppercase; padding: .2em .5em; border: 3px solid var(--hata); color: var(--hata); background: rgba(255,255,255,.9); border-radius: 4px; transform: rotate(-6deg); font-style: normal; }

/* tek ürün vitrini */
.mn-tek { background: #0B1D33; color: #fff; }
.mn-tf { animation: kb-tek calc(var(--ms) + 1800ms) linear both; transform-origin: var(--ox) var(--oy); }
@keyframes kb-tek { from { transform: scale(1.02) translate(0, 0); } to { transform: scale(1.18) translate(var(--tx), var(--ty)); } }
.mn-perde { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,16,30,.92) 0%, rgba(6,16,30,.72) 34%, rgba(6,16,30,.1) 70%, transparent 100%), linear-gradient(0deg, rgba(6,16,30,.85) 0%, transparent 38%); }
.mn-tek.dikey .mn-perde { background: linear-gradient(0deg, rgba(6,16,30,.95) 0%, rgba(6,16,30,.75) 38%, transparent 70%); }
.mn-bokeh { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mn-bokeh i { position: absolute; left: var(--x); bottom: -20%; width: var(--w); height: var(--w); border-radius: 50%; background: radial-gradient(circle, rgba(255,214,150,.35), rgba(255,214,150,0) 70%); animation: bokeh var(--d) linear infinite; animation-delay: var(--g); }
@keyframes bokeh { from { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } to { transform: translateY(-140vh); opacity: 0; } }
.mn-ic { position: absolute; left: clamp(24px, 5vw, 110px); bottom: clamp(60px, 11vh, 150px); max-width: 54%; }
.mn-tek.dikey .mn-ic { max-width: 90%; left: 6%; right: 6%; bottom: 18%; }
.mn-tkat { display: inline-block; padding: .3em .8em; font: 800 clamp(16px, 2vw, 38px)/1 "Barlow Condensed", sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #3b2306; background: var(--kehribar); border-radius: 4px; box-shadow: 0 5px 0 rgba(0,0,0,.3); transform-origin: left; animation: kat-gir .7s var(--ease) .35s both; }
@keyframes kat-gir { from { opacity: 0; transform: translateX(-60px) scaleX(.4); } to { opacity: 1; transform: none; } }
.mn-tad { margin: .15em 0 0; font: 800 clamp(48px, 9vw, 190px)/.95 "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .02em; text-shadow: 0 2px 0 rgba(17,42,74,.6), 0 8px 30px rgba(0,0,0,.6); text-wrap: balance; }
.mn-tad .kelime { display: inline-block; white-space: nowrap; max-width: 100%; }
.mn-tad .bosluk { display: inline-block; width: .3em; }
.mn-tad .h { display: inline-block; animation: harf-in-tek .8s var(--ease) both; animation-delay: calc(.55s + var(--i) * 38ms); }
@keyframes harf-in-tek { from { opacity: 0; transform: translateY(-.7em) rotateX(80deg); } to { opacity: 1; transform: none; } }
.mn-tac { margin: .6em 0 0; max-width: 32em; font-size: clamp(17px, 2vw, 36px); line-height: 1.4; color: #E2EAF4; animation: yaz-gir .9s var(--ease) 1.5s both; }
@keyframes yaz-gir { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.mn-tfiyat { position: absolute; right: clamp(24px, 6vw, 120px); top: 9%; transform: rotate(-8deg); animation: damga-tek .7s cubic-bezier(.2,1.6,.4,1) 1.3s both; }
.mn-tek.dikey .mn-tfiyat { top: 5%; right: 6%; }
.mn-tfiyat b { position: relative; display: block; overflow: hidden; padding: .1em .45em; font: 800 clamp(56px, 9vw, 200px)/1 "Barlow Condensed", sans-serif; letter-spacing: .04em; color: #112A4A; background: #fff; border: .07em solid var(--kehribar); border-radius: 14px; box-shadow: 0 14px 0 -4px rgba(0,0,0,.4), 0 30px 60px -20px rgba(0,0,0,.7); font-variant-numeric: tabular-nums; }
.mn-tfiyat b::after { content: ""; position: absolute; top: 0; bottom: 0; width: 30%; left: -40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.85), transparent); transform: skewX(-18deg); animation: parilti 2.4s ease-in-out 2.1s infinite; }
@keyframes damga-tek { 0% { opacity: 0; transform: rotate(-26deg) scale(3); } 70% { opacity: 1; transform: rotate(-6deg) scale(.94); } 100% { opacity: 1; transform: rotate(-8deg) scale(1); } }
@keyframes parilti { 0%, 60% { left: -40%; } 100% { left: 140%; } }
.mn-talt { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 14px clamp(24px, 5vw, 110px) 18px; font: 800 clamp(14px, 1.5vw, 26px)/1 "Barlow Condensed", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.mn-ilerle { position: absolute; left: 0; bottom: 0; height: 6px; width: 100%; background: var(--kehribar); transform-origin: left; animation: ilerle var(--ms) linear both; }
@keyframes ilerle { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .mn-kart, .mn-kart .mn-foto, .mn-tf, .mn-fiyat, .mn-tfiyat, .mn-tfiyat b::after, .mn-tkat, .mn-tad .h, .mn-tac, .mn-bokeh i, .mn-ilerle { animation: none; } }

/* ===== çok dilli gösterim: Solari tabelası, dil bandı, selamlama, yazı sistemleri ===== */
.sf { display: inline-block; transform-origin: 50% 50%; animation: flap .12s linear; backface-visibility: hidden; }
@keyframes flap { from { transform: rotateX(88deg); opacity: .25; } to { transform: none; opacity: 1; } }
.mn-karsi { flex: 1; text-align: center; font: 700 clamp(14px, 1.8vw, 30px)/1 "Barlow Condensed", sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--kehribar); padding: 0 12px; }
.mn-ust { gap: 14px; }
.mn-dilbant { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.mn-dilbant i { font-style: normal; padding: .35em .7em; font: 700 clamp(11px, 1.05vw, 18px)/1 "Segoe UI", system-ui, sans-serif; letter-spacing: .04em; color: rgba(255,255,255,.55); border: 1.5px solid rgba(255,255,255,.2); border-radius: 999px; transition: background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease); white-space: nowrap; }
.mn-dilbant i.on { color: #3b2306; background: var(--kehribar); border-color: var(--kehribar); transform: scale(1.08); }
.mn-talt .mn-dilbant { flex: 1; justify-content: center; }
.mn-tek.yatay .mn-ic { width: 54%; }
.mn-tek[dir="rtl"] .mn-ic { text-align: right; }
.mn-tek[dir="rtl"] .mn-tkat { transform-origin: right; }
.mn-sayfa[dir="rtl"] .mn-kart h3 { text-align: right; }

/* yazı sistemleri: Arapça/Farsça bitişik yazılır (harf aralığı ve büyük harf YOK), Kiril ve Çince için uygun yedek yazı tipleri */
.mn-l-ar .mn-tad, .mn-l-ar .mn-tkat, .mn-l-ar .mn-tac, .mn-l-ar .mn-sonraki, .mn-l-ar h3, .mn-l-ar .mn-kat, .mn-l-ar .mn-karsi, .mn-l-ar .mn-tuk,
.mn-l-fa .mn-tad, .mn-l-fa .mn-tkat, .mn-l-fa .mn-tac, .mn-l-fa .mn-sonraki, .mn-l-fa h3, .mn-l-fa .mn-kat, .mn-l-fa .mn-karsi, .mn-l-fa .mn-tuk { font-family: "Segoe UI", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, sans-serif; letter-spacing: 0; text-transform: none; font-weight: 800; }
.mn-l-ar .mn-tad, .mn-l-fa .mn-tad { line-height: 1.25; }
.mn-l-ru .mn-tad, .mn-l-ru .mn-tkat, .mn-l-ru h3, .mn-l-ru .mn-kat, .mn-l-ru .mn-karsi, .mn-l-ru .mn-sonraki { font-family: "Roboto Condensed", "Arial Narrow", "Segoe UI", sans-serif; font-weight: 800; }
.mn-l-zh .mn-tad, .mn-l-zh .mn-tkat, .mn-l-zh .mn-tac, .mn-l-zh h3, .mn-l-zh .mn-kat, .mn-l-zh .mn-karsi, .mn-l-zh .mn-sonraki { font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif; letter-spacing: .02em; font-weight: 800; }
.mn-l-zh .mn-tad { line-height: 1.15; }
@media (prefers-reduced-motion: reduce) { .sf { animation: none; } .mn-dilbant i { transition: none; } }
.mn-kart h3 .kelime { display: inline-block; white-space: nowrap; max-width: 100%; }
.mn-kart h3 .bosluk { display: inline-block; width: .28em; }
.sf.g { visibility: hidden; }
.mn-talt { direction: ltr; }
.mn-sonraki { unicode-bidi: plaintext; }
.mn-sira { direction: ltr; unicode-bidi: isolate; }
.mn-talt { flex-wrap: wrap; row-gap: 8px; }
.mn-sonraki { max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-tek.dikey .mn-sonraki { display: none; }
.mn-tek.dikey .mn-talt .mn-dilbant { flex: 1 1 60%; }