/* Karacan Organizasyon — tema v2 (koyu zemin + altın), 23 Eyl 2026 */
:root { --bg:#f3f4f8; --card:#ffffff; --card2:#eef0f6; --line:#dcdfe9; --text:#151824; --text2:#3a3f52; --muted:#5f6577; --gold:#c99a1e; --gold2:#a87d0e; --wa:#25d366; --r:18px; --golge:rgba(20,24,40,.12); --hero-a:#f7efd6; }
:root[data-tema=koyu] { --bg:#0b0d14; --card:#151824; --card2:#1c2030; --line:#272c3d; --text:#f3f4f8; --text2:#d5d8e3; --muted:#9aa0b4; --gold:#d4a72c; --gold2:#f0c75e; --golge:rgba(0,0,0,.6); --hero-a:#3a2c0c; }
* { box-sizing:border-box; }
html { color-scheme:light; scroll-behavior:smooth; }
html[data-tema=koyu] { color-scheme:dark; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-text-size-adjust:100%; }
a { color:inherit; text-decoration:none; }
h1,h2 { margin:0 0 .3em; line-height:1.15; }
button { font:inherit; }
.ust { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.marka { display:flex; align-items:center; gap:10px; min-width:0; }
.logo { width:44px; height:44px; border-radius:12px; object-fit:contain; background:#fff; padding:4px; flex:none; }
.logo.mono { display:grid; place-items:center; background:linear-gradient(135deg,var(--gold),#8a6512); color:#111; font-weight:800; font-size:22px; padding:0; }
.marka-ad { display:flex; flex-direction:column; min-width:0; }
.marka-ad b { font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.marka-ad small { color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ust-teller { display:flex; flex-direction:column; gap:4px; align-items:flex-end; flex:none; }
.tema-dugme { width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--text); cursor:pointer; font-size:15px; flex:none; margin-left:8px; }
.ust-sag { display:flex; align-items:center; }
.ust-tel { padding:5px 11px; border:1px solid var(--line); border-radius:999px; font-weight:700; font-size:13px; white-space:nowrap; line-height:1.3; }
@media (min-width:720px){ .ust-teller { flex-direction:row; gap:8px; } .ust-tel { padding:8px 12px; font-size:14px; } }
@media (max-width:380px){ .ust-tel { font-size:12px; padding:4px 9px; } .marka-ad small { display:none; } }

main { max-width:1040px; margin:0 auto; padding:16px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:12px; font-weight:700; background:#d4a72c; color:#111; border:0; cursor:pointer; }
.btn.kucuk { align-self:center; margin-top:10px; padding:10px 20px; font-size:15px; }
.btn.buyuk { padding:15px 26px; font-size:17px; border-radius:14px; box-shadow:0 10px 30px rgba(201,154,30,.35); }
.rozet { display:inline-block; padding:4px 10px; border-radius:999px; font-size:13px; font-weight:700; }
.rozet.var { background:#dff5e8; color:#187a44; }
.rozet.yok { background:#fde3e3; color:#b32424; }
:root[data-tema=koyu] .rozet.var { background:#163d2a; color:#5ee0a0; }
:root[data-tema=koyu] .rozet.yok { background:#3d1616; color:#ff8a8a; }

/* Etkinlik listesi */
.hero-liste { padding:28px 0 8px; text-align:center; }
.hero-liste h1 { font-size:30px; }
.hero-liste p { color:var(--muted); margin:0; }
.kartlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,380px)); justify-content:center; gap:18px; padding-top:18px; }
.kart { background:var(--card); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column; transition:transform .15s,border-color .15s; }
.kart:hover { transform:translateY(-2px); border-color:var(--gold); }
.afis { position:relative; aspect-ratio:4/3; background:var(--card2); overflow:hidden; }
.afis img { width:100%; height:100%; object-fit:cover; display:block; }
.afis-bos { width:100%; height:100%; display:grid; place-items:center; background:radial-gradient(circle at 30% 20%,#3b2f0f,#141722 60%); }
.afis-bos span { font-size:40px; font-weight:800; letter-spacing:.04em; color:var(--gold2); text-shadow:0 2px 20px rgba(212,167,44,.4); }
.afis .rozet { position:absolute; left:50%; transform:translateX(-50%); bottom:12px; white-space:nowrap; }
.kart-bilgi { padding:16px 16px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; }
.kart-bilgi h2 { font-size:20px; }
.kart-bilgi p { margin:0; color:var(--muted); font-size:14px; }
.bos-not { color:var(--muted); text-align:center; }

/* Etkinlik: hero */
.etk { padding-top:0; }
.hero { position:relative; margin:0 -16px; padding:18px 16px 26px; overflow:hidden; background:radial-gradient(ellipse at 50% -20%,var(--hero-a),var(--bg) 65%); }
.hero-bg { position:absolute; inset:-40px; background:var(--afis) center/cover no-repeat; filter:blur(30px) saturate(1.1) brightness(1.35); opacity:0; }
:root[data-tema=koyu] .hero-bg { filter:blur(28px) saturate(1.2) brightness(.45); }
.hero.afisli .hero-bg { opacity:.55; }
:root[data-tema=koyu] .hero.afisli .hero-bg { opacity:1; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 65%,transparent) 55%,var(--bg) 88%); pointer-events:none; }
.hero-ic { position:relative; z-index:1; max-width:1008px; margin:0 auto; }
.geri { display:inline-block; color:var(--muted); margin:4px 0 14px; font-size:14px; }
.hero-grid { display:grid; grid-template-columns:1fr; gap:18px; align-items:center; }
@media (min-width:720px){ .hero-grid { grid-template-columns:280px 1fr 190px; gap:28px; } }
.hero-logo-kutu { display:none; }
@media (min-width:720px){ .hero-logo-kutu { display:flex; flex-direction:column; align-items:center; gap:8px; } .hero-logo-kutu small { color:var(--muted); font-size:11px; letter-spacing:.16em; text-transform:uppercase; text-align:center; } }
.hero-logo { width:170px; height:170px; border-radius:50%; object-fit:cover; background:#000; box-shadow:0 0 0 2px rgba(212,167,44,.45), 0 0 46px rgba(212,167,44,.28); }
.hero-logo.mobil { width:110px; height:110px; display:block; margin:0 auto 12px; }
@media (min-width:720px){ .hero-logo.mobil { display:none; } }
.hero-afis { aspect-ratio:3/4; max-width:260px; margin:0 auto; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:0 30px 60px var(--golge); background:var(--card2); }
@media (min-width:720px){ .hero-afis { max-width:none; } }
.hero-afis img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-metin { text-align:center; }
@media (min-width:720px){ .hero-metin { text-align:left; } }
.hero-etiket { display:inline-block; padding:5px 12px; border-radius:999px; background:rgba(212,167,44,.16); border:1px solid rgba(212,167,44,.45); color:var(--gold2); font-size:13px; font-weight:700; margin-bottom:10px; }
.hero h1 { font-size:34px; letter-spacing:-.01em; text-shadow:0 2px 20px var(--golge); }
@media (min-width:720px){ .hero h1 { font-size:44px; } }
.hero-satir { margin:2px 0; color:var(--text2); font-size:15px; }
.hero-cta { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; justify-content:center; margin-top:18px; }
@media (min-width:720px){ .hero-cta { justify-content:flex-start; } }
.hero-bos { color:var(--muted); font-size:14px; }
.hero-bos b { color:#1f9d5a; font-size:18px; }
:root[data-tema=koyu] .hero-bos b { color:#5ee0a0; }

/* Fiyat kartları */
.fiyatlar { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:12px 0 0; }
.bolge { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:5px; padding:14px 10px 13px;
  background:linear-gradient(165deg, color-mix(in srgb,var(--zr,#888) 22%,var(--card)) 0%, var(--card) 70%);
  border:1.5px solid color-mix(in srgb,var(--zr,#888) 45%,var(--line)); border-radius:16px; font-size:12px; color:var(--muted); text-align:center; cursor:pointer;
  box-shadow:0 6px 18px color-mix(in srgb,var(--zr,#888) 18%,transparent); transition:transform .18s,box-shadow .18s,border-color .18s; }
.bolge::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%); background-size:260% 100%; background-position:120% 0; animation:ayna 7s ease-in-out infinite; }
:root[data-tema=koyu] .bolge::before { background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.12) 50%, transparent 60%); background-size:260% 100%; }
.bolge:nth-child(2)::before { animation-delay:.4s } .bolge:nth-child(3)::before { animation-delay:.8s } .bolge:nth-child(4)::before { animation-delay:1.2s } .bolge:nth-child(5)::before { animation-delay:1.6s }
.bolge:hover, .bolge.aktif { transform:translateY(-3px); border-color:var(--zr,#888); box-shadow:0 12px 28px color-mix(in srgb,var(--zr,#888) 32%,transparent); }
.bolge-ust { display:inline-flex; align-items:center; gap:6px; }
.bolge-nokta { width:11px; height:11px; border-radius:50%; background:var(--zr,#888); box-shadow:0 0 0 3px color-mix(in srgb,var(--zr,#888) 25%,transparent); }
.bolge-ad { font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; color:var(--text); }
.bolge b { display:flex; flex-direction:column; align-items:center; color:var(--text); font-size:22px; letter-spacing:-.02em; line-height:1.05; }
.bolge b em { font-style:normal; font-size:10.5px; font-weight:600; color:var(--muted); letter-spacing:.06em; margin-top:2px; }
.bolge-rozet { display:inline-block; padding:4px 10px; border-radius:999px; background:color-mix(in srgb,var(--zr,#888) 20%,var(--card)); border:1px solid color-mix(in srgb,var(--zr,#888) 40%,transparent); color:var(--text); font-size:11.5px; font-weight:700; }
.bolge-rozet.doldu { background:#fde3e3; border-color:#f3b3b3; color:#b32424; }
.bolge small { color:var(--muted); font-size:10.5px; }
.bolge.sponsor { background:linear-gradient(165deg,#2b2417,#15161c 70%); border-color:rgba(212,167,44,.55); }
.bolge.sponsor .bolge-ad { color:#f0c75e; } .bolge.sponsor .bolge-nokta { background:#f0c75e; box-shadow:0 0 0 3px rgba(240,199,94,.25); } .bolge.sponsor b { color:#f0c75e; font-size:17px; } .bolge.sponsor small { color:#b9ab82; }
:root:not([data-tema=koyu]) .bolge[data-bolge=vip] { --zr:#2b2d36; }
@media (max-width:640px) { .fiyatlar { grid-template-columns:repeat(3,1fr); gap:7px; } .bolge { padding:11px 6px 10px; gap:4px; border-radius:14px; } .bolge b { font-size:18px; } .bolge-rozet { font-size:10.5px; padding:3px 8px; } .bolge-ad { font-size:10px; letter-spacing:.12em; } .kisi-ek { display:none; } .bolge.sponsor small { display:none; } }
@media (max-width:360px) { .fiyatlar { grid-template-columns:repeat(2,1fr); } }
@media (prefers-reduced-motion:reduce) { .bolge::before { animation:none; } }
/* Plan */
.plan-alan { margin-top:16px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:14px; scroll-margin-top:70px; }
.plan-bas { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.plan-bas h2 { font-size:22px; margin:0; }
.sekmeler { display:flex; gap:6px; overflow-x:auto; padding:10px 0 4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.sekmeler::-webkit-scrollbar { display:none; }
.sekme { flex:none; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--card2); color:var(--text); font-weight:700; font-size:13px; cursor:pointer; }
.sekme i { width:9px; height:9px; border-radius:50%; background:var(--zr,#888); box-shadow:0 0 0 2px rgba(255,255,255,.1); }
.sekme small { color:var(--muted); font-weight:600; }
.sekme.aktif { background:var(--text); color:var(--bg); border-color:var(--text); }
.sekme.aktif small { color:var(--bg); opacity:.75; }
.legend { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:8px 0 8px; font-size:13px; color:var(--muted); }
.legend span { display:inline-flex; align-items:center; gap:6px; }
.legend i { width:14px; height:14px; border-radius:50%; display:inline-block; }
.l-bos { background:linear-gradient(135deg,#1c1c1e 25%,#e6c229 25% 50%,#cfd3d9 50% 75%,#22b35a 75%); }
.l-ops { background:#e6c229; opacity:.45; border:2px dashed #ffd166; }
.l-dolu { background:#c62828; position:relative; } .l-dolu::after { content:"✕"; color:#fff; font-size:11px; font-weight:800; position:absolute; inset:0; display:grid; place-items:center; }
.zoom { display:flex; align-items:center; gap:6px; margin-left:auto; }
.zoom button { width:34px; height:34px; border-radius:10px; border:1px solid var(--line); background:var(--card2); color:var(--text); font-size:18px; font-weight:700; cursor:pointer; }
.zoom .z-deger { color:var(--muted); font-size:12px; min-width:38px; text-align:center; }
.plan { width:100%; overflow:auto; -webkit-overflow-scrolling:touch; border-radius:14px; border:1px solid var(--line); box-shadow:inset 0 0 60px rgba(0,0,0,.5); background:#10121a; }
.plan-svg { width:100%; height:auto; display:block; transition:width .2s; }
.sahne rect { fill:#262a3a; stroke:#d4a72c; stroke-width:3; }
.sahne .sahne-cerceve { fill:none; stroke:#d4a72c; stroke-width:3; }
.sahne text { fill:#f0c75e; font-size:30px; font-weight:800; letter-spacing:.25em; }
.loca-kutu rect { fill:#0a0b10; stroke:#2a2f40; stroke-width:2; }
.loca-kutu text { fill:#fff; font-size:44px; font-weight:900; letter-spacing:.06em; }
.giris-cizgi { stroke:#8b90a3; stroke-width:3; stroke-dasharray:4 8; }
.etiket-giris { fill:#cfd3e0; font-size:22px; font-weight:800; letter-spacing:.12em; }
.etiket-bar { fill:#111; font-size:18px; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:14px; stroke-linejoin:round; }
.bant-alan { fill:rgba(255,255,255,.025); stroke:rgba(255,255,255,.05); }
.bant-yazi { font-size:19px; font-weight:800; letter-spacing:.14em; }
.masa { cursor:pointer; transition:opacity .25s; }
.masa .govde { fill:var(--z); stroke:rgba(255,255,255,.55); stroke-width:3.5; transition:stroke-width .12s; }
.masa .sandalye { fill:#e9ecf3; opacity:.9; }
.masa .no { fill:var(--y); font-size:24px; font-weight:800; pointer-events:none; }
.masa .carpi { stroke:#fff; stroke-width:6; stroke-linecap:round; opacity:.95; pointer-events:none; }
.masa .saat { font-size:18px; pointer-events:none; }
.masa .yildiz { font-size:15px; fill:#f0c75e; pointer-events:none; paint-order:stroke; stroke:#10121a; stroke-width:4px; stroke-linejoin:round; }
.masa.d-sponsor .govde { stroke:#d4a72c; stroke-width:4; }
.masa.d-sponsor .no { fill:#f0c75e; }
.l-spo { background:#1c1c1e; border:2px solid #d4a72c; position:relative; } .l-spo::after { content:"★"; color:var(--gold2); font-size:9px; position:absolute; inset:0; display:grid; place-items:center; }
.bolge.sponsor b { color:var(--gold2); font-size:16px; }
.masa.d-opsiyon .govde { opacity:.5; stroke:#ffd166; stroke-width:4.5; stroke-dasharray:7 5; }
.masa.d-opsiyon .no { opacity:.7; }
.masa.d-dolu .govde { fill:#c62828; stroke:#ff8a80; stroke-width:3.5; }
.masa.d-dolu .sandalye { fill:#ff8a80; opacity:.75; }
.masa.d-dolu .no { fill:rgba(255,255,255,.35); }
.masa:hover .govde, .masa:focus .govde, .masa.secili .govde { stroke:#fff; stroke-width:6; }
.masa:focus { outline:none; }
.masa.pat { animation:pat .35s ease-out; }
@keyframes pat { 0% { transform:scale(1); } 40% { transform:scale(1.18); } 100% { transform:scale(1); } }
.plan-svg[data-odak] .masa:not(.odak-ic) { opacity:.15; }
.plan-svg[data-odak] .bant:not(.odak-ic) { opacity:.25; }
.ipucu { color:var(--muted); font-size:13px; margin:10px 0 0; text-align:center; }

/* Nasıl çalışır */
.nasil { margin-top:16px; }
.acik { margin:0 0 12px; padding:12px 14px; background:linear-gradient(135deg,rgba(212,167,44,.12),rgba(212,167,44,.03)); border:1px solid rgba(212,167,44,.25); border-left:3px solid var(--gold); border-radius:12px; font-size:15px; }
.adimlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.adim { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:4px; }
.adim-no { width:30px; height:30px; border-radius:50%; background:#d4a72c; color:#111; font-weight:800; display:grid; place-items:center; margin-bottom:4px; }
.adim b { font-size:16px; } .adim p { margin:0; color:var(--muted); font-size:14px; }

/* Masa kartı */
.sheet { position:fixed; left:50%; bottom:0; transform:translateX(-50%); width:100%; max-width:540px; background:var(--card); border:1px solid var(--line); border-bottom:0; border-radius:22px 22px 0 0; padding:0 0 calc(14px + env(safe-area-inset-bottom)); box-shadow:0 -16px 50px var(--golge); z-index:20; animation:yukari .2s ease-out; overflow:hidden; }
@keyframes yukari { from { transform:translate(-50%,30px); opacity:0; } to { transform:translate(-50%,0); opacity:1; } }
.sh-ust { display:flex; align-items:center; gap:12px; padding:14px 16px; background:linear-gradient(90deg,color-mix(in srgb,var(--zr) 28%,transparent),transparent); border-bottom:1px solid var(--line); }
.sh-no { width:52px; height:52px; border-radius:12px; background:var(--zr); color:var(--y); font-weight:800; font-size:22px; display:grid; place-items:center; flex:none; box-shadow:0 6px 16px var(--golge); }
.sh-orta { display:flex; flex-direction:column; min-width:0; flex:1; }
.sh-orta b { font-size:18px; } .sh-orta small { color:var(--muted); font-size:13px; }
.sh-fiyat { font-weight:800; font-size:20px; text-align:right; display:flex; flex-direction:column; line-height:1.1; }
.sh-fiyat small { color:var(--muted); font-weight:600; font-size:11px; }
.sh-kapat { background:var(--line); border:0; color:var(--text); width:34px; height:34px; border-radius:50%; font-size:16px; cursor:pointer; flex:none; }
.sh-govde { padding:14px 16px 4px; }
.sheet .btn { width:100%; margin-bottom:8px; font-size:16px; }
.sh-iki { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.sh-iki.tek { grid-template-columns:1fr; }
.sh-iki .btn { margin:0; flex-direction:column; gap:0; line-height:1.2; padding:11px 8px; }
.sh-iki .btn small { font-weight:600; font-size:12px; opacity:.8; white-space:nowrap; }
.btn.wa { background:var(--wa); color:#052e13; }
.btn.ara { background:var(--card2); color:var(--text); border:1px solid var(--line); }
.sh-not { color:var(--muted); font-size:13px; margin:6px 0 0; } .sh-not b { color:var(--text); }
.sh-uyari { background:#fff4e0; border:1px solid #f0d49a; padding:12px; border-radius:12px; margin:0 0 8px; }
:root[data-tema=koyu] .sh-uyari { background:#2a1d10; border-color:#5a3a12; }

/* Alt */
.logo { background:#000; padding:2px; }
.alt { max-width:1040px; margin:28px auto 0; padding:26px 16px 10px; border-top:1px solid var(--line); }
.alt-ic { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; }
.alt-logo { text-align:center; display:flex; flex-direction:column; align-items:center; gap:2px; }
.alt-logo img { width:150px; height:150px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(212,167,44,.55), 0 0 40px rgba(212,167,44,.25); background:#000; margin-bottom:8px; }
.alt-logo .logo.mono.buyuk { width:120px; height:120px; border-radius:50%; font-size:56px; margin-bottom:8px; }
.alt-logo b { font-size:17px; letter-spacing:.04em; }
.alt-logo small { color:var(--muted); font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.alt-logo a { color:var(--muted); font-size:13px; margin-top:4px; }
.alt-tel { display:flex; flex-direction:column; align-items:center; gap:3px; padding:14px 12px; border:1px solid rgba(212,167,44,.35); border-radius:16px; background:linear-gradient(180deg,rgba(212,167,44,.10),rgba(212,167,44,.02)); text-align:center; transition:transform .15s,border-color .15s; }
.alt-tel:hover { transform:translateY(-2px); border-color:var(--gold); }
.alt-tel-ust { font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold2); font-weight:700; }
.alt-no { font-size:20px; font-weight:800; letter-spacing:.02em; white-space:nowrap; }
.alt-tel-alt { display:flex; gap:10px; font-size:12px; color:var(--muted); }
.alt-tel-alt a { color:var(--muted); font-weight:600; } .alt-tel-alt a.wa { color:#1f9d5a; font-weight:700; }
:root[data-tema=koyu] .alt-tel-alt a.wa { color:#5ee0a0; }
@media (max-width:640px) { .alt-ic { grid-template-columns:1fr 1fr; } .alt-logo { grid-column:1/-1; order:-1; } .alt-no { font-size:17px; } .alt-tel { padding:12px 8px; } }
.gx-satir { display:flex; flex-direction:column; align-items:center; gap:5px; padding:16px 16px calc(22px + env(safe-area-inset-bottom)); color:var(--muted); letter-spacing:.02em; }
.gx-satir a { display:inline-flex; align-items:center; gap:8px; opacity:.85; transition:opacity .15s; }
.gx-satir a:hover { opacity:1; }
.gx-satir img { width:22px; height:22px; border-radius:6px; background:#fff; padding:1px; }
.gx-parla { font-size:15px; font-weight:800; letter-spacing:.04em; color:var(--text2);
  background:linear-gradient(110deg, var(--text2) 0%, var(--text2) 40%, #f0c75e 50%, var(--text2) 60%, var(--text2) 100%);
  background-size:250% 100%; background-position:110% 0; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:gxparla 5s ease-in-out infinite; }
@keyframes gxparla { 0% { background-position:110% 0; } 60% { background-position:-50% 0; } 100% { background-position:-50% 0; } }
@media (prefers-reduced-motion:reduce) { .gx-parla { animation:none; } }
.gx-satir .gx-alt { font-size:11.5px; opacity:.55; letter-spacing:.1em; }
/* Yol tarifi */
.yol { display:inline-block; margin-left:6px; padding:3px 10px; border-radius:999px; border:1px solid rgba(212,167,44,.5); color:var(--gold2); font-size:13px; font-weight:700; white-space:nowrap; }
.yol:hover { background:rgba(212,167,44,.12); }
.yol-kart { display:flex; align-items:center; gap:12px; margin-top:10px; padding:12px 14px; background:var(--card); border:1px solid var(--line); border-radius:14px; transition:border-color .15s,transform .15s; }
.yol-kart:hover { border-color:var(--gold); transform:translateY(-1px); }
.yol-ikon { width:40px; height:40px; border-radius:12px; background:rgba(212,167,44,.16); display:grid; place-items:center; font-size:20px; flex:none; }
.yol-kart span:nth-child(2) { display:flex; flex-direction:column; min-width:0; flex:1; }
.yol-kart b { font-size:15px; } .yol-kart small { color:var(--muted); font-size:12.5px; }
.yol-ok { color:var(--muted); font-size:22px; }
.btn.yol-btn { background:#1e88e5; color:#fff; box-shadow:0 10px 30px rgba(30,136,229,.35); }
.btn.yol-btn:hover { background:#1976d2; }
@media (max-width:480px) { .hero-cta .btn.buyuk { flex:1 1 45%; padding:14px 10px; font-size:16px; } .hero-bos { flex-basis:100%; } }
.yol-kart { border:2px solid #1e88e5; background:rgba(30,136,229,.08); }
.yol-ikon { background:#1e88e5; color:#fff; }
.yol-kart b { color:#1e88e5; font-size:16px; }
:root[data-tema=koyu] .yol-kart b { color:#64b5f6; }

/* Afiş aynalama: hafif ışık süpürmesi + cam yansıması */
.hero-afis, .kart .afis { position:relative; isolation:isolate; }
.hero-afis::before, .kart .afis::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  background:linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,255,255,.06) 44%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.06) 56%, transparent 62%, transparent 100%);
  background-size:260% 100%; background-position:120% 0; animation:ayna 6.5s ease-in-out infinite; mix-blend-mode:screen; }
.hero-afis::after, .kart .afis::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 28%), linear-gradient(0deg, rgba(0,0,0,.18), rgba(0,0,0,0) 30%); }
.kart .afis .rozet { z-index:3; }
@keyframes ayna { 0% { background-position:120% 0; } 55% { background-position:-40% 0; } 100% { background-position:-40% 0; } }
@media (prefers-reduced-motion:reduce) { .hero-afis::before, .kart .afis::before { animation:none; opacity:0; } }

/* Ana sayfa kartı: başlıkta parlama + kartın kendinde ince ışık süpürmesi */
.kart-bilgi h2 { background:linear-gradient(110deg, var(--text) 0%, var(--text) 42%, #f0c75e 50%, var(--text) 58%, var(--text) 100%); background-size:250% 100%; background-position:110% 0; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:gxparla 6s ease-in-out infinite 1.2s; }
.kart { position:relative; isolation:isolate; }
.kart::after { content:""; position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:inherit; background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%); background-size:260% 100%; background-position:120% 0; animation:ayna 6.5s ease-in-out infinite .6s; }
@media (prefers-reduced-motion:reduce) { .kart-bilgi h2, .kart::after { animation:none; } }
.kisi-ad { display:block; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; opacity:.75; margin-top:2px; }
.alt-ad { font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text2); margin-top:4px; }

/* Sponsor kartı */
.sheet.sponsor { border-color:rgba(212,167,44,.6); }
.sp-gorsel { position:relative; overflow:hidden; padding:26px 16px 20px; text-align:center; background:radial-gradient(ellipse at 50% 120%, #4a3808 0%, #1a1508 45%, #0b0b10 100%); color:#f0c75e; }
.sp-gorsel i { position:absolute; left:var(--x); top:var(--y); width:6px; height:6px; background:#fff; border-radius:50%; transform:scale(var(--s)); box-shadow:0 0 8px 2px rgba(255,235,170,.9), 0 0 18px 6px rgba(240,199,94,.35); animation:sp-parla 2.4s ease-in-out infinite var(--d); opacity:0; }
.sp-gorsel i::before, .sp-gorsel i::after { content:""; position:absolute; left:50%; top:50%; width:22px; height:1.5px; background:linear-gradient(90deg,transparent,#fff,transparent); transform:translate(-50%,-50%); }
.sp-gorsel i::after { transform:translate(-50%,-50%) rotate(90deg); }
@keyframes sp-parla { 0%,100% { opacity:0; transform:scale(.2); } 50% { opacity:1; transform:scale(var(--s)); } }
.sp-tac { font-size:54px; line-height:1; text-shadow:0 0 22px rgba(240,199,94,.85), 0 0 50px rgba(240,199,94,.4); animation:sp-nabiz 2.2s ease-in-out infinite; }
@keyframes sp-nabiz { 0%,100% { transform:scale(1); } 50% { transform:scale(1.12); } }
.sp-baslik { margin-top:8px; font-size:22px; font-weight:900; letter-spacing:.22em; background:linear-gradient(110deg,#f0c75e 0%,#fff6d5 45%,#d4a72c 55%,#f0c75e 100%); background-size:250% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:gxparla 4s ease-in-out infinite; }
.sp-alt { margin-top:4px; font-size:12px; letter-spacing:.14em; color:#cdb579; text-transform:uppercase; }
.sp-kapat { position:absolute; right:12px; top:12px; background:rgba(255,255,255,.14); color:#fff; }
.sp-metin { margin:0 0 12px; font-size:14.5px; line-height:1.5; color:var(--text2); }
.sp-metin b { display:block; font-size:17px; color:var(--text); margin-bottom:4px; }
@media (prefers-reduced-motion:reduce) { .sp-gorsel i, .sp-tac, .sp-baslik { animation:none; opacity:1; } }
.sp-fiyat { margin-top:10px; display:inline-block; padding:6px 16px; border-radius:999px; background:rgba(240,199,94,.14); border:1px solid rgba(240,199,94,.45); color:#fff; font-size:20px; font-weight:800; } .sp-fiyat small { font-size:11px; font-weight:600; color:#cdb579; margin-left:4px; }
.bolge b.fiyat-yok { font-size:14px; letter-spacing:0; color:var(--muted); }
.bolge.sponsor b.fiyat-yok { font-size:26px; color:#f0c75e; }

/* VIP/sponsor masası dolu gösterimi: altın çarpı */
.masa .carpi.spo { stroke:#f0c75e; stroke-width:6; opacity:1; }
.masa.d-sponsor.alinmis .no { opacity:.28; }
.masa.d-sponsor.alinmis .govde { fill:#2e2510; }
.masa.d-sponsor.alinmis .sandalye { fill:#8a7a4a; opacity:.8; }
.bolge b.dolu-yazi { font-size:20px !important; letter-spacing:.14em; color:#f0c75e !important; }
.bolge.sponsor .bolge-rozet.doldu { background:rgba(198,40,40,.25); border-color:rgba(255,138,128,.5); color:#ffb4ab; }

/* Opsiyonlu (ayrılmış) masa: turuncu zemin + beyaz çarpı — dolu ile aynı dilde, rengi ayrı */
.masa.d-opsiyon .govde { fill:#e65100; opacity:1; stroke:#ffb74d; stroke-width:3.5; stroke-dasharray:none; }
.masa.d-opsiyon .sandalye { fill:#ffb74d; opacity:.75; }
.masa.d-opsiyon .no { fill:rgba(255,255,255,.35); opacity:1; }
.masa .carpi.ops { stroke:#fff; stroke-width:6; opacity:.95; }
.l-ops { background:#e65100; opacity:1; border:0; position:relative; } .l-ops::after { content:"✕"; color:#fff; font-size:11px; font-weight:800; position:absolute; inset:0; display:grid; place-items:center; }

/* çarpılı masada numara çarpının arkasında çok silik kalsın */
.masa.alinmis .no, .masa.d-dolu .no, .masa.d-opsiyon .no { fill:rgba(255,255,255,.16); opacity:1; }