/* MedyaFest 26 · Cadılar Bayramı — site stili (cb1, 2026-10-17; cb5 mobil performans)
   Konsept "Sisin ardında": gece zemini, balkabağı turuncusu tek baskın renk, kemik beyazı metin, sis grisi ikincil.
   Başlıklar Grenze Gotisch (latin-ext: Türkçe karakterler), gövde Gilroy. Kademeler: html.k-yuksek|orta|dusuk|statik. */

@font-face{font-family:'Gilroy';src:url('/assets/fonts/gilroy-400-tr.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/gilroy-500-tr.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/gilroy-600-tr.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/gilroy-700-tr.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gilroy';src:url('/assets/fonts/gilroy-800-tr.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Grenze Gotisch';src:url('/assets/fonts/grenze-gotisch-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Grenze Gotisch';src:url('/assets/fonts/grenze-gotisch-latinext.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --gece:#0B0A09;
  --kurum:#100E0C;
  --kart:#171512;
  --kart-2:#1E1B18;
  --alan:#0F0D0C;
  --cizgi:rgba(237,230,216,.10);
  --cizgi-2:rgba(237,230,216,.18);
  --kemik:#EDE6D8;
  --kemik-2:#C9C1B4;
  --sis:#A39C91;
  --sis-koyu:#6F685F;
  --kabak:#FF6A13;
  --kabak-yaz:#FF8A3D;
  --kor:#FFC064;
  --kabak-koyu:#B8440A;
  --hata:#FF6B5E;
  --font:'Gilroy',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --gotik:'Grenze Gotisch',Georgia,'Times New Roman',serif;
  --bar-h:64px;
  --kabuk:90rem;
  --icerik:75rem;
  --kenar-kabuk:16px;
  --kenar-icerik:20px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-jole:cubic-bezier(.34,1.56,.64,1);
  --parilti:0 0 0 1px rgba(255,106,19,.35),0 14px 44px -10px rgba(255,106,19,.6);
  --panel:linear-gradient(180deg,rgba(30,27,24,.94),rgba(18,16,14,.94));
}
@media (min-width:700px){:root{--kenar-kabuk:24px;--kenar-icerik:40px}}
@media (min-width:1100px){:root{--kenar-kabuk:32px;--kenar-icerik:56px}}
@media (max-width:699px){:root{--bar-h:58px}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--gece);color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + 12px)}
body{margin:0;background:var(--gece);color:var(--kemik);font-family:var(--font);font-weight:500;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
html.kilit,html.menu-acik,body.sheet-acik,body.kutu-acik{overflow:hidden}
img,svg,video,canvas{display:block;max-width:100%}
a{color:var(--kabak-yaz)}
::selection{background:var(--kabak);color:var(--gece)}
:focus-visible{outline:2px solid var(--kabak);outline-offset:3px;border-radius:6px}
.gorunmez{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kabuk{max-width:var(--kabuk);margin:0 auto;padding:0 var(--kenar-kabuk)}
.icerik{position:relative;max-width:var(--icerik);margin:0 auto;padding:0 var(--kenar-icerik)}

/* film greni: tüm sayfaya tek sabit katman (statik görsel, kare başına maliyeti yok) */
body::before{content:"";position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.k-dusuk body::before,.k-statik body::before{display:none}

/* ------------------------------------------------------------------ düğmeler */
.hap{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 10px 0 26px;border-radius:999px;background:var(--kabak);color:var(--gece);
  font-weight:800;font-size:16.5px;letter-spacing:.005em;text-decoration:none;box-shadow:var(--parilti);border:0;cursor:pointer;font-family:inherit;
  transition:transform .35s var(--ease),background-color .3s,box-shadow .35s var(--ease)}
.hap:hover{background:var(--kor);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,192,100,.5),0 20px 54px -12px rgba(255,106,19,.75)}
.hap:active{transform:translateY(0)}
.ok{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--gece);transition:transform .35s var(--ease)}
.ok::before{content:"";position:absolute;left:11px;top:17px;width:13px;height:2px;border-radius:2px;background:var(--kabak)}
.ok::after{content:"";position:absolute;left:16px;top:13px;width:8px;height:8px;border-top:2px solid var(--kabak);border-right:2px solid var(--kabak);transform:rotate(45deg)}
.hap:hover .ok{transform:translateX(3px)}
.hap-kucuk{min-height:46px;font-size:15px;padding-left:20px;gap:12px}
.hap-kucuk .ok{width:30px;height:30px}
.hap-kucuk .ok::before{left:8px;top:14px;width:12px}
.hap-kucuk .ok::after{left:12px;top:10.5px;width:7px;height:7px}
.hap-cizgi{background:transparent;color:var(--kemik);box-shadow:inset 0 0 0 1.5px var(--cizgi-2)}
.hap-cizgi .ok{background:rgba(255,106,19,.14)}
.hap-cizgi:hover{background:rgba(255,106,19,.08);color:var(--kabak-yaz);box-shadow:inset 0 0 0 1.5px var(--kabak)}

/* ------------------------------------------------------------------ üst bar + menü */
.ust-bar{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--bar-h);transition:background-color .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s}
.bar-dolu .ust-bar{background:rgba(11,10,9,.78);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--cizgi)}
.ust-bar .kabuk{height:100%;display:flex;align-items:center;justify-content:space-between}
/* sol üst logo (cb5, araclar/logo_ciz.py): sitenin gotik başlık yazısıyla "Halloween" + "MEDYAFEST · 26" künyesi.
   Eski yapay zekâ balon yazısı ve üstündeki neon parıltı küçük boyutta bulanık duruyordu; hale artık hafif. */
.bar-logo{position:relative;display:block;width:176px;transition:transform .45s var(--ease)}
.bar-logo picture{display:block}
.bar-logo:hover{transform:rotate(-2deg) scale(1.03)}
.bar-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 10px rgba(255,106,19,.32))}
/* parlak cila: logonun kendi şekline maskelenmiş ışık bandı birkaç saniyede bir üzerinden geçer.
   cb5: bant transform ile kayar (ekran kartında çalışır); eskiden background-position her karede yeniden boyatıyordu. */
.bar-parilti{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  -webkit-mask:url('/assets/img/cb/logo-cb5-400.webp') center/100% 100% no-repeat;mask:url('/assets/img/cb/logo-cb5-400.webp') center/100% 100% no-repeat}
.bar-parilti::before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;
  background:linear-gradient(105deg,transparent 28%,rgba(255,244,222,.55) 42%,rgba(255,255,255,.95) 50%,rgba(255,244,222,.55) 58%,transparent 72%);
  transform:translate3d(-110%,0,0);animation:logo-cila 5s var(--ease) infinite 1.4s}
@keyframes logo-cila{0%{transform:translate3d(-110%,0,0)}38%,100%{transform:translate3d(110%,0,0)}}
.k-statik .bar-parilti{display:none}
.bar-sag{display:flex;align-items:center}
.bar-nav{display:none}
.bar-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:999px;background:var(--kabak);color:var(--gece);font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 8px 26px -8px rgba(255,106,19,.7);transition:background-color .3s,transform .3s var(--ease)}
.bar-cta:hover{background:var(--kor);transform:translateY(-1px)}
.menu-dugme{margin-left:8px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:rgba(11,10,9,.55);box-shadow:inset 0 0 0 1.5px var(--cizgi-2);color:var(--kemik);font:800 15px var(--font);cursor:pointer}
@media (max-width:699px){.bar-logo{width:150px}}
@media (max-width:359px){.bar-logo{width:120px}.bar-cta{padding:0 14px}.menu-dugme{margin-left:6px;padding:0 12px}}
@media (min-width:900px){
  .bar-nav{display:flex;gap:2px;margin-right:12px}
  .bar-nav a{padding:10px 14px;border-radius:999px;color:var(--kemik-2);font-weight:700;font-size:15px;text-decoration:none;transition:color .25s,background-color .25s}
  .bar-nav a:hover{color:var(--kemik);background:rgba(237,230,216,.06)}
  .menu-dugme{display:none}
}
.menu{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;padding:calc(var(--bar-h) + 24px) 24px 32px;
  background:radial-gradient(120% 60% at 50% 110%,rgba(255,106,19,.28),transparent 60%),var(--gece)}
.menu-acik .menu{display:flex}
.menu a{display:block;padding:12px 0;font:700 44px/1 var(--gotik);color:var(--kemik);text-decoration:none;border-bottom:1px solid var(--cizgi)}
.menu a.menu-cta{color:var(--kabak);border-bottom:0}
.menu-kapat{position:absolute;top:10px;right:16px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--cizgi-2);color:var(--kemik);font:800 15px var(--font);cursor:pointer}

/* ------------------------------------------------------------------ yükleyici */
.yukleme{display:none}
.yukleme-var .yukleme{display:flex;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;
  background:radial-gradient(60% 50% at 50% 55%,rgba(255,106,19,.16),transparent 70%),var(--gece);
  transition:opacity .9s var(--ease),visibility 0s linear .9s;animation:yukOto 0s 5s forwards}
.yukleme-ic{position:relative;width:72vw;max-width:520px;display:flex;flex-direction:column;align-items:center}
.yukleme-wm{width:100%;height:auto;animation:yanip 1.6s linear both}
.yukleme-kor{margin-top:30px;width:min(240px,60%);height:2px;border-radius:2px;background:rgba(237,230,216,.12);overflow:hidden}
.yukleme-kor span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--kabak-koyu),var(--kabak),var(--kor));box-shadow:0 0 12px var(--kabak);transition:width .2s linear}
.yukleme-sayac{margin-top:14px;font:800 13px/1 var(--font);letter-spacing:.3em;color:var(--sis);font-variant-numeric:tabular-nums}
.yukleme-bitti .yukleme{opacity:0;visibility:hidden}
.yukleme-gizli .yukleme{display:none}
/* mum alevi gibi tutuşma: iki kısa titreme, sonra sabit */
@keyframes yanip{0%{opacity:0}8%{opacity:.75}11%{opacity:.15}19%{opacity:.9}23%{opacity:.45}34%{opacity:1}100%{opacity:1}}
@keyframes yukOto{to{opacity:0;visibility:hidden}}

/* ------------------------------------------------------------------ sahne (hero) */
.sahne{position:relative;height:100vh;height:100svh;min-height:560px}
.k-yuksek .sahne,.k-orta .sahne{height:200vh;height:200svh}
.sahne-kap{position:relative;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--gece)}
.k-yuksek .sahne-kap,.k-orta .sahne-kap{position:-webkit-sticky;position:sticky}
.sahne-kap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20vh;z-index:9;pointer-events:none;background:linear-gradient(180deg,rgba(11,10,9,0),var(--gece) 92%)}
.hs{position:absolute}
.hs picture{display:block}
.hs img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}

.hs-zemin{top:-4%;left:-4%;width:108%;height:108%;z-index:1;pointer-events:none}
.hs-zemin picture,.hs-zemin img{width:100%;height:100%}
.hs-zemin img,.zemin-video{object-fit:cover;object-position:50% 100%}
.zemin-video{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s var(--ease)}
.zemin-video.oynuyor{opacity:1}

.hs-ay{z-index:2;left:50%;top:8vh;top:8svh;width:min(62vh,48vw);margin-left:calc(min(62vh,48vw) / -2);pointer-events:none}
.hs-ay img{width:100%;height:auto}
.hs-ay::before{content:"";position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,rgba(255,106,19,.30) 0,rgba(255,106,19,.10) 38%,rgba(255,106,19,0) 66%);animation:ay-nefes 7s ease-in-out infinite}
@keyframes ay-nefes{0%,100%{opacity:.7}50%{opacity:1}}


.hs-yarasalar{z-index:3;left:0;top:4vh;width:100%;height:56vh;overflow:visible;pointer-events:none}
.yarasa{fill:#050403;transform-box:fill-box}
.yarasa .kanat{transform-box:fill-box;transform-origin:50% 40%;animation:cirp .24s ease-in-out infinite alternate}
.y1{animation:ucus1 19s linear infinite}
.y2{animation:ucus2 23s linear infinite 6s;opacity:.85}
.y3{animation:ucus3 27s linear infinite 12s;opacity:.7}
.y2 .kanat{animation-duration:.2s}.y3 .kanat{animation-duration:.28s}
@keyframes cirp{from{transform:scaleY(1)}to{transform:scaleY(.32)}}
@keyframes ucus1{0%{transform:translate(-90px,170px) scale(.9)}25%{transform:translate(200px,120px) scale(1)}50%{transform:translate(480px,150px) scale(1.05)}75%{transform:translate(760px,90px) scale(.95)}100%{transform:translate(1090px,120px) scale(.9)}}
@keyframes ucus2{0%{transform:translate(1090px,60px) scale(.55)}30%{transform:translate(720px,95px) scale(.6)}60%{transform:translate(400px,55px) scale(.62)}100%{transform:translate(-90px,90px) scale(.55)}}
@keyframes ucus3{0%{transform:translate(-90px,240px) scale(.45)}40%{transform:translate(380px,200px) scale(.5)}70%{transform:translate(690px,235px) scale(.48)}100%{transform:translate(1090px,190px) scale(.45)}}

/* arka sis: dikişsiz şerit (araclar/sis_serit.py) yükseklikten ölçeklenip yatayda döşenir; bir karo kayınca döngü kapanır.
   Ayna döşeme ve object-fit kırpması yok (ikisi de sisin içinde çizgi bırakıyordu); üst kenar maskeyle sise karışır.
   cb6 ("altta çizgi var"): kaydırınca katman 6vh yukarı kalkıp büyüyor, görselin en yoğun alt kenarı ekrana girip kesik
   çizgi bırakıyordu → alt kenar da maskeyle söner ve katman 6vh daha aşağıdan başlar (p=1'de alt kenar ≈102vh). */
.hs-sis-arka{--sis-h:52vh;--sis-w:calc(var(--sis-h) * 1.632);z-index:4;left:-10%;width:120%;bottom:-6vh;height:var(--sis-h);opacity:.62;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 80%,transparent)}
.sis-ic{width:calc(100% + var(--sis-w));height:100%;background:url('/assets/img/cb/sis-serit-896.webp') 0 100%/var(--sis-w) 100% repeat-x;animation:sis-kay 36s linear infinite;will-change:transform}
@keyframes sis-kay{to{transform:translate3d(calc(var(--sis-w) * -1),0,0)}}

.hs-agac{z-index:5;bottom:-3vh;height:84vh;pointer-events:none}
.hs-agac picture,.hs-agac img{height:100%;width:auto}
.hs-agac img{transform-origin:20% 100%;animation:salla 11s ease-in-out infinite}
.hs-agac-sol{left:-15vh}
.hs-agac-sag{right:-15vh}
.hs-agac-sag picture{transform:scaleX(-1)}
.hs-agac-sag img{animation-delay:-4s}
@keyframes salla{0%,100%{transform:rotate(-.5deg)}50%{transform:rotate(.7deg)}}

.hs-obje{pointer-events:none}
.hs-obje img{width:100%;height:auto}
.obje-ic{position:relative}
.obje-ic::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(255,106,19,.26),rgba(255,106,19,0) 66%);z-index:-1}
.obje-balkabagi{z-index:8;left:7vw;top:50vh;width:15vw;max-width:260px}
.obje-plak{z-index:6;left:1vw;bottom:2vh;width:21vw;max-width:360px}
.obje-mikrofon{z-index:8;right:9vw;top:17vh;width:11vw;max-width:200px}
.obje-hoparlor{z-index:6;right:2vw;bottom:5vh;width:15vw;max-width:270px}
.obje-kaset{z-index:8;right:21vw;bottom:14vh;width:10vw;max-width:180px}
.obje-balkabagi .obje-ic{animation:suzul-a 6.5s ease-in-out infinite}
.obje-plak .obje-ic{animation:suzul-b 8s ease-in-out infinite}
.obje-mikrofon .obje-ic{animation:suzul-c 7s ease-in-out infinite}
.obje-hoparlor .obje-ic{animation:suzul-a 7.6s ease-in-out infinite -2s}
.obje-kaset .obje-ic{animation:suzul-b 6.8s ease-in-out infinite -3s}
@keyframes suzul-a{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(6px,-14px,0) rotate(-3deg)}}
@keyframes suzul-b{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-8px,-16px,0) rotate(4deg)}}
@keyframes suzul-c{0%,100%{transform:translate3d(0,0,0) rotate(-6deg)}50%{transform:translate3d(-4px,-12px,0) rotate(6deg)}}

/* wordmark genişliği hem ekran enine hem boyuna bağlı (4:3 ekranda bilgi kutusuna binmesin); yükseklik = genişlik × 0,2806 */
.sahne-kap{--wm-w:min(78vw,110vh)}
.hs-wm{z-index:7;left:calc(50% - var(--wm-w) / 2);width:var(--wm-w);top:calc(39vh - var(--wm-w) * .1403);top:calc(39svh - var(--wm-w) * .1403);transform-origin:50% 50%}
.wm-kap{position:relative;width:100%}
.wm-isik{position:absolute;left:-4.125%;top:-14.7%;width:108.25%;height:129.4%;pointer-events:none}
.wm-isik img{width:100%;height:100%;animation:isik-titre 5s linear infinite}
@keyframes isik-titre{0%,100%{opacity:.86}7%{opacity:.62}9%{opacity:.95}31%{opacity:.8}52%{opacity:1}68%{opacity:.74}84%{opacity:.92}}
.wm-img{position:relative;width:100%;height:auto;transition:opacity .5s}
.wm-tuval-kap{position:absolute;left:-9.524%;top:50%;width:119.048%;height:0;padding-bottom:59.524%;margin-top:-29.762%;pointer-events:none}
.wm-tuval{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .5s}
.wm-hazir .wm-tuval{opacity:1}
.wm-hazir .wm-img{opacity:0}
.wm-yedek .wm-img{opacity:1;animation:salinim 6s ease-in-out infinite}
.wm-yedek .wm-tuval-kap{display:none}
@keyframes salinim{0%,100%{transform:rotate(-.7deg) translateY(0)}50%{transform:rotate(.7deg) translateY(-6px)}}


.hs-marquee{z-index:10;top:calc(var(--bar-h) + 8px);left:0;width:100%;overflow:hidden;pointer-events:none}
.marquee-ic{display:flex;white-space:nowrap;width:-webkit-max-content;width:max-content}
.marquee-ic span{display:block;padding-right:1.6em;font:800 clamp(.72rem,1vw,.92rem)/1.2 var(--font);letter-spacing:.34em;text-transform:uppercase;color:var(--sis)}
.marquee-ic span::after{content:"✦";margin-left:1.6em;color:rgba(255,138,61,.55);letter-spacing:0}
.marquee-ic .mq-kor{color:var(--kabak-yaz)}
.k-dusuk .marquee-ic,.marquee-css .marquee-ic{animation:marquee 70s linear infinite}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}

.hs-kunye{display:none;z-index:10;left:var(--kenar-kabuk);top:calc(var(--bar-h) + 54px);margin:0;font:600 clamp(1.4rem,2vw,2.1rem)/1.05 var(--gotik);color:var(--kemik)}
.hs-kunye span{display:block}
.hs-kunye .kunye-tarih{margin-top:.25em;color:var(--kabak-yaz)}

.hs-alt{z-index:10;left:0;right:0;top:min(calc(43vh + var(--wm-w) * .1403),calc(100% - 196px));display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.hs-bilgi{margin:0 0 16px;padding:12px 20px;border-radius:16px;background:rgba(11,10,9,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--cizgi)}
.hs-bilgi b{display:block;font:800 12px/1.2 var(--font);letter-spacing:.26em;text-transform:uppercase;color:var(--kabak-yaz)}
.hs-bilgi span{display:block;margin-top:6px;font-weight:500;font-size:15px;color:var(--kemik-2)}


.hs-kaydir{z-index:10;left:50%;bottom:18px;margin-left:-44px;width:88px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0 8px;border-radius:16px;background:rgba(11,10,9,.6);box-shadow:inset 0 0 0 1px var(--cizgi);text-decoration:none;color:var(--kemik-2);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.ok-asagi{width:9px;height:9px;border-right:2px solid var(--kabak);border-bottom:2px solid var(--kabak);transform:rotate(45deg);animation:asagi 1.8s var(--ease) infinite}
@keyframes asagi{0%,100%{transform:translateY(0) rotate(45deg);opacity:1}55%{transform:translateY(5px) rotate(45deg);opacity:.5}}

@media (min-width:900px) and (min-aspect-ratio:1/1){.hs-kunye{display:block}}

/* dikey ekran (telefon) yerleşimi */
@media (max-aspect-ratio:1/1){
  .hs-ay{top:13vh;top:13svh;width:82vw;margin-left:-41vw}
  .sahne-kap{--wm-w:92vw}
  .hs-wm{top:calc(13vh + 41vw - var(--wm-w) * .1403);top:calc(13svh + 41vw - var(--wm-w) * .1403)}
  .hs-alt{top:auto;bottom:118px}
  .hs-agac{height:54vh;bottom:-2vh}
  .hs-agac-sol{left:-30vw}.hs-agac-sag{right:-30vw}
  .hs-sis-arka{--sis-h:46vh}
  .hs-yarasalar{top:8vh;height:40vh}
  .obje-balkabagi{left:-3vw;top:auto;bottom:30vh;width:30vw}
  .obje-plak{left:-12vw;bottom:3vh;width:44vw}
  .obje-mikrofon{right:1vw;top:11vh;top:11svh;width:22vw}
  .obje-hoparlor{right:-6vw;bottom:11vh;width:32vw}
  .obje-kaset{right:26vw;bottom:1vh;width:20vw}
}
@media (max-aspect-ratio:1/1) and (max-height:700px){.obje-kaset{display:none}.hs-alt{bottom:100px}.hs-bilgi{margin-bottom:10px}}

/* giriş animasyonları (yükleyici bitince) */
.js .hs-giris,.js .hs-giris-obje{opacity:0}
.js.yukleme-bitti .hs-giris,.js:not(.yukleme-var) .hs-giris{animation:hs-giris 1s var(--ease) both;animation-delay:var(--gd,0s)}
@keyframes hs-giris{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
.js.yukleme-bitti .hs-giris-obje,.js:not(.yukleme-var) .hs-giris-obje{animation:hs-obje 1.3s var(--ease-jole) both;animation-delay:var(--gd,0s)}
@keyframes hs-obje{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.sahne-disi .obje-ic,.sahne-disi .hs-agac img,.sahne-disi .sis-ic,.sahne-disi .yarasa,.sahne-disi .kanat,.sahne-disi .wm-isik img,.sahne-disi .hs-ay::before{animation-play-state:paused}

/* ------------------------------------------------------------------ bölüm ortakları */
.blok{position:relative;padding:clamp(84px,11vw,160px) 0}
.ust-etiket{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12px/1 var(--font);letter-spacing:.32em;text-transform:uppercase;color:var(--kabak-yaz)}
.ust-etiket::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--kabak);box-shadow:0 0 10px var(--kabak)}
.dev-baslik{margin:0 0 clamp(28px,4vw,52px);font:700 clamp(3.1rem,9.5vw,8.4rem)/.9 var(--gotik);letter-spacing:-.005em;color:var(--kemik);text-wrap:balance}
.dev-baslik em,.baslik em,.alt-cagri em{font-style:normal;color:var(--kabak);text-shadow:0 0 42px rgba(255,106,19,.35)}
.baslik{margin:0 0 18px;font:700 clamp(2.6rem,6vw,5.2rem)/.92 var(--gotik);color:var(--kemik)}
.bolum-alt{margin:0 0 22px;max-width:56ch;font-size:clamp(16px,1.2vw,18.5px);line-height:1.7;color:var(--kemik-2)}
.bolum-alt b{color:var(--kemik);font-weight:800}
.panel-yuzey{background:var(--panel);border-radius:22px;box-shadow:inset 0 0 0 1px var(--cizgi),inset 0 1px 0 rgba(237,230,216,.05)}

/* görünür olunca bir kez beliren içerik */
.js [data-rv]{opacity:0;transform:translate3d(0,16px,0);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js [data-rv].rv-gorundu{opacity:1;transform:none}

/* ------------------------------------------------------------------ detaylar */
/* cb6: bölüm üst kenarı sahnenin gece rengiyle birleşsin — hale sınırda değil aşağıda başlar (eskiden sağda turuncu bir kenar bırakıyordu) */
.blok-detay{background:linear-gradient(180deg,var(--gece),rgba(11,10,9,0) 24vh),radial-gradient(70% 50% at 100% 12%,rgba(255,106,19,.10),transparent 60%),var(--gece)}
.sis-bant{position:absolute;left:0;right:0;top:-14vh;height:30vh;pointer-events:none;opacity:.32;background:url('/assets/img/cb/sis-1280.webp') 50% 100%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 55%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 55%,transparent)}
.kunye-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.kunye-oge{display:flex;flex-direction:column;gap:6px;padding:24px 24px 26px;border-radius:22px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--cizgi)}
.k-etiket{font:800 11.5px/1.2 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--sis)}
.k-deger{font:700 clamp(2rem,3vw,2.8rem)/1 var(--gotik);color:var(--kemik)}
.k-alt{font-size:14px;color:var(--sis)}
.k-rakam{font:800 clamp(3.4rem,6vw,5.6rem)/.9 var(--gotik);color:var(--kabak);text-shadow:0 0 36px rgba(255,106,19,.35)}
.sisli-kart{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:380px;padding:clamp(28px,5vw,64px);border-radius:30px;
  background:radial-gradient(120% 140% at 85% 0%,rgba(255,106,19,.24),transparent 55%),linear-gradient(180deg,#181512,#0E0C0B);box-shadow:inset 0 0 0 1px var(--cizgi),0 50px 100px -50px #000}
.sisli-sis{position:absolute;left:-12%;right:-12%;bottom:-14%;height:85%;opacity:.5;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}
.sisli-sis img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;animation:sis-nefes 16s ease-in-out infinite alternate}
@keyframes sis-nefes{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,-2%,0) scale(1.05)}}
.sisli-ic{position:relative;max-width:660px}
.sisli-baslik{margin:0 0 16px;font:700 clamp(2.7rem,6.4vw,5.2rem)/.9 var(--gotik);color:var(--kemik)}
.sisli-baslik span{color:var(--kabak);text-shadow:0 0 40px rgba(255,106,19,.4)}
.sisli-metin{margin:0;font-size:17px;line-height:1.7;color:var(--kemik-2)}
.sisli-metin b{color:var(--kemik)}
.bilinenler{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bilinenler li{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:rgba(11,10,9,.6);box-shadow:inset 0 0 0 1px var(--cizgi-2);font-weight:700;font-size:14.5px;color:var(--kemik)}
.bilinenler li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--kabak);box-shadow:0 0 10px var(--kabak)}
.ulasim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:22px;padding:20px 24px;border-radius:20px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--cizgi)}
.ulasim p{margin:0;max-width:64ch;color:var(--kemik-2)}

/* ------------------------------------------------------------------ harita */
.blok-harita{background:linear-gradient(180deg,var(--gece),var(--kurum) 30%,var(--kurum) 70%,var(--gece))}
.harita-duzen{display:grid;gap:36px;align-items:center}
@media (min-width:960px){.harita-duzen{grid-template-columns:5fr 7fr;gap:56px}}
.harita-kart{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px var(--cizgi),0 50px 90px -40px rgba(0,0,0,.95);transform-origin:50% 50%}
.harita-kart img{width:100%;height:auto;filter:grayscale(1) sepia(.6) saturate(2.3) hue-rotate(-14deg) brightness(.72) contrast(1.18)}
.harita-sisli .harita-kart>picture img{filter:grayscale(1) brightness(.4) blur(7px);transform:scale(1.08)}
.harita-sis{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.harita-sis img{position:absolute;left:-15%;bottom:-20%;width:130%;max-width:none;height:120%;object-fit:cover;opacity:.9;filter:none;animation:sis-nefes 14s ease-in-out infinite alternate}
.harita-sis span{position:relative;font:700 clamp(1.8rem,3.4vw,2.8rem)/1 var(--gotik);color:var(--kemik);text-shadow:0 2px 30px #000}
.harita-rota{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.harita-rota path{stroke:var(--kabak);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 14;animation:rota 1.4s linear infinite;filter:drop-shadow(0 0 6px rgba(255,106,19,.8))}
@keyframes rota{to{stroke-dashoffset:-16}}
.harita-nokta{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;cursor:pointer}
.n-kor{display:block;width:16px;height:16px;margin:14px;border-radius:50%;background:var(--kabak);box-shadow:0 0 0 3px rgba(11,10,9,.85),0 0 18px 5px rgba(255,106,19,.65);animation:kor-titre 2.6s ease-in-out infinite}
.harita-nokta:nth-child(odd) .n-kor{animation-delay:-1.1s}
@keyframes kor-titre{0%,100%{opacity:1}40%{opacity:.62}46%{opacity:.95}70%{opacity:.75}}
.n-etiket{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%,6px);white-space:nowrap;padding:8px 12px;border-radius:12px;background:rgba(11,10,9,.92);box-shadow:inset 0 0 0 1px var(--cizgi-2);color:var(--kemik);font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease)}
.n-sol .n-etiket{left:0;transform:translate(0,6px)}
.n-sag .n-etiket{left:auto;right:0;transform:translate(0,6px)}
.harita-nokta:hover .n-etiket,.harita-nokta:focus-visible .n-etiket,.harita-nokta.acik .n-etiket{opacity:1;transform:translate(-50%,0)}
.n-sol:hover .n-etiket,.n-sol.acik .n-etiket,.n-sol:focus-visible .n-etiket,.n-sag:hover .n-etiket,.n-sag.acik .n-etiket,.n-sag:focus-visible .n-etiket{transform:none}
.harita-kutu{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;background:rgba(5,4,3,.9)}
.harita-kutu[hidden]{display:none}
.harita-kutu img{width:auto;max-width:100%;max-height:88vh;border-radius:18px;filter:grayscale(1) sepia(.6) saturate(2.3) hue-rotate(-14deg) brightness(.8) contrast(1.15)}
.harita-kapat{position:absolute;top:14px;right:14px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:var(--kabak);color:var(--gece);font:800 15px var(--font);cursor:pointer}

/* ------------------------------------------------------------------ ön kayıt */
.blok-onkayit{background:linear-gradient(180deg,var(--gece),rgba(11,10,9,0) 24vh),radial-gradient(70% 55% at 15% 15%,rgba(255,106,19,.11),transparent 60%),var(--gece)}
.onkayit-duzen{display:grid;gap:40px;align-items:start}
@media (min-width:1000px){.onkayit-duzen{grid-template-columns:5fr 6fr;gap:64px}.onkayit-metin{position:sticky;top:calc(var(--bar-h) + 28px)}.onkayit-metin .dev-baslik{font-size:clamp(3.2rem,5.6vw,6.2rem)}}
.fiyatlar{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.fiyatlar li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--cizgi)}
.fiyat-ad{font-weight:800;font-size:17px;color:var(--kemik)}
.fiyat-ad small{display:block;font-weight:500;font-size:13.5px;color:var(--sis)}
.fiyat-tl{font:800 clamp(2rem,3vw,2.6rem)/1 var(--gotik);color:var(--kabak);white-space:nowrap}
.fiyat-tl small{font:800 14px var(--font);letter-spacing:.1em;color:var(--kabak-yaz)}
.adimlar{list-style:none;counter-reset:adim;margin:0 0 22px;padding:0}
.adimlar li{counter-increment:adim;position:relative;display:grid;grid-template-columns:42px 1fr;gap:4px 16px;padding:0 0 22px}
.adimlar li::before{content:counter(adim);grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--kabak);color:var(--kabak-yaz);font:700 21px/1 var(--gotik);background:var(--gece)}
.adimlar li::after{content:"";position:absolute;left:20px;top:46px;bottom:4px;border-left:2px dashed rgba(255,106,19,.35)}
.adimlar li:last-child::after{display:none}
.adimlar li:first-child::before{background:var(--kabak);color:var(--gece)}
.adimlar b{display:block;padding-top:2px;font-weight:800;font-size:17px;color:var(--kemik)}
.adimlar span{display:block;font-size:15px;line-height:1.55;color:var(--sis)}
.iade{margin:0;padding:2px 0 2px 14px;border-left:3px solid var(--kabak);color:var(--kemik-2);font-weight:700;font-size:14.5px}

.panel{position:relative;padding:clamp(22px,3vw,38px);border-radius:30px;background:linear-gradient(180deg,#1A1714,#110F0D);
  box-shadow:inset 0 0 0 1px var(--cizgi),inset 0 1px 0 rgba(237,230,216,.06),0 60px 120px -50px rgba(0,0,0,.95)}
.panel::before{content:"";position:absolute;top:0;left:32px;right:32px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--kabak),transparent);box-shadow:0 0 18px var(--kabak)}
.ikili{display:grid;gap:0 14px}
@media (min-width:520px){.ikili{grid-template-columns:1fr 1fr}}
.alan{margin:0 0 18px}
.etiket{display:block;margin:0 0 8px;font:800 11.5px/1.3 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--kemik-2)}
.etiket small{margin-left:6px;font-weight:600;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--sis)}
.alan input,.alan select{width:100%;min-height:56px;padding:14px 16px;font:500 17px/1.3 var(--font);color:var(--kemik);background:var(--alan);border:1px solid #2E2A26;border-radius:15px;
  transition:border-color .25s,box-shadow .3s var(--ease),background-color .25s;-webkit-appearance:none;appearance:none}
.alan input::placeholder{color:var(--sis-koyu)}
.alan input:hover,.alan select:hover{border-color:#423C36}
.alan input:focus,.alan select:focus{outline:0;border-color:var(--kabak);box-shadow:0 0 0 4px rgba(255,106,19,.16);background:#120F0D}
.alan input:-webkit-autofill{-webkit-text-fill-color:var(--kemik);box-shadow:0 0 0 100px var(--alan) inset;caret-color:var(--kemik)}
.secim{position:relative}
.secim::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--kabak);border-bottom:2px solid var(--kabak);transform:rotate(45deg);pointer-events:none}
.secim select{padding-right:48px;cursor:pointer}
.secim select option{background:#141210;color:var(--kemik)}
.alan.hatali input,.alan.hatali select{border-color:var(--hata)}
.alan-hata{margin:7px 0 0;font-weight:700;font-size:13.5px;color:var(--hata)}
.alan-hata-ara{margin:-8px 0 16px}
.alan-hata-onay{margin:4px 0 0 38px}
.alan-not{margin:7px 0 0;font-size:13.5px;color:var(--sis)}
.ikinci-kisi{margin:0 0 6px;padding:16px 16px 4px;border-radius:18px;background:rgba(255,106,19,.05);box-shadow:inset 0 0 0 1px rgba(255,106,19,.25)}
.ikinci-kisi .alan-not{margin:-6px 0 14px}
.ikinci-kisi[hidden],.eslik-satir[hidden]{display:none}
/* türe göre açılan kişi satırları kişi kişi kayarak gelir */
.ikinci-kisi:not([hidden]){animation:acil .45s var(--ease) backwards}
.eslik-satir:not([hidden]){animation:acil .45s var(--ease) backwards;animation-delay:calc((var(--s,2) - 1) * 80ms)}
@keyframes acil{from{opacity:0;transform:translate3d(0,-8px,0)}}

/* ------------------------------------------------ bilet türü kartları (cb2) */
.bilet-secim{display:grid;gap:10px}
.bilet-kart{--centik:10px;position:relative;overflow:hidden;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;min-height:86px;padding:14px 18px 14px 12px;border-radius:18px;cursor:pointer;
  background:linear-gradient(180deg,#1B1815,#121010);box-shadow:inset 0 0 0 1px var(--cizgi);
  -webkit-mask:radial-gradient(circle var(--centik) at 0 50%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--centik) at 100% 50%,#0000 97%,#000) 100% 0/51% 100% no-repeat;
  mask:radial-gradient(circle var(--centik) at 0 50%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--centik) at 100% 50%,#0000 97%,#000) 100% 0/51% 100% no-repeat;
  transition:transform .35s var(--ease),box-shadow .3s,background-color .3s;-webkit-tap-highlight-color:transparent}
.bilet-kart input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.bilet-kart::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,200,140,.2) 50%,transparent 65%);transform:translateX(-110%)}
.bilet-kart.parla::after{animation:bk-parla .9s var(--ease)}
@keyframes bk-parla{to{transform:translateX(110%)}}
.bk-deste{position:relative;width:64px;height:58px}
.bk-deste i{position:absolute;left:50%;top:50%;width:30px;height:42px;margin:-21px 0 0 -15px;border-radius:5px;
  background:linear-gradient(160deg,#FF9447,#E2560C);box-shadow:0 8px 16px -8px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,226,190,.35);
  opacity:calc(1 - (var(--n) - 1 - var(--i)) * .17);
  -webkit-mask:radial-gradient(circle 4px at 0 70%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 4px at 100% 70%,#0000 96%,#000) 100% 0/51% 100% no-repeat;
  mask:radial-gradient(circle 4px at 0 70%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 4px at 100% 70%,#0000 96%,#000) 100% 0/51% 100% no-repeat;
  transform:translate(calc(var(--i) * 2px),calc(var(--i) * -2px)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 4deg));
  transition:transform .55s var(--ease);transition-delay:calc(var(--i) * 40ms)}
.bk-deste i::before{content:"";position:absolute;left:5px;right:5px;top:70%;border-top:1.5px dashed rgba(11,10,9,.45)}
.bk-deste i::after{content:"";position:absolute;left:6px;top:7px;width:12px;height:12px;border-radius:2px;background:rgba(11,10,9,.55);box-shadow:5px 5px 0 -3px rgba(11,10,9,.55)}
.bk-metin{min-width:0}
.bk-ad{display:block;font-weight:800;font-size:17px;line-height:1.2;color:var(--kemik-2);transition:color .3s}
.bk-alt{display:block;margin-top:3px;font-size:13px;color:var(--sis)}
.bk-fiyat{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:16px;border-left:2px dashed rgba(255,106,19,.22);transition:border-color .3s}
.bk-fiyat b{font:800 30px/1 var(--gotik);color:var(--kabak);white-space:nowrap;transition:text-shadow .3s}
.bk-fiyat b small{margin-left:3px;font:800 12px var(--font);letter-spacing:.1em;color:var(--kabak-yaz)}
.bk-fiyat em{margin-top:5px;font-style:normal;font-size:12px;color:var(--sis);white-space:nowrap}
.bk-damga{position:absolute;top:0;right:24px;padding:4px 10px 5px;border-radius:0 0 9px 9px;background:var(--kabak);color:var(--gece);font:800 10px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;transform:translateY(-105%);transition:transform .4s var(--ease)}
/* seçili */
.bilet-kart.secili{background:radial-gradient(120% 150% at 0% 50%,rgba(255,106,19,.24),transparent 58%),linear-gradient(180deg,#201A15,#141110);box-shadow:inset 0 0 0 1.5px var(--kabak)}
.bilet-kart.secili .bk-ad{color:var(--kemik)}
.bilet-kart.secili .bk-fiyat{border-left-color:rgba(255,106,19,.6)}
.bilet-kart.secili .bk-fiyat b{text-shadow:0 0 22px rgba(255,106,19,.55)}
.bilet-kart.secili .bk-damga{transform:none}
/* deste yelpaze gibi açılır: kaç bilet → o kadar karekod */
.bilet-kart.secili .bk-deste i{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 9px),-3px) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 15deg - max(0, 2 - var(--n)) * 4deg))}
@media (hover:hover) and (pointer:fine){
  .bilet-kart:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
  .bilet-kart.secili:hover{box-shadow:inset 0 0 0 1.5px var(--kabak)}
  .bilet-kart:hover .bk-deste i{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 4px),-1px) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 8deg - max(0, 2 - var(--n)) * 2deg))}
  .bilet-kart.secili:hover .bk-deste i{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 9px),-3px) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 15deg - max(0, 2 - var(--n)) * 4deg))}
}
.bilet-kart:active{transform:scale(.985)}
.bilet-kart:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--kor)}
.tur-alan.hatali .bilet-kart{box-shadow:inset 0 0 0 1px rgba(255,107,94,.55)}
/* bölüm görünürken kartlar sırayla gelir (JS yoksa hiç gizlenmez) */
.bilet-secim.giris-bekliyor .bilet-kart{opacity:0}
.bilet-secim.gorundu .bilet-kart{animation:kart-gir .7s var(--ease) backwards;animation-delay:calc(var(--sira) * 90ms)}
@keyframes kart-gir{from{opacity:0;transform:translate3d(0,16px,0)}}
@media (max-width:420px){.bilet-kart{grid-template-columns:52px 1fr auto;gap:10px;padding-right:14px}.bk-deste{width:52px}.bk-fiyat{padding-left:12px}.bk-fiyat b{font-size:26px}.bk-ad{font-size:16px}}
.eslik-baslik{margin:0 0 12px;font:800 11.5px/1.3 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--kabak-yaz)}
.eslik-baslik small{margin-left:6px;font-weight:600;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--sis)}
.kiyak-not{margin:0 0 26px;padding:12px 16px;border-radius:14px;background:rgba(255,106,19,.07);box-shadow:inset 0 0 0 1px rgba(255,106,19,.28);font-size:14.5px;line-height:1.55;color:var(--kemik-2)}
.kiyak-not b{color:var(--kabak-yaz)}
.basari-indirim{padding:12px 16px;border-radius:14px;background:rgba(255,106,19,.08);box-shadow:inset 0 0 0 1px rgba(255,106,19,.3)}
.kurallar-kutu{margin:6px 0 18px;padding:16px 16px 14px;border-radius:18px;border:1px dashed var(--cizgi-2);transition:border-color .3s,box-shadow .3s}
.kurallar-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kurallar-ac{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:rgba(255,106,19,.1);box-shadow:inset 0 0 0 1.5px var(--kabak);color:var(--kabak-yaz);font:800 14.5px var(--font);cursor:pointer;transition:background-color .25s}
.kurallar-ac:hover{background:rgba(255,106,19,.18)}
.kurallar-durum{font:800 11.5px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--sis)}
.kurallar-durum.tamam{color:var(--kor)}
.onay{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}
.onay input{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin:1px 0 0;border-radius:7px;border:1.5px solid var(--cizgi-2);background:var(--alan);cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}
.onay input:checked{background:var(--kabak);border-color:var(--kabak)}
.onay input:checked::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border-right:2.5px solid var(--gece);border-bottom:2.5px solid var(--gece);transform:rotate(45deg)}
.onay input:disabled{opacity:.5;cursor:pointer}
.onay label{font-size:14.5px;line-height:1.55;color:var(--kemik-2);cursor:pointer}
.kvkk{padding:2px 0}
.kural-not{margin:10px 0 0;font-weight:700;font-size:13px;color:var(--kabak-yaz)}
.kural-not.tamam{color:var(--kor)}
.vurgu{box-shadow:0 0 0 2px var(--hata);border-radius:18px}
.sallan{animation:sallan .5s ease}
@keyframes sallan{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
.kvkk-detay{margin:12px 0 0 38px}
.kvkk-detay summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--sis)}
.kvkk-detay p{margin:10px 0 0;font-size:13.5px;line-height:1.65;color:var(--sis)}
.f-ek{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.gonder{position:relative;overflow:hidden;width:100%;min-height:62px;margin:22px 0 0;border:0;border-radius:999px;background:linear-gradient(180deg,#FF7C2A,#F2580A);
  color:var(--gece);font:800 17.5px var(--font);letter-spacing:.01em;cursor:pointer;box-shadow:var(--parilti);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.gonder span{position:relative;z-index:1}
.gonder::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,240,210,.45),transparent);transform:skewX(-20deg);transition:left .9s var(--ease)}
.gonder:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,192,100,.5),0 22px 60px -12px rgba(255,106,19,.8)}
.gonder:hover::after{left:110%}
.gonder:disabled{opacity:.7;cursor:progress;transform:none}
.guven{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.6;color:var(--sis)}
.uyari{margin:0 0 18px;padding:14px 16px;border-radius:16px;background:rgba(255,107,94,.08);box-shadow:inset 0 0 0 1px rgba(255,107,94,.4);color:#FFC2BC;font-size:14.5px;line-height:1.55}
.uyari strong{color:#fff}
.uyari ul{margin:8px 0 0;padding-left:18px}
.basari-no{margin:0 0 12px;font:800 12px/1 var(--font);letter-spacing:.3em;color:var(--kabak-yaz)}
.basari h3,.kapali h3{margin:0 0 20px;font:700 clamp(2.3rem,4.2vw,3.4rem)/.95 var(--gotik);color:var(--kemik)}
.basari h3 span{color:var(--kabak)}
.basari p,.kapali p{margin:0 0 14px;color:var(--kemik-2);line-height:1.7}
.basari b{color:var(--kemik)}
.basari-adim{list-style:none;display:flex;gap:6px;margin:0 0 22px;padding:0}
.basari-adim li{flex:1;padding:11px 6px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--cizgi);text-align:center;font:800 11.5px/1.1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--sis-koyu)}
.basari-adim .tamam{background:var(--kabak);color:var(--gece);box-shadow:none}
.basari-adim .sirada{box-shadow:inset 0 0 0 1.5px var(--kabak);color:var(--kabak-yaz)}
.basari-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px}
.basari-eylem>a:not(.hap){color:var(--kabak-yaz);font-weight:700}

/* ------------------------------------------------------------------ kurallar (rehber) */
.blok-rehber{background:linear-gradient(180deg,var(--gece),var(--kurum))}
.rehber-izgara{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.afis-panel{padding:26px 26px 18px;border-radius:24px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--cizgi)}
.afis-panel h3{margin:0 0 16px;font:700 clamp(1.8rem,2.4vw,2.3rem)/1 var(--gotik);color:var(--kemik)}
.afis-kostum{background:radial-gradient(120% 90% at 100% 0%,rgba(255,106,19,.2),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px rgba(255,106,19,.35)}
.afis-kostum h3{color:var(--kabak)}
.afis-liste{list-style:none;margin:0;padding:0}
.afis-liste li{position:relative;margin:0 0 11px;padding-left:20px;font-size:15.5px;line-height:1.55;color:var(--kemik-2)}
.afis-liste li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--kabak);box-shadow:0 0 8px rgba(255,106,19,.8)}
.pm{color:var(--kemik);font-weight:700}
.cipler{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0}
.cipler li{padding:8px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--cizgi-2);font-weight:700;font-size:14px;color:var(--kemik)}
.cipler small{font-weight:500;color:var(--sis)}
.rehber-son{margin-top:30px;display:flex;justify-content:center}

/* ------------------------------------------------------------------ alt bilgi */
.alt{position:relative;background:var(--kurum)}
.alt-manzara{position:relative;height:clamp(320px,46vw,640px);overflow:hidden}
.alt-manzara picture,.alt-manzara img{width:100%;height:100%}
.alt-manzara img{object-fit:cover;object-position:50% 70%}
.alt-manzara::before{content:"";position:absolute;left:0;right:0;top:0;height:42%;z-index:1;background:linear-gradient(180deg,var(--kurum),rgba(16,14,12,0))}
.alt-manzara::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;background:linear-gradient(180deg,rgba(16,14,12,0),var(--kurum))}
.alt-cagri{position:absolute;left:0;right:0;top:10%;z-index:2;margin:0;padding:0 20px;text-align:center;font:700 clamp(2.8rem,8vw,7.2rem)/.9 var(--gotik);color:var(--kemik);text-shadow:0 6px 40px rgba(0,0,0,.7)}
.sponsor-bant{padding:28px 0;box-shadow:0 -1px 0 var(--cizgi),0 1px 0 var(--cizgi)}
.sponsorlar{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 44px;margin:0 auto}
/* logolar açık zemin için çizilmiş: tek renk kemik tonuna çevrilir, koyu zeminde hepsi eşit okunur */
.sponsorlar img{width:auto;max-width:150px;max-height:40px;height:auto;filter:brightness(0) invert(.86);opacity:.75;transition:opacity .3s}
.sponsorlar li:hover img{opacity:1}
.alt-bilgi{padding:40px 0 calc(28px + env(safe-area-inset-bottom))}
.alt-izgara{display:grid;gap:28px}
@media (min-width:760px){.alt-izgara{grid-template-columns:1fr auto;align-items:start}}
.kku-blok{display:flex;align-items:center;gap:14px}
.kku-blok img{width:52px;height:auto;filter:brightness(0) invert(.86)}
.kku-blok b{display:block;font-weight:800;color:var(--kemik)}
.kku-blok span{display:block;font-size:14px;color:var(--sis);max-width:36ch}
.iletisim{display:flex;flex-direction:column;gap:8px}
.iletisim a{color:var(--kemik-2);font-weight:700;text-decoration:none;transition:color .25s}
.iletisim a:hover{color:var(--kabak-yaz)}
/* WhatsApp: tek turuncu simge (numara yazmadan) — 0544 913 14 85 */
.iletisim a.wa-dugme{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:8px 18px 8px 8px;margin-bottom:6px;border-radius:999px;color:var(--kemik);
  box-shadow:inset 0 0 0 1.5px rgba(255,106,19,.45);transition:box-shadow .35s var(--ease),transform .35s var(--ease),color .25s}
.wa-dugme svg{width:44px;height:44px;padding:9px;border-radius:50%;background:var(--kabak);fill:var(--gece);box-shadow:0 10px 28px -8px rgba(255,106,19,.8);transition:transform .45s var(--ease-jole)}
.iletisim a.wa-dugme:hover{color:var(--kabak-yaz);box-shadow:inset 0 0 0 1.5px var(--kabak);transform:translateY(-2px)}
.wa-dugme:hover svg{transform:rotate(-10deg) scale(1.06)}
/* sağ altta sabit WhatsApp: yükleyici bitince yükselerek gelir; menü/pencere açıkken onların altında kalır */
.wa-sabit{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(10px + env(safe-area-inset-bottom)));z-index:50;display:flex;align-items:center;gap:10px;text-decoration:none;
  animation:wa-gel .7s var(--ease) 2.6s backwards}
.donus .wa-sabit,html:not(.yukleme-var) .wa-sabit{animation-delay:.4s}
.wa-sabit svg{width:58px;height:58px;padding:13px;border-radius:50%;background:var(--kabak);fill:var(--gece);
  box-shadow:0 0 0 1px rgba(255,192,100,.45),0 14px 34px -8px rgba(255,106,19,.85),0 0 0 6px rgba(255,106,19,.12);transition:transform .4s var(--ease),background-color .3s}
.wa-sabit:hover svg{background:var(--kor);transform:translateY(-2px) rotate(-8deg)}
.wa-sabit:active svg{transform:scale(.94)}
.wa-etiket{padding:9px 14px;border-radius:999px;background:rgba(11,10,9,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,106,19,.35);
  color:var(--kemik);font:800 13.5px/1 var(--font);white-space:nowrap;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .3s,transform .35s var(--ease)}
@media (hover:hover) and (pointer:fine){.wa-sabit:hover .wa-etiket,.wa-sabit:focus-visible .wa-etiket{opacity:1;transform:none}}
@keyframes wa-gel{from{opacity:0;transform:translate3d(0,24px,0) scale(.85)}}
@media (max-width:699px){.wa-sabit svg{width:54px;height:54px;padding:12px}}
.alt-son{margin:30px 0 0;font-size:13px;color:var(--sis-koyu)}

/* ------------------------------------------------------------------ kurallar penceresi */
.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,4,3,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet[hidden]{display:none}
.sheet-kart{width:100%;max-width:720px;max-height:100%;display:flex;flex-direction:column;background:#141210;color:var(--kemik);border-radius:28px 28px 0 0;box-shadow:inset 0 0 0 1px var(--cizgi),0 -30px 80px rgba(0,0,0,.6)}
@media (min-width:721px){.sheet{align-items:center;padding:24px}.sheet-kart{border-radius:28px;max-height:88vh}}
.sheet-ust{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;box-shadow:0 1px 0 var(--cizgi)}
.sheet-ust h3{margin:0;font:700 30px/1 var(--gotik)}
.sheet-kapat{min-height:42px;padding:0 16px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--cizgi-2);color:var(--kemik);font:800 14px var(--font);cursor:pointer}
.sheet-icerik{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:6px 20px 14px;font-size:16px;line-height:1.6}
.sheet-icerik:focus{outline:0}
ol.kurallar{list-style:none;margin:0;padding:0}
ol.kurallar>li{padding:18px 0 4px;box-shadow:0 -1px 0 var(--cizgi)}
ol.kurallar>li:first-child{box-shadow:none}
ol.kurallar h3{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font:800 17.5px/1.3 var(--font);color:var(--kemik)}
ol.kurallar h3 span{font:700 22px/1 var(--gotik);color:var(--kabak)}
ol.kurallar ul{margin:0;padding-left:20px}
ol.kurallar ul li{margin:0 0 9px;color:var(--kemik-2)}
ol.kurallar ul li::marker{color:var(--kabak)}
.sheet-son{margin:12px 0 0;padding:12px;border-radius:12px;border:1px dashed var(--cizgi-2);text-align:center;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sis)}
.sheet-alt{padding:12px 20px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--cizgi)}
.sheet-alt .kural-not{margin:0 0 10px}
.sheet-kabul{margin:0}
.sheet-kabul:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* ------------------------------------------------------------------ kademe ve erişilebilirlik */
.k-dusuk .hs-yarasalar,.k-statik .hs-yarasalar{display:none}
/* cb5: kaydırmaya bağlı ölçeklenen sahne katmanları sabit raster ölçeğinde kalır — her kaydırma karesinde yeniden rasterlenmesin */
.k-yuksek .hs-zemin,.k-yuksek .hs-ay,.k-yuksek .hs-sis-arka,.k-yuksek .hs-agac,.k-yuksek .hs-obje,.k-yuksek .hs-wm,
.k-orta .hs-zemin,.k-orta .hs-ay,.k-orta .hs-sis-arka,.k-orta .hs-agac,.k-orta .hs-obje,.k-orta .hs-wm{will-change:transform}
/* cb5 telefon / dokunmatik ("telefonda aşırı kasıyor", ölçüm: 4x yavaş işlemcide kaydırma): GPU'yu her karede yoran katmanlar
   kapalı — tam ekran karışım modlu gren, kayan içerik üstündeki bulanık cam (backdrop-filter), her karede ana iş parçacığında
   yeniden boyanan SVG yarasalar ve iki dev ağacın salınımı. Görünüm korunur: cam yerine biraz daha koyu düz zemin. */
.dokunmatik body::before{display:none}
.dokunmatik .hs-yarasalar{display:none}
.dokunmatik .hs-agac img{animation:none}
.dokunmatik .hs-bilgi{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(11,10,9,.84)}
.dokunmatik.bar-dolu .ust-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(11,10,9,.95)}
.dokunmatik .sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(5,4,3,.92)}
/* ekran dışındaki bölümlerin sürekli animasyonları durur (sahne.js [data-duraklat] → .durdu) */
.durdu,.durdu *,.durdu *::before,.durdu *::after{animation-play-state:paused!important}
.k-dusuk .hs-agac img,.k-dusuk .wm-isik img{animation:none}
.k-statik *,.k-statik *::before,.k-statik *::after{animation:none!important;transition-duration:.01ms!important}
.k-statik .hs-giris,.k-statik .hs-giris-obje,.k-statik [data-rv]{opacity:1!important;transform:none!important}
html:not(.js) [data-rv],html:not(.js) .hs-giris,html:not(.js) .hs-giris-obje,.sahne-yok [data-rv],.sahne-yok .hs-giris,.sahne-yok .hs-giris-obje{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}