:root{
  --murekkep:#08111c;
  --vagon:#101c2c;
  --peron:#162536;
  --cam:#1d3146;
  --pirinc:#d4a45a;
  --pirinc-2:#f0c56e;
  --pas:#c44830;
  --bilet:#f4ead4;
  --yazi:#efe4cd;
  --soluk:#9aa8b8;
  --sinyal:#e24a3a;
  --yesil:#3dba7a;
  --golge:0 18px 40px rgba(0,0,0,.35);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:"Figtree",system-ui,sans-serif;
  background:
    radial-gradient(1200px 500px at 10% -10%,rgba(212,164,90,.12),transparent 50%),
    linear-gradient(180deg,#071018 0%,var(--murekkep) 28%,#0b1522 100%);
  color:var(--yazi);
  line-height:1.7;
  min-height:100%;
}
body::before{
  content:"";
  position:fixed;inset:0;
  pointer-events:none;
  background-image:repeating-linear-gradient(
    90deg,
    transparent 0 22px,
    rgba(212,164,90,.035) 22px 23px
  );
  z-index:0;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--pirinc-2);text-decoration:none}
a:hover{color:#ffe6a8}
.sarma{width:min(1120px,calc(100% - 32px));margin-inline:auto;position:relative;z-index:1}

/* sticky gişe */
.gise{
  position:sticky;top:0;z-index:40;
  background:rgba(8,17,28,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(212,164,90,.28);
}
.gise-ic{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 0;min-height:72px;
}
.arma{
  display:flex;align-items:center;gap:10px;color:var(--bilet);font-weight:800;
  letter-spacing:.02em;
}
.arma img{width:42px;height:42px;border-radius:10px}
.arma b{font-family:"Bricolage Grotesque",sans-serif;font-size:1.15rem}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{color:var(--soluk);font-size:.92rem}
.nav a:hover{color:var(--bilet)}
.aksiyon{display:flex;gap:8px;flex-shrink:0}
.btn{
  appearance:none;border:0;cursor:pointer;
  font-family:"Bricolage Grotesque",sans-serif;
  font-weight:800;letter-spacing:.03em;
  border-radius:999px;padding:.72rem 1.05rem;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-giris{
  background:linear-gradient(180deg,#ff5a48,#c62822);
  color:#fff;
  box-shadow:0 0 0 0 rgba(226,74,58,.7);
  animation:nabiz 1.8s ease-out infinite;
}
.btn-uye{
  background:linear-gradient(180deg,#f0c56e,#c48a2e);
  color:#1a1206;
  animation:nabiz 1.8s ease-out infinite .35s;
}
.btn:hover{transform:translateY(-2px)}
@keyframes nabiz{
  0%{box-shadow:0 0 0 0 rgba(226,74,58,.55)}
  70%{box-shadow:0 0 0 14px rgba(226,74,58,0)}
  100%{box-shadow:0 0 0 0 rgba(226,74,58,0)}
}
.dil{display:flex;gap:6px;font-size:.78rem}
.dil a{color:var(--soluk);border:1px solid rgba(244,234,212,.18);padding:.2rem .4rem;border-radius:6px}
.dil a[aria-current="page"]{color:#1a1206;background:var(--pirinc);border-color:var(--pirinc)}

/* kayan serit */
.makara{
  overflow:hidden;border-block:1px solid rgba(212,164,90,.25);
  background:#0c1826;
}
.makara-ic{
  display:flex;gap:48px;width:max-content;
  animation:kay 28s linear infinite;
  padding:.55rem 0;font-family:"IBM Plex Mono",monospace;
  color:var(--pirinc);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;
}
@keyframes kay{to{transform:translateX(-50%)}}

/* hero / slider */
.peron-ust{padding:28px 0 10px}
.suru{
  position:relative;overflow:hidden;border-radius:26px;
  min-height:420px;box-shadow:var(--golge);
  border:1px solid rgba(212,164,90,.22);
}
.suru-slayt{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  display:flex;align-items:flex-end;
  padding:28px 28px 86px;
  transition:opacity .55s ease;
  background:
    linear-gradient(180deg,rgba(8,17,28,.15),rgba(8,17,28,.82)),
    var(--slayt-zemin);
  background-size:cover;
}
.suru-slayt.acik{opacity:1;pointer-events:auto;position:relative}
.suru h1,.suru h2{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(1.8rem,5vw,3.3rem);
  line-height:1.08;margin:0 0 12px;max-width:16ch;color:#fff;
}
.etiket{
  display:inline-block;margin-bottom:10px;
  font-family:"IBM Plex Mono",monospace;font-size:.75rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pirinc-2);
}
.suru p{max-width:52ch;color:#f0e6d2;margin:0 0 18px}
.suru-oklar{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:2}
.suru-oklar button{
  width:42px;height:42px;border-radius:50%;border:1px solid rgba(244,234,212,.3);
  background:rgba(8,17,28,.6);color:#fff;cursor:pointer;
}
.noktalar{position:absolute;left:28px;bottom:22px;display:flex;gap:7px;z-index:2}
.noktalar button{
  width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;
}
.noktalar button[aria-current="true"]{background:var(--pirinc);width:22px;border-radius:8px}

.z1{--slayt-zemin:linear-gradient(135deg,#1a2d44,#3a1d18 70%)}
.z2{--slayt-zemin:linear-gradient(135deg,#14283a,#1d3d2c)}
.z3{--slayt-zemin:linear-gradient(135deg,#241828,#163044)}

.cta-cift{display:flex;flex-wrap:wrap;gap:10px}

/* adres panosu */
.pano{
  margin:28px 0;
  background:linear-gradient(180deg,#1a140c,#12100c);
  border:1px solid rgba(212,164,90,.35);
  border-radius:22px;padding:18px;
  box-shadow:inset 0 0 0 6px rgba(20,14,8,.65), var(--golge);
}
.pano h2{font-family:"Bricolage Grotesque",sans-serif;margin:0 0 6px}
.pano .tarih{font-family:"IBM Plex Mono",monospace;color:var(--pirinc);font-size:.8rem}
.hatlar{display:grid;gap:10px;margin-top:14px}
.hat{
  display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;
  background:#0d1114;color:#d8f5c4;
  font-family:"IBM Plex Mono",monospace;
  border-radius:12px;padding:12px 14px;
  border-left:5px solid var(--yesil);
}
.hat.yedek{border-left-color:var(--pirinc);color:#f0e0b0}
.hat b{color:#fff;font-size:.95rem;word-break:break-all}
.kopya{
  border:0;border-radius:8px;padding:.45rem .7rem;cursor:pointer;
  background:var(--pirinc);color:#1a1206;font-weight:800;
}

/* kartlar */
.izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.kart{
  background:var(--vagon);
  border:1px solid rgba(212,164,90,.16);
  border-radius:var(--radius);padding:18px;
}
.kart h3{margin:0 0 8px;font-family:"Bricolage Grotesque",sans-serif}
.adim{counter-reset:adim}
.adim li{list-style:none;margin:0 0 10px;padding-left:36px;position:relative}
.adim li::before{
  counter-increment:adim;content:counter(adim);
  position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:50%;
  background:var(--pas);color:#fff;font-size:.8rem;
  display:grid;place-items:center;font-weight:800;
}

article.yazi{
  background:linear-gradient(180deg,rgba(22,37,54,.9),rgba(16,28,44,.95));
  border:1px solid rgba(244,234,212,.08);
  border-radius:24px;padding:clamp(18px,4vw,36px);
  margin:28px 0;
}
article.yazi h2{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2;margin-top:0;
}
article.yazi p{font-family:"Lora",Georgia,serif;font-size:1.05rem;color:#efe6d4}
article.yazi h3{font-family:"Bricolage Grotesque",sans-serif}

.bilet-serit{
  display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;
}
.bilet{
  min-width:min(280px,86vw);scroll-snap-align:start;
  background:var(--bilet);color:#1b140c;
  border-radius:16px;padding:16px 16px 16px 28px;
  position:relative;
}
.bilet::before,.bilet::after{
  content:"";position:absolute;width:18px;height:18px;border-radius:50%;
  background:var(--murekkep);left:-9px;
}
.bilet::before{top:16px}
.bilet::after{bottom:16px}
.bilet strong{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:1.15rem}
.yildiz{color:#b45309;letter-spacing:2px}

.sss details{
  background:var(--peron);border-radius:12px;padding:12px 14px;margin:8px 0;
  border:1px solid rgba(212,164,90,.12);
}
.sss summary{cursor:pointer;font-weight:700}

.etkinlik{
  display:grid;grid-template-columns:1.1fr .9fr;gap:16px;
  background:#120e0a;border:1px dashed rgba(212,164,90,.4);
  border-radius:20px;padding:18px;
}
.takvim{
  font-family:"IBM Plex Mono",monospace;color:var(--pirinc);
  font-size:.85rem;
}

footer{
  margin-top:40px;padding:28px 0 90px;
  border-top:1px solid rgba(212,164,90,.2);
  color:var(--soluk);font-size:.92rem;
}
.uyari{color:#f0c9a0}

.mobil-rampa{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(8,17,28,.96);border-top:1px solid rgba(212,164,90,.3);
  gap:8px;
}
.mobil-rampa .btn{flex:1}

@media (max-width:860px){
  .nav{display:none}
  .izgara,.etkinlik{grid-template-columns:1fr}
  .hat{grid-template-columns:1fr; }
  .mobil-rampa{display:flex}
  .suru{min-height:460px}
  .gise-ic{min-height:64px}
  .arma span{display:none}
}
@media (max-width:520px){
  .dil{display:none}
  .btn{padding:.7rem .85rem;font-size:.92rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}