/* =========================================================
   BULUŞMA: PRUSA — Türkiye Rotaract Konferansı
   Görsel dil: afişten alınan kâğıt / lacivert / zeytin / altın
   ========================================================= */

:root{
  --kagit:      #F4EEE2;
  --kagit-2:    #EBE2D1;
  --kagit-3:    #E1D6C0;
  --lacivert:   #1B2A41;
  --lacivert-k: #101B2C;
  --lacivert-a: #2C4059;
  --zeytin:     #3B5340;
  --cinar:      #8A9A72;
  --altin:      #C6A15B;
  --altin-a:    #E3C88A;
  --metin:      #24303F;
  --metin-2:    #5A6675;

  --serif: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --serif2: "Cormorant Garamond", Georgia, serif;
  --sans: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  --kap: 1200px;
  --gecis: .5s cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }

[hidden]{ display:none !important; }

html{
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
  scroll-padding-top:88px;
  overscroll-behavior-x:none;
}

body{
  margin:0;
  width:100%;
  max-width:100%;
  background:var(--kagit);
  color:var(--metin);
  font-family:var(--sans);
  font-weight:300;
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

@supports (overflow:clip){ html,body{ overflow-x:clip; } }

body.giris-kilitli{ overflow:hidden; }

/* =========================================================
   TİYATRO GİRİŞİ — perde, Hacıvat & Karagöz
   ========================================================= */
.tiyatro-giris{ display:none; }
.js .tiyatro-giris{
  --karakter-boyut:min(49vw,68vh,680px);
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  background:#111A2A;
  isolation:isolate;
  animation:tiyatroGuvence .01s linear 8s forwards;
}
.tiyatro-giris.tamamlaniyor{
  pointer-events:none;
  animation:tiyatroGirisiBitir .9s cubic-bezier(.4,0,.2,1) forwards;
}
.tiyatro-giris__sahne{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 47%,#FFFBE9 0 16%,#F6E7BC 54%,#D8B977 82%,#785538 100%),
    #E6CD91;
  box-shadow:inset 0 0 0 clamp(7px,1vw,15px) #101B2C,
             inset 0 0 0 clamp(10px,1.35vw,21px) #C6A15B;
}
.tiyatro-giris.oynuyor .tiyatro-giris__sahne{
  animation:golgePerdesiAydinlan 1.35s ease .18s both,
            golgePerdesiTitret .28s ease 2.17s;
}
.tiyatro-giris__sahne::before{
  content:"";
  position:absolute;
  inset:clamp(14px,2vw,30px);
  border:1px solid rgba(255,237,183,.88);
  box-shadow:inset 0 0 86px rgba(69,43,23,.24),0 0 26px rgba(255,232,169,.22);
  pointer-events:none;
}
.tiyatro-giris__sahne::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:14%;
  z-index:0;
  opacity:.3;
  background:
    linear-gradient(180deg,transparent,rgba(72,44,25,.34));
  border-top:1px solid rgba(91,56,31,.18);
}
.tiyatro-giris__doku{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.2;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(76,55,30,.12) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 18% 22%,rgba(87,61,31,.32) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 24%,rgba(87,61,31,.24) 0 1px,transparent 2px);
  background-size:auto,54px 54px,66px 66px;
  mix-blend-mode:multiply;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);
}
.tiyatro-giris__takdim{
  position:absolute;
  top:clamp(82px,12vh,122px);
  left:50%;
  z-index:1;
  width:min(80vw,620px);
  margin:0;
  color:#544127;
  font-size:clamp(.62rem,1.05vw,.82rem);
  font-weight:500;
  letter-spacing:.42em;
  line-height:1.5;
  text-align:center;
  text-transform:uppercase;
  opacity:0;
  transform:translate(-50%,12px);
}
.tiyatro-giris.oynuyor .tiyatro-giris__takdim{
  animation:tiyatroYaziGel .75s ease 1.05s forwards;
}
.tiyatro-karakter{
  position:absolute;
  bottom:max(18px,2.5vh);
  z-index:2;
  width:var(--karakter-boyut);
  aspect-ratio:1 / 1;
  overflow:hidden;
  opacity:0;
  transform-origin:50% 82%;
  will-change:transform,opacity;
}
.tiyatro-karakter::before{
  content:"";
  position:absolute;
  top:48%;
  z-index:2;
  width:44%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#1E1710,#6A4A2C 48%,#1C140D);
  box-shadow:0 1px 1px rgba(255,235,180,.25),0 4px 7px rgba(39,24,13,.24);
  opacity:.72;
  transform-origin:center;
}
.tiyatro-karakter img{
  position:absolute;
  top:0;
  z-index:1;
  width:200%;
  height:100%;
  max-width:none;
  opacity:.92;
  mix-blend-mode:multiply;
  filter:saturate(.76) sepia(.08) contrast(1.18) drop-shadow(9px 10px 4px rgba(41,25,13,.34));
}
.tiyatro-karakter span{
  position:absolute;
  bottom:2.5%;
  z-index:3;
  padding:5px 13px 4px;
  border:1px solid rgba(91,56,31,.7);
  border-radius:999px;
  background:rgba(247,235,199,.88);
  box-shadow:0 6px 18px rgba(41,25,14,.17);
  color:#332719;
  font-family:var(--serif2);
  font-size:clamp(.8rem,1.35vw,1rem);
  font-weight:600;
  letter-spacing:.11em;
  line-height:1;
}
.tiyatro-karakter--karagoz{ left:50%; transform:translateX(calc(-50vw - 58%)) rotate(-5deg); }
.tiyatro-karakter--karagoz img{ left:0; }
.tiyatro-karakter--karagoz::before{ left:0; transform:rotate(8deg); }
.tiyatro-karakter--karagoz span{ left:38%; transform:translateX(-50%); color:#8F281E; }
.tiyatro-karakter--hacivat{ right:50%; transform:translateX(calc(50vw + 58%)) rotate(5deg); }
.tiyatro-karakter--hacivat img{ right:0; }
.tiyatro-karakter--hacivat::before{ right:0; transform:rotate(-8deg); }
.tiyatro-karakter--hacivat span{ left:62%; transform:translateX(-50%); color:#315E3A; }
.tiyatro-giris.oynuyor .tiyatro-karakter--karagoz{
  animation:karagozCarpis 1.48s cubic-bezier(.2,.7,.22,1) 1.12s forwards;
}
.tiyatro-giris.oynuyor .tiyatro-karakter--hacivat{
  animation:hacivatCarpis 1.48s cubic-bezier(.2,.7,.22,1) 1.12s forwards;
}
.tiyatro-giris__carpisma{
  position:absolute;
  top:54%;
  left:50%;
  z-index:4;
  width:clamp(54px,7vw,96px);
  aspect-ratio:1;
  border:1px solid rgba(112,75,37,.62);
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 28px rgba(255,236,174,.76);
  transform:translate(-50%,-50%) scale(.45);
}
.tiyatro-giris.oynuyor .tiyatro-giris__carpisma{
  animation:carpismaParla .64s ease-out 2.14s both;
}
.tiyatro-giris__carpisma b{
  position:absolute;
  inset:28%;
  border:2px solid rgba(84,55,28,.7);
  border-radius:50%;
  background:rgba(255,246,207,.44);
  box-shadow:0 0 20px rgba(255,242,195,.82);
}
.tiyatro-giris__baslik{
  position:absolute;
  top:clamp(118px,17.5vh,172px);
  left:50%;
  z-index:3;
  width:min(88vw,760px);
  color:var(--lacivert);
  text-align:center;
  opacity:0;
  transform:translate(-50%,16px) scale(.96);
}
.tiyatro-giris.oynuyor .tiyatro-giris__baslik{
  animation:tiyatroBaslikGel .78s cubic-bezier(.2,.72,.26,1) 2.34s forwards;
}
.tiyatro-giris__baslik strong{
  display:block;
  font-family:var(--serif);
  font-size:clamp(2rem,5vw,4.6rem);
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.05;
  text-shadow:0 2px rgba(255,255,255,.7);
}
.tiyatro-perde{
  position:absolute;
  top:0;
  bottom:0;
  z-index:5;
  width:51%;
  background:
    linear-gradient(90deg,rgba(41,4,16,.72),transparent 18% 79%,rgba(38,3,14,.7)),
    repeating-linear-gradient(90deg,#4A071A 0 6%,#8E1734 12%,#A32840 18%,#671026 26%);
  box-shadow:inset 0 0 48px rgba(24,2,10,.56);
  filter:drop-shadow(0 14px 22px rgba(16,5,10,.46));
  will-change:clip-path;
}
.tiyatro-perde::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg,#8F6A2E,#F0CF79 28%,#8B642B 68%,#E3C88A);
  box-shadow:0 0 12px rgba(240,207,121,.45);
  opacity:.88;
}
.tiyatro-perde--sol{ left:0; }
.tiyatro-perde--sol::before{ right:0; }
.tiyatro-perde--sag{ right:0; }
.tiyatro-perde--sag::before{ left:0; }
.tiyatro-giris.oynuyor .tiyatro-perde--sol{
  animation:perdeSolAc 1.62s cubic-bezier(.58,.04,.18,1) .18s forwards;
}
.tiyatro-giris.oynuyor .tiyatro-perde--sag{
  animation:perdeSagAc 1.62s cubic-bezier(.58,.04,.18,1) .18s forwards;
}
.tiyatro-perde i{
  position:absolute;
  top:47%;
  width:30px;
  height:82px;
  border:2px solid #7F5D26;
  border-radius:50%;
  background:linear-gradient(90deg,#9C7434,#F0D489,#A87B36);
  box-shadow:0 4px 18px rgba(20,4,9,.45);
  opacity:0;
  transform:scale(.8);
}
.tiyatro-perde i::after{
  content:"";
  position:absolute;
  left:50%;
  top:72px;
  width:24px;
  height:54px;
  background:linear-gradient(90deg,#876124,#E4C56D,#98702D);
  clip-path:polygon(22% 0,78% 0,100% 100%,50% 82%,0 100%);
  transform:translateX(-50%);
}
.tiyatro-perde--sol i{ left:14%; }
.tiyatro-perde--sag i{ right:14%; }
.tiyatro-giris.oynuyor .tiyatro-perde i{
  animation:perdeBagiGel .48s ease 1.05s forwards;
}
.tiyatro-giris__ust-perde{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:6;
  height:clamp(115px,19vh,184px);
  background:
    linear-gradient(180deg,rgba(40,3,14,.92),transparent 52%),
    repeating-linear-gradient(90deg,#52081D 0 8%,#9A1C38 15%,#650D25 24%);
  border-bottom:6px solid #C6A15B;
  box-shadow:0 10px 24px rgba(24,3,10,.45);
  transform-origin:top;
  will-change:transform;
}
.tiyatro-giris.oynuyor .tiyatro-giris__ust-perde{
  animation:ustPerdeYerles 1.42s cubic-bezier(.58,.04,.18,1) .18s forwards;
}
.tiyatro-giris__ust-perde span{
  position:absolute;
  bottom:-42%;
  width:22%;
  height:72%;
  border-bottom:5px solid #C6A15B;
  border-radius:0 0 52% 52%;
  background:
    linear-gradient(90deg,rgba(45,4,16,.58),transparent 35% 65%,rgba(45,4,16,.58)),
    #7E152F;
  box-shadow:0 11px 18px rgba(22,2,8,.26);
}
.tiyatro-giris__ust-perde span:nth-child(1){ left:-1%; }
.tiyatro-giris__ust-perde span:nth-child(2){ left:19.5%; }
.tiyatro-giris__ust-perde span:nth-child(3){ left:40%; }
.tiyatro-giris__ust-perde span:nth-child(4){ left:60.5%; }
.tiyatro-giris__ust-perde span:nth-child(5){ left:81%; }
.tiyatro-giris__gec{
  position:absolute;
  right:clamp(16px,2.5vw,34px);
  bottom:clamp(16px,2.5vw,30px);
  z-index:8;
  padding:10px 15px;
  border:1px solid rgba(239,209,131,.7);
  border-radius:999px;
  background:rgba(16,27,44,.82);
  color:#F4EEE2;
  font:500 .72rem/1 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .25s,color .25s,transform .25s;
}
.tiyatro-giris__gec:hover,
.tiyatro-giris__gec:focus-visible{
  background:#E3C88A;
  color:#101B2C;
  outline:2px solid #F4EEE2;
  outline-offset:3px;
  transform:translateY(-2px);
}

@keyframes perdeSolAc{
  0%{ clip-path:polygon(0 0,100% 0,100% 18%,100% 42%,100% 62%,100% 82%,100% 100%,0 100%); }
  42%{ clip-path:polygon(0 0,88% 0,82% 18%,72% 42%,76% 62%,68% 82%,62% 100%,0 100%); }
  76%{ clip-path:polygon(0 0,53% 0,41% 18%,31% 42%,26% 62%,32% 82%,22% 100%,0 100%); }
  88%{ clip-path:polygon(0 0,47% 0,35% 18%,25% 42%,19% 62%,26% 82%,17% 100%,0 100%); }
  100%{ clip-path:polygon(0 0,45% 0,32% 18%,23% 42%,17% 62%,24% 82%,15% 100%,0 100%); }
}
@keyframes perdeSagAc{
  0%{ clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 82%,0 62%,0 42%,0 18%); }
  42%{ clip-path:polygon(12% 0,100% 0,100% 100%,38% 100%,32% 82%,24% 62%,28% 42%,18% 18%); }
  76%{ clip-path:polygon(47% 0,100% 0,100% 100%,78% 100%,68% 82%,74% 62%,69% 42%,59% 18%); }
  88%{ clip-path:polygon(53% 0,100% 0,100% 100%,83% 100%,74% 82%,81% 62%,75% 42%,65% 18%); }
  100%{ clip-path:polygon(55% 0,100% 0,100% 100%,85% 100%,76% 82%,83% 62%,77% 42%,68% 18%); }
}
@keyframes ustPerdeYerles{
  0%{ transform:translateY(0) scaleY(1); }
  72%{ transform:translateY(-51%) scaleY(.8); }
  88%{ transform:translateY(-46%) scaleY(.84); }
  100%{ transform:translateY(-48%) scaleY(.82); }
}
@keyframes perdeBagiGel{
  to{ opacity:1; transform:scale(1); }
}
@keyframes karagozCarpis{
  0%{ opacity:0; transform:translateX(calc(-50vw - 58%)) rotate(-5deg); }
  14%{ opacity:1; }
  34%{ opacity:1; transform:translateX(-94%) translateY(-2%) rotate(-4deg); }
  54%{ opacity:1; transform:translateX(-78%) translateY(1%) rotate(1deg); }
  68%{ opacity:1; transform:translateX(-68%) translateY(-1%) rotate(3deg); }
  78%{ opacity:1; transform:translateX(-77%) translateY(1%) rotate(-4deg); }
  90%{ opacity:1; transform:translateX(-70%) rotate(1deg); }
  100%{ opacity:1; transform:translateX(-72%) rotate(0); }
}
@keyframes hacivatCarpis{
  0%{ opacity:0; transform:translateX(calc(50vw + 58%)) rotate(5deg); }
  14%{ opacity:1; }
  34%{ opacity:1; transform:translateX(94%) translateY(-2%) rotate(4deg); }
  54%{ opacity:1; transform:translateX(78%) translateY(1%) rotate(-1deg); }
  68%{ opacity:1; transform:translateX(68%) translateY(-1%) rotate(-3deg); }
  78%{ opacity:1; transform:translateX(77%) translateY(1%) rotate(4deg); }
  90%{ opacity:1; transform:translateX(70%) rotate(-1deg); }
  100%{ opacity:1; transform:translateX(72%) rotate(0); }
}
@keyframes carpismaParla{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(.45); }
  28%{ opacity:.72; transform:translate(-50%,-50%) scale(.88); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(1.8); }
}
@keyframes golgePerdesiAydinlan{
  from{ filter:brightness(.68) sepia(.2); }
  to{ filter:brightness(1) sepia(0); }
}
@keyframes golgePerdesiTitret{
  0%,100%{ transform:translateX(0); }
  28%{ transform:translateX(-2px); }
  58%{ transform:translateX(2px); }
  80%{ transform:translateX(-1px); }
}
@keyframes tiyatroYaziGel{
  to{ opacity:.84; transform:translate(-50%,0); }
}
@keyframes tiyatroBaslikGel{
  to{ opacity:1; transform:translate(-50%,0) scale(1); }
}
@keyframes tiyatroGirisiBitir{
  0%{ opacity:1; filter:brightness(1); }
  34%{ opacity:1; filter:brightness(1.08); }
  100%{ opacity:0; filter:brightness(1.18); }
}
@keyframes tiyatroGuvence{
  to{ visibility:hidden; opacity:0; pointer-events:none; }
}

img{ max-width:100%; display:block; }
a{ color:inherit; }

::selection{ background:var(--altin); color:#fff; }

/* kâğıt dokusu — tüm sayfaya ince gren */
body::before{
  content:"";
  position:fixed; inset:0; z-index:1; pointer-events:none;
  opacity:.42; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}

/* ---------- ortak yapı ---------- */
.kap{ width:min(100% - 48px, var(--kap)); margin-inline:auto; position:relative; z-index:2; }
.kap--dar{ width:min(100% - 48px, 860px); }

.bolum{ position:relative; padding:clamp(72px,9vw,130px) 0; overflow:hidden; }
.bolum--kagit{ background:var(--kagit); }
.bolum--kagit2{ background:linear-gradient(180deg,var(--kagit) 0%, var(--kagit-2) 100%); }
.bolum--koyu{ background:var(--lacivert); color:#EFE7D8; }
.bolum--koyu .baslik{ color:#F6EFE2; }

/* koyu bölümlerin üst-alt altın çizgisi */
.bolum--koyu::before,.bolum--koyu::after{
  content:""; position:absolute; left:0; right:0; height:1px; z-index:3;
  background:linear-gradient(90deg,transparent,var(--altin),transparent); opacity:.55;
}
.bolum--koyu::before{ top:0; } .bolum--koyu::after{ bottom:0; }

/* osmanlı geometrik motif katmanı */
.motif{
  position:absolute; inset:0; pointer-events:none; opacity:.13;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='1'%3E%3Cpath d='M60 4 96 24v40L60 84 24 64V24z'/%3E%3Cpath d='M60 20 84 33v27L60 73 36 60V33z'/%3E%3Ccircle cx='60' cy='46' r='9'/%3E%3Cpath d='M0 64 24 78v28M120 64 96 78v28M60 84v36'/%3E%3C/g%3E%3C/svg%3E");
  background-size:150px 150px;
  mask-image:radial-gradient(ellipse at 50% 40%, #000 10%, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 40%, #000 10%, transparent 78%);
}

/* sekiz köşeli yıldız — ağır ağır akan ikinci motif katmanı */
.motif--yildiz{
  opacity:.11;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='1'%3E%3Crect x='27' y='27' width='46' height='46'/%3E%3Crect x='27' y='27' width='46' height='46' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M0 50h13M87 50h13M50 0v13M50 87v13'/%3E%3C/g%3E%3C/svg%3E");
  background-size:104px 104px;
  mask-image:linear-gradient(180deg, transparent, #000 22%, #000 74%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 22%, #000 74%, transparent);
  animation:motifAk 120s linear infinite;
}
@keyframes motifAk{ from{ background-position:0 0; } to{ background-position:416px 208px; } }

/* başlık blokları */
.baslik-blok{ text-align:center; margin-bottom:clamp(38px,5vw,64px); }
.etiket{
  font-size:12px; letter-spacing:.42em; text-transform:uppercase;
  color:var(--zeytin); margin:0 0 14px; font-weight:500;
}
.etiket--altin{ color:var(--altin); }

.baslik{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.1rem,5.4vw,3.6rem);
  line-height:1.1; margin:0;
  color:var(--lacivert);
  letter-spacing:.01em;
}
.baslik--acik{ color:#F6EFE2; }

.alt-metin{ color:var(--metin-2); max-width:640px; margin:18px auto 0; font-size:16px; }
.bolum--koyu .alt-metin{ color:#C9C0AF; }

.susleme{ display:flex; align-items:center; justify-content:center; gap:16px; margin:18px auto 0; max-width:280px; }
.susleme span{ height:1px; flex:1; background:linear-gradient(90deg,transparent,var(--zeytin)); opacity:.5; }
.susleme span:last-child{ background:linear-gradient(90deg,var(--zeytin),transparent); }
.susleme em{ font-style:normal; color:var(--zeytin); font-size:11px; letter-spacing:.3em; }
.susleme--altin span{ background:linear-gradient(90deg,transparent,var(--altin)); }
.susleme--altin span:last-child{ background:linear-gradient(90deg,var(--altin),transparent); }
.susleme--altin em{ color:var(--altin); }

.giris{ font-family:var(--serif2); font-size:clamp(1.2rem,2.2vw,1.5rem); line-height:1.6; color:var(--lacivert); }

/* düğmeler */
.dugme{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 34px; border:1px solid transparent; border-radius:2px;
  font-family:var(--sans); font-size:13px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; text-decoration:none;
  cursor:pointer; transition:var(--gecis); position:relative; overflow:hidden;
}
.dugme--dolu{ background:var(--lacivert); color:#F4EEE2; border-color:var(--lacivert); }
.dugme--dolu:hover{ background:var(--altin); border-color:var(--altin); color:var(--lacivert-k); transform:translateY(-2px); }
.dugme--cizgi{ border-color:var(--lacivert); color:var(--lacivert); }
.dugme--cizgi:hover{ background:var(--lacivert); color:var(--kagit); transform:translateY(-2px); }
.dugme--altin{ border-color:var(--altin); color:var(--altin); }
.dugme--altin:hover{ background:var(--altin); color:var(--lacivert-k); transform:translateY(-2px); }
.bolum--koyu .dugme--dolu{ background:var(--altin); border-color:var(--altin); color:var(--lacivert-k); }
.bolum--koyu .dugme--dolu:hover{ background:var(--altin-a); border-color:var(--altin-a); }

/* okuma çizgisi */
/* genişlik yerine transform ile ölçeklenir: her karede yeniden düzen olmaz */
.okuma-cizgisi{
  position:fixed; top:0; left:0; height:2px; width:100%; z-index:120;
  background:linear-gradient(90deg,var(--zeytin),var(--altin));
  transform:scaleX(0); transform-origin:left;
}

.atla{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--lacivert); color:var(--kagit); padding:12px 20px;
}
.atla:focus{ left:12px; top:12px; }

.gorunmez{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* =========================================================
   ÜST MENÜ
   ========================================================= */
.ustbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  transition:var(--gecis);
  border-bottom:1px solid transparent;
}
/* zemin ayrı bir katmanda: .ustbar'a filtre uygulanırsa
   içindeki position:fixed mobil menü panelini hapseder */
.ustbar::before{
  content:""; position:absolute; inset:0; z-index:-1; opacity:0;
  background:rgba(244,238,226,.92);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(27,42,65,.12);
  box-shadow:0 10px 30px -22px rgba(16,27,44,.7);
  transition:opacity var(--gecis); pointer-events:none;
}
.ustbar.kucuk::before{ opacity:1; }
.ustbar__ic{
  width:min(100% - 40px,1320px); margin-inline:auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 0; transition:var(--gecis);
}
.ustbar.kucuk .ustbar__ic{ padding:11px 0; }

.marka{ display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--lacivert); }
.marka__logo{
  width:auto; height:30px; flex:none; transition:var(--gecis);
}
.marka:hover .marka__logo{ transform:translateY(-1px); }
.marka__cizgi{ width:1px; height:30px; background:linear-gradient(180deg,transparent,var(--altin),transparent); flex:none; }
.marka__yazi{ display:flex; flex-direction:column; line-height:1.15; }
.marka__yazi b{ font-family:var(--serif); font-weight:600; font-size:15px; letter-spacing:.14em; }
.marka__yazi i{ font-style:normal; font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--zeytin); }

.menu{ display:flex; align-items:center; gap:6px; }
.menu a{
  text-decoration:none; color:var(--lacivert);
  font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  padding:10px 13px; position:relative; transition:color .3s; white-space:nowrap;
}
.menu a::after{
  content:""; position:absolute; left:13px; right:13px; bottom:4px; height:1px;
  background:var(--altin); transform:scaleX(0); transform-origin:left; transition:transform .35s;
}
.menu a:hover::after,.menu a.aktif::after{ transform:scaleX(1); }
.menu a.aktif{ color:var(--zeytin); }
.menu__cta{
  margin-left:10px; border:1px solid var(--lacivert); border-radius:2px;
  padding:10px 20px !important;
}
.menu__cta::after{ display:none; }
.menu__cta:hover{ background:var(--lacivert); color:var(--kagit) !important; }

.hamburger{
  display:none; width:44px; height:44px; border:1px solid rgba(27,42,65,.25);
  background:rgba(244,238,226,.6); border-radius:2px; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.hamburger span{ display:block; width:20px; height:1.5px; background:var(--lacivert); transition:.3s; }
.hamburger.acik span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.hamburger.acik span:nth-child(2){ opacity:0; }
.hamburger.acik span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative; min-height:100svh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  --siluetY:clamp(210px,27vw,350px);
  padding:126px 24px var(--siluetY); text-align:center; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(ellipse 80% 60% at 50% 30%, #FBF7EE 0%, transparent 60%),
    linear-gradient(180deg,#F6F1E6 0%, #EFE7D7 55%, #E7DCC8 100%);
}
.hero__harita{ position:absolute; inset:-5% -5% 20%; opacity:.5; z-index:-3; }
.hero__harita svg{ width:100%; height:100%; }
.hero__doku{
  position:absolute; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(198,161,91,.16), transparent 42%),
    radial-gradient(circle at 88% 72%, rgba(59,83,64,.14), transparent 46%);
}
.hero__serit{ position:absolute; top:-4%; right:-6%; width:min(46vw,520px); height:112%; z-index:-1; opacity:.9; }
.hero__yaprak{ position:absolute; top:-10px; left:-14px; width:min(30vw,320px); z-index:-1; opacity:.9; }

.hero__ic{ position:relative; z-index:3; width:min(100%,1000px); }

.hero__ustbaslik{
  font-size:clamp(11px,1.5vw,15px); letter-spacing:.52em; text-transform:uppercase;
  color:var(--lacivert); margin:0; font-weight:500; padding-left:.5em;
}
.hero__ic .susleme{ max-width:170px; margin-block:16px; }
.hero__slogan{
  font-size:clamp(11px,1.35vw,13.5px); letter-spacing:.28em; text-transform:uppercase;
  color:var(--zeytin); font-weight:500; line-height:2; margin:0 0 6px;
}

.hero__baslik{ margin:0; }
.hero__bulusma{
  display:block; font-family:var(--serif); font-weight:600;
  font-size:clamp(1.6rem,5.6vw,3.9rem); color:var(--zeytin);
  letter-spacing:.06em; line-height:1.2;
}
.hero__prusa{
  display:flex; justify-content:center; align-items:baseline;
  font-family:var(--serif); font-weight:700;
  font-size:clamp(4.6rem,19.5vw,15.5rem); line-height:.92;
  letter-spacing:-.005em; margin-top:-.06em;
}
.hero__prusa span{
  display:inline-block;
  background:linear-gradient(168deg,#33465F 0%, var(--lacivert) 42%, #0E1826 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:harfGel .95s cubic-bezier(.2,.7,.3,1) backwards;
  filter:drop-shadow(0 12px 30px rgba(16,27,44,.18));
}
.hero__prusa span:nth-child(1){ animation-delay:.15s; }
.hero__prusa span:nth-child(2){ animation-delay:.27s; }
.hero__prusa span:nth-child(3){ animation-delay:.39s; }
.hero__prusa span:nth-child(4){ animation-delay:.51s; }
.hero__prusa span:nth-child(5){ animation-delay:.63s; }
@keyframes harfGel{
  from{ opacity:0; transform:translateY(38px) scale(.94); filter:blur(9px); }
  to{ opacity:1; transform:none; filter:blur(0); }
}

.hero__meta{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px;
  margin-top:26px; color:var(--lacivert);
  font-size:12.5px; letter-spacing:.17em; text-transform:uppercase;
}
.hero__meta span{ display:inline-flex; align-items:center; gap:9px; }
.hero__meta svg{ width:17px; height:17px; fill:none; stroke:var(--altin); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.hero__meta i{ width:4px; height:4px; background:var(--altin); border-radius:50%; opacity:.7; }

.hero__rozet{
  display:inline-block; margin:26px 0 0; padding:9px 22px;
  border:1px solid rgba(198,161,91,.55); border-radius:100px;
  background:rgba(255,255,255,.35);
  font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--zeytin);
}
.hero__butonlar{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:32px; }

/* geri sayım */
.gerisayim{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:34px; }
.gerisayim__kutu{
  min-width:96px; padding:14px 8px; border:1px solid rgba(27,42,65,.16);
  background:rgba(255,255,255,.4); backdrop-filter:blur(4px); border-radius:2px;
}
.gerisayim__kutu b{ display:block; font-family:var(--serif); font-size:2.1rem; color:var(--lacivert); line-height:1; }
.gerisayim__kutu span{ font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--zeytin); }

/* siluet */
.siluet{
  position:absolute; left:0; right:0; bottom:-1px; width:100%;
  height:var(--siluetY); z-index:2; color:var(--lacivert);
}
.siluet__kat1{ fill:#8E9BA8; opacity:.42; }
.siluet__kat2{ fill:#4A5B6E; opacity:.55; }
.siluet__kat2 .camlar{ fill:#3E5241; }
.siluet__kat3{ fill:var(--lacivert); }
.siluet__kat3 .kemer{ fill:#0E1826; }
.siluet__kat3 .kopru-acikligi{ fill:#AAB4BF; opacity:.85; }
.siluet__kat3 .pencere{ fill:#EFE6D6; opacity:.75; }
.siluet__kat3 .selvi{ fill:#223548; }
.teleferik{ stroke:var(--lacivert); fill:var(--lacivert); opacity:.7; stroke-width:1.2; }

.kaydir{
  position:absolute; bottom:26px; left:50%; transform:translateX(-50%);
  z-index:4; width:22px; height:38px; border:1px solid rgba(244,238,226,.55);
  border-radius:20px; display:flex; justify-content:center; padding-top:7px;
}
.kaydir span{ width:3px; height:7px; background:var(--altin-a); border-radius:3px; animation:kaydirAnim 1.9s infinite; }
@keyframes kaydirAnim{ 0%{opacity:0;transform:translateY(0)} 35%{opacity:1} 100%{opacity:0;transform:translateY(13px)} }

/* =========================================================
   KONFERANS / metin bölümü
   ========================================================= */
.ikili{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(32px,5vw,72px); align-items:start; }
.ikili p{ margin:0 0 18px; }

.isaret-liste{ list-style:none; padding:0; margin:26px 0 0; }
.isaret-liste li{ position:relative; padding-left:30px; margin-bottom:12px; }
.isaret-liste li::before{
  content:"❖"; position:absolute; left:0; top:-1px; color:var(--altin); font-size:12px;
}

/* istatistik paneli — tek çerçeve, altın saç çizgileriyle bölünmüş */
.istatistik{
  position:relative; display:grid; grid-template-columns:1fr 1fr;
  border:1px solid rgba(198,161,91,.5);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.85), transparent 65%),
    linear-gradient(155deg, rgba(255,255,255,.72), rgba(228,217,197,.55));
  box-shadow:0 34px 70px -55px rgba(16,27,44,.95);
}
/* iç çerçeve */
.istatistik::before{
  content:""; position:absolute; inset:7px; border:1px solid rgba(198,161,91,.22);
  pointer-events:none; z-index:2;
}
/* çizgilerin kesiştiği yerde altın baklava */
.istatistik::after{
  content:""; position:absolute; left:50%; top:50%; width:11px; height:11px; z-index:3;
  transform:translate(-50%,-50%) rotate(45deg);
  background:var(--kagit); border:1px solid var(--altin);
}
.istatistik__oge{
  position:relative; padding:34px 22px 30px; text-align:center; transition:var(--gecis);
}
.istatistik__oge:nth-child(odd){ border-right:1px solid rgba(198,161,91,.3); }
.istatistik__oge:nth-child(-n+2){ border-bottom:1px solid rgba(198,161,91,.3); }
.istatistik__oge:hover{ background:rgba(198,161,91,.08); }
.istatistik__sus{
  display:block; font-size:9px; color:var(--altin); letter-spacing:.3em;
  margin-bottom:10px; transition:var(--gecis);
}
.istatistik__oge:hover .istatistik__sus{ letter-spacing:.6em; }
.istatistik__oge b{
  display:block; font-family:var(--serif); font-weight:500; font-size:clamp(2.4rem,4vw,3rem);
  color:var(--lacivert); line-height:1; letter-spacing:.01em;
}
.istatistik__ad{
  display:block; margin-top:12px; padding-top:12px; position:relative;
  font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--zeytin);
}
.istatistik__ad::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:34px; height:1px; background:var(--altin); opacity:.7; transition:var(--gecis);
}
.istatistik__oge:hover .istatistik__ad::before{ width:60px; }
.istatistik__oge i{ display:block; margin-top:7px; font-style:normal; font-size:12.5px; color:var(--metin-2); }

/* =========================================================
   TEMA
   ========================================================= */
/* anlatı bloğu */
.anlati{ position:relative; isolation:isolate; max-width:900px; margin:0 auto; padding:clamp(28px,4vw,44px) clamp(18px,3vw,40px); }
.anlati::before,.anlati::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  width:min(100%,420px); height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,161,91,.75),transparent);
}
.anlati::before{ top:0; } .anlati::after{ bottom:0; }
.anlati__isik{
  position:absolute; inset:-10% -6%; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%, rgba(198,161,91,.16), transparent 62%);
  animation:isikNefes 9s ease-in-out infinite;
}
@keyframes isikNefes{ 0%,100%{ opacity:.5; transform:scale(.94) } 50%{ opacity:1; transform:scale(1.04) } }

.tema__anlati{
  font-family:var(--serif2); font-size:clamp(1.15rem,2.1vw,1.5rem);
  line-height:1.85; text-align:center; margin:0; color:#DCD3C2;
}

/* Bursa mirası — kaydırınca çizilen hat */
.miras{ margin:clamp(34px,4.5vw,54px) 0 clamp(46px,6vw,72px); }
.miras__cizim{ width:100%; height:auto; display:block; }
.miras__cizim path{
  fill:none; stroke:var(--altin); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke; opacity:.9;
}
.miras__cizim .miras__zemin{ opacity:.4; }
.miras__etiketler{ display:grid; grid-template-columns:repeat(6,1fr); margin-top:14px; }
.miras__etiketler span{
  text-align:center; font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:rgba(198,161,91,.8); opacity:0; transform:translateY(8px);
  transition:opacity .7s ease, transform .7s ease;
}
.miras.cizildi .miras__etiketler span{ opacity:1; transform:none; }
.miras.cizildi .miras__etiketler span:nth-child(2){ transition-delay:.12s; }
.miras.cizildi .miras__etiketler span:nth-child(3){ transition-delay:.24s; }
.miras.cizildi .miras__etiketler span:nth-child(4){ transition-delay:.36s; }
.miras.cizildi .miras__etiketler span:nth-child(5){ transition-delay:.48s; }
.miras.cizildi .miras__etiketler span:nth-child(6){ transition-delay:.6s; }
.sutun3{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,28px); }

.tema-kart{
  border:1px solid rgba(198,161,91,.28); padding:38px 30px; text-align:center;
  background:rgba(255,255,255,.03); transition:var(--gecis); position:relative; border-radius:2px;
}
.tema-kart::after{
  content:""; position:absolute; inset:8px; border:1px solid rgba(198,161,91,.16);
  pointer-events:none; opacity:0; transition:var(--gecis);
}
.tema-kart:hover{ background:rgba(198,161,91,.07); transform:translateY(-6px); border-color:var(--altin); }
.tema-kart:hover::after{ opacity:1; }
.tema-kart__ikon{ width:60px; height:60px; margin:0 auto 20px; }
.tema-kart__ikon svg{ width:100%; height:100%; fill:none; stroke:var(--altin); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.tema-kart h3{ font-family:var(--serif); font-weight:500; font-size:1.6rem; margin:0 0 12px; color:#F6EFE2; }
.tema-kart p{ margin:0; color:#C4BBAA; font-size:15.5px; }

/* Tema kültür rötuşları — klasik düzen, Bursa ve İznik vurguları */
.bolum--tema{
  background:
    radial-gradient(circle at 50% 38%,rgba(198,161,91,.08),transparent 38%),
    linear-gradient(180deg,#1B2A41 0%,#17263D 52%,#1B2A41 100%);
}
.bolum--tema::before,
.bolum--tema::after{
  height:14px;
  background:url("../img/cini-bordur.svg") repeat-x center/auto 100%;
  opacity:.62;
}
.bolum--tema::after{ transform:rotate(180deg); }
.bolum--tema > .motif{ opacity:.065; animation:none; }
.bolum--tema > .motif--yildiz{ opacity:.038; }
.bolum--tema .anlati{
  border-inline:1px solid rgba(198,161,91,.13);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
}
.bolum--tema .anlati__isik{
  inset:0; opacity:.13; animation:none;
  background:
    url("../img/cini-rozet.svg") no-repeat center/250px,
    radial-gradient(ellipse at 50% 50%,rgba(198,161,91,.24),transparent 68%);
}
.tema__izler{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 15px;
  margin-top:clamp(22px,3vw,32px); padding-top:18px;
  border-top:1px solid rgba(198,161,91,.18);
  color:#D9D0C0; font-size:9px; font-weight:500; letter-spacing:.26em; text-transform:uppercase;
}
.tema__izler i{ color:var(--altin); font-size:6px; font-style:normal; opacity:.82; }
.miras__ic{
  padding:clamp(14px,2vw,22px) clamp(8px,1.6vw,18px) 16px;
  border-block:1px solid rgba(198,161,91,.28);
  background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(46,139,139,.035),rgba(255,255,255,.015));
}
.miras__cizim .miras-yapi--ulucami path{ stroke:#E3C98D; }
.miras__cizim .miras-yapi--yesilturbe path{ stroke:#45AAA2; }
.miras__cizim .miras-yapi--irgandi path:last-child{ stroke:#7AB7BC; }
.miras__etiketler span:nth-child(3){ color:rgba(69,170,162,.92); }
.miras__etiketler span:nth-child(4){ color:rgba(122,183,188,.9); }
@media (hover:none){ .tema-kart:hover{ transform:none; } }

/* afiş bloğu */
.afis{
  display:grid; grid-template-columns:minmax(0,420px) 1fr; gap:clamp(28px,4vw,60px);
  align-items:center; margin-top:clamp(50px,6vw,80px);
}
.afis>*{ min-width:0; }
.afis__cerceve{
  margin:0; padding:clamp(8px,2vw,14px); border:1px solid rgba(198,161,91,.45);
  background:linear-gradient(160deg,rgba(198,161,91,.18),rgba(198,161,91,.04));
  box-shadow:0 40px 80px -40px rgba(0,0,0,.8);
  transition:transform .5s cubic-bezier(.22,.61,.36,1), border-color .5s ease, background-color .5s ease;
}
@media (hover:hover){
  .afis__cerceve:hover{ transform:translateY(-6px) rotate(-.6deg); border-color:rgba(198,161,91,.72); }
}

.afis__gorsel{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
.afis__yan h3{ font-family:var(--serif); font-weight:500; font-size:clamp(1.6rem,3vw,2.3rem); margin:0 0 6px; color:#F6EFE2; }
.afis__yan .susleme{ margin-block:14px 20px; }
.afis__yan p{ color:#C4BBAA; margin:0; font-size:16.5px; line-height:1.85; }

.susleme--sol{ margin-inline:0 auto; max-width:210px; }

/* =========================================================
   PROGRAM
   ========================================================= */
.sekmeler{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:44px; }
.sekme{
  font-family:var(--sans); cursor:pointer; background:transparent;
  border:1px solid rgba(27,42,65,.2); border-radius:2px;
  padding:14px 26px; color:var(--lacivert); transition:var(--gecis);
  font-size:13px; letter-spacing:.2em; text-transform:uppercase; text-align:center;
}
.sekme em{ display:block; font-style:normal; font-size:11px; letter-spacing:.12em; color:var(--metin-2); margin-top:4px; text-transform:none; }
.sekme:hover{ border-color:var(--altin); }
.sekme.aktif{ background:var(--lacivert); border-color:var(--lacivert); color:var(--kagit); }
.sekme.aktif em{ color:var(--altin-a); }

.panel{ display:none; }
.panel.aktif{ display:block; animation:panelGel .55s ease both; }
@keyframes panelGel{ from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }

.zaman{ list-style:none; margin:0 auto; padding:0; max-width:820px; position:relative; }
.zaman::before{
  content:""; position:absolute; left:104px; top:10px; bottom:10px; width:1px;
  background:linear-gradient(180deg,transparent,var(--altin) 12%,var(--altin) 88%,transparent);
  opacity:.55;
}
.zaman li{ display:grid; grid-template-columns:104px 1fr; gap:34px; padding:0 0 34px; position:relative; }
.zaman li::before{
  content:""; position:absolute; left:99px; top:9px; width:11px; height:11px;
  border:1px solid var(--altin); background:var(--kagit); transform:rotate(45deg);
  transition:var(--gecis);
}
.zaman li:hover::before{ background:var(--altin); }
.zaman__saat{
  font-family:var(--serif); font-size:1.32rem; color:var(--zeytin); text-align:right;
  padding-right:4px; line-height:1.3;
}
.zaman h4{ font-family:var(--serif); font-weight:500; font-size:1.28rem; margin:0 0 6px; color:var(--lacivert); }
.zaman p{ margin:0; color:var(--metin-2); font-size:15.5px; }

/* =========================================================
   KONUŞMACILAR
   ========================================================= */
.sutun4{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.sutun2{
  display:grid; grid-template-columns:repeat(2,minmax(0,300px)); gap:clamp(22px,4vw,48px);
  justify-content:center;
}
.kisi{ text-align:center; }
.kisi__foto{
  aspect-ratio:4/5; border:1px solid rgba(198,161,91,.45);
  border-radius:50% 50% 3px 3px / 36% 36% 3px 3px;
  background:
    radial-gradient(circle at 50% 38%, rgba(198,161,91,.2), transparent 60%),
    linear-gradient(160deg,var(--kagit-2),var(--kagit-3));
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px; transition:var(--gecis); position:relative; overflow:hidden;
  box-shadow:0 26px 50px -42px rgba(16,27,44,.9);
}
/* içeride ikinci kemer hattı */
.kisi__foto::before{
  content:""; position:absolute; inset:12px;
  border:1px solid rgba(198,161,91,.4);
  border-radius:50% 50% 2px 2px / 36% 36% 2px 2px;
  pointer-events:none;
}
/* alt kenarda çini şerit */
.kisi__foto::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:16px;
  background:url("../img/cini-bordur.svg") repeat-x center/auto 100%;
  opacity:.55; transition:var(--gecis);
}
.kisi:hover .kisi__foto{ transform:translateY(-6px); border-color:var(--altin); }
.kisi:hover .kisi__foto::after{ opacity:1; }
.kisi__silik{ font-family:var(--serif); font-size:2.4rem; color:rgba(198,161,91,.55); letter-spacing:.2em; }
.kisi h3{ font-family:var(--serif); font-weight:500; font-size:1.25rem; margin:0 0 4px; color:var(--lacivert); }
.kisi p{ margin:0; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--zeytin); }

/* =========================================================
   ÇİNİ KATMANLARI
   ========================================================= */
.cini-serit{
  position:absolute; left:0; right:0; top:0; height:38px; z-index:4;
  background:url("../img/cini-bordur.svg") repeat-x center/auto 100%;
  box-shadow:0 10px 26px -18px rgba(0,0,0,.9);
}
.cini-serit--alt{ top:auto; bottom:0; transform:scaleY(-1); }
.bolum--cini{ padding-top:clamp(88px,8.6vw,126px); padding-bottom:clamp(88px,8.6vw,126px); }
.bolum--cini::before,.bolum--cini::after{ display:none; }

.motif--cini{
  opacity:.07;
  background:url("../img/cini-rozet.svg") no-repeat center 42%;
  background-size:min(92vw,780px);
  mask-image:radial-gradient(circle at 50% 42%, #000 20%, transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 50% 42%, #000 20%, transparent 72%);
  animation:cinidon 220s linear infinite;
}
@keyframes cinidon{ from{ transform:rotate(0deg) } to{ transform:rotate(360deg) } }

/* =========================================================
   PRUSA — kaydırdıkça canlanan tezhipli Bursa minyatürleri
   ========================================================= */
.bolum--cini .motif:not(.motif--cini){ opacity:.045; }
.bolum--cini .motif--cini{ opacity:.035; background-size:min(86vw,640px); }

.yer-izgara{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.2vw,26px);
  width:100%;
  min-width:0;
}
.yer{
  --yer-cizgi:#E3C88A;
  --yer-hava:rgba(198,161,91,.12);
  --yer-dolgu:rgba(227,200,138,.16);
  --yer-ikincil:#91A8B2;
  --yer-koyu:rgba(16,27,44,.7);
  min-width:0;
  border:1px solid rgba(198,161,91,.28);
  border-radius:3px;
  background:
    linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.01) 48%,rgba(0,0,0,.08)),
    rgba(16,27,44,.12);
  transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color .5s,background .5s;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  contain:layout paint;
  padding:0 28px 32px;
}
.yer--ulucami{ --yer-cizgi:#E2C98D; --yer-hava:rgba(216,201,170,.15); --yer-dolgu:rgba(216,201,170,.2); --yer-ikincil:#9CB2BA; }
.yer--kozahan{ --yer-cizgi:#D6A24D; --yer-hava:rgba(112,70,46,.2); --yer-dolgu:rgba(214,162,77,.16); --yer-ikincil:#E8E2D4; --yer-koyu:rgba(81,49,30,.72); }
.yer--yesilturbe{ --yer-cizgi:#61C9BF; --yer-hava:rgba(46,139,139,.2); --yer-dolgu:rgba(46,139,139,.22); --yer-ikincil:#BFE6D9; --yer-koyu:rgba(20,72,73,.78); }
.yer--irgandi{ --yer-cizgi:#D2B77D; --yer-hava:rgba(74,155,165,.18); --yer-dolgu:rgba(180,68,46,.2); --yer-ikincil:#65C3CB; --yer-koyu:rgba(91,56,31,.78); }
.yer--cumalikizik{ --yer-cizgi:#D67B5F; --yer-hava:rgba(180,68,46,.18); --yer-dolgu:rgba(232,226,212,.2); --yer-ikincil:#D6A24D; --yer-koyu:rgba(86,58,46,.82); }
.yer--uludag{ --yer-cizgi:#DCE9ED; --yer-hava:rgba(110,147,161,.2); --yer-dolgu:rgba(110,147,161,.23); --yer-ikincil:#EAF4F4; --yer-koyu:rgba(52,78,91,.78); }
.yer::before{
  content:""; position:absolute; left:0; top:0; width:100%; height:2px;
  z-index:3;
  background:linear-gradient(90deg,var(--yer-cizgi),transparent); transform:scaleX(0);
  transform-origin:left; transition:transform .55s;
}
.yer.calisti::before,.yer:hover::before{ transform:scaleX(1); }
.yer.calisti{ border-color:rgba(198,161,91,.5); }
@media (hover:hover){
  .yer:hover{ transform:translateY(-6px); border-color:rgba(198,161,91,.65); background-color:rgba(198,161,91,.045); }
}
.yer h3{ font-family:var(--serif); font-weight:500; font-size:1.45rem; margin:0 0 10px; color:#F6EFE2; }
.yer p{ margin:0; color:#BEB5A4; font-size:15px; }
.yer__nisan{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  margin:0 0 10px;
  color:var(--yer-cizgi);
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.17em;
  line-height:1.2;
  text-transform:uppercase;
}
.yer__nisan::before{
  content:"";
  width:17px;
  height:1px;
  margin-right:8px;
  background:currentColor;
  opacity:.6;
}

/* çizim sahnesi */
.yer__sahne{
  display:block; width:calc(100% + 56px); margin:0 -28px 22px; padding:26px 18px 18px;
  background:
    radial-gradient(ellipse 72% 88% at 50% 100%,var(--yer-hava),transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.14));
  border:0; border-bottom:1px solid rgba(198,161,91,.2);
  cursor:pointer; position:relative; overflow:hidden; font-family:var(--sans);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.yer__sahne::before{
  content:"";
  position:absolute;
  inset:12px 14px 8px;
  z-index:0;
  border:1px solid rgba(198,161,91,.16);
  border:1px solid color-mix(in srgb,var(--yer-cizgi) 24%,transparent);
  border-radius:48% 48% 2px 2px / 22% 22% 2px 2px;
  pointer-events:none;
}
.yer__sahne::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:url("../img/cini-rozet.svg") no-repeat 50% 54% / min(54%,190px);
  opacity:.035;
  transition:opacity .8s ease;
  pointer-events:none;
}
.yer.calisti .yer__sahne::after{ opacity:.075; }
.yer__sahne:focus-visible{ outline:2px solid var(--yer-cizgi); outline-offset:-4px; }
.yer__sahne:disabled{ cursor:default; }
.yer__cizim{ position:relative; z-index:1; display:block; width:100%; height:clamp(136px,15vw,164px); overflow:visible; }
.yer.canlan .yer__cizim{ animation:yerSahneGel .9s cubic-bezier(.22,.61,.36,1) both; }
@keyframes yerSahneGel{
  from{ opacity:.55; transform:translateY(8px) scale(.985); }
  to{ opacity:1; transform:none; }
}
.yer__cizim path{
  fill:none; stroke:var(--yer-cizgi); stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.yer__cizim .zemin,.yer__cizim .tas{ opacity:.45; }
.yer__cizim .isik rect{ fill:var(--altin-a); opacity:0; }
.yer__cizim ellipse,.yer__cizim circle{ fill:none; stroke:var(--yer-cizgi); stroke-width:1.2; vector-effect:non-scaling-stroke; }
.yer__cizim .yapi-dolgu,
.yer__cizim .mescit-dolgu,
.yer__cizim .kopru-dolgu,
.yer__cizim .dukkan-dolgu,
.yer__cizim .dag-dolgu{
  fill:var(--yer-dolgu);
  fill-opacity:0;
}
.yer__cizim .kapi-dolgu,
.yer__cizim .ahsap-dolgu{ fill:var(--yer-koyu); fill-opacity:0; }
.yer__cizim .cati-dolgu,
.yer__cizim .pencere-dolgu,
.yer__cizim .kar-tepe,
.yer__cizim .cam-dolgu{ fill:var(--yer-ikincil); fill-opacity:0; }
.yer.calisti .yapi-dolgu,
.yer.calisti .mescit-dolgu,
.yer.calisti .kopru-dolgu,
.yer.calisti .dukkan-dolgu,
.yer.calisti .dag-dolgu{ fill-opacity:.82; }
.yer.calisti .kapi-dolgu,
.yer.calisti .ahsap-dolgu,
.yer.calisti .cati-dolgu,
.yer.calisti .pencere-dolgu,
.yer.calisti .kar-tepe,
.yer.calisti .cam-dolgu{ fill-opacity:.72; }
.yer.canlan .yapi-dolgu,
.yer.canlan .mescit-dolgu,
.yer.canlan .kopru-dolgu,
.yer.canlan .dukkan-dolgu,
.yer.canlan .dag-dolgu,
.yer.canlan .kapi-dolgu,
.yer.canlan .ahsap-dolgu,
.yer.canlan .cati-dolgu,
.yer.canlan .pencere-dolgu,
.yer.canlan .kar-tepe,
.yer.canlan .cam-dolgu{ animation:yerDolguGel 1.25s ease .38s both; }
@keyframes yerDolguGel{ from{ fill-opacity:0; } }

.yer--kozahan .ipek ellipse{ fill:#D6A24D; fill-opacity:.62; }
.yer--yesilturbe .kubbe-yesil{ fill:#2E8B8B; fill-opacity:0; }
.yer--yesilturbe.calisti .kubbe-yesil{ fill-opacity:.34; }
.yer--irgandi .su path,.yer--irgandi .yansima path{ stroke:var(--yer-ikincil); }
.yer--cumalikizik .pencere-dolgu{ fill:#F1C76C; }
.yer--uludag .kar-tepe{ fill:#F4EEE2; }
.yer--uludag .cam-dolgu{ fill:#55735C; }

/* --- mekâna özel canlanmalar --- */
.yer__cizim g{ transform-box:view-box; }

/* Ulu Cami: kubbeler sırayla ışık alır, pencereler yanar */
.yer.canlan .kubbe path{ animation:kubbeIsik 1.5s ease-out; }
.yer.canlan .kubbe path:nth-child(2){ animation-delay:.12s; }
.yer.canlan .kubbe path:nth-child(3){ animation-delay:.24s; }
.yer.canlan .kubbe path:nth-child(4){ animation-delay:.36s; }
.yer.canlan .kubbe path:nth-child(5){ animation-delay:.5s; }
@keyframes kubbeIsik{
  0%{ stroke:var(--yer-cizgi); stroke-width:1.3; }
  40%{ stroke:#FFF1CE; stroke-width:2.6; }
  100%{ stroke:var(--yer-cizgi); stroke-width:1.3; }
}
.yer.canlan .isik rect{ animation:pencereYan 2.6s ease-out .7s; }
.yer.canlan .isik rect:nth-child(2){ animation-delay:.9s; }
.yer.canlan .isik rect:nth-child(3){ animation-delay:1.1s; }
.yer.canlan .isik rect:nth-child(4){ animation-delay:1.3s; }
@keyframes pencereYan{ 0%{opacity:0} 25%{opacity:.85} 100%{opacity:.2} }

/* Koza Han: ipek kozalar sallanır */
.yer.canlan .ipek{ animation:kozaSalla 3.2s ease-in-out; transform-origin:242px 66px; }
.yer.canlan .ipek--iki{ animation-duration:2.6s; animation-delay:.2s; transform-origin:358px 62px; }
@keyframes kozaSalla{
  0%,100%{ transform:rotate(0deg) }
  20%{ transform:rotate(7deg) } 45%{ transform:rotate(-6deg) }
  70%{ transform:rotate(3.5deg) } 88%{ transform:rotate(-1.5deg) }
}

/* Yeşil Türbe: çiniler turkuaz parlar, kubbe yeşile çalar */
.yer__cizim .cini path{ fill:none; stroke:var(--yer-cizgi); opacity:.5; }
.yer.canlan .cini path{ animation:ciniParla 2.2s ease-out; }
.yer.canlan .cini path:nth-child(2){ animation-delay:.14s; }
.yer.canlan .cini path:nth-child(3){ animation-delay:.28s; }
.yer.canlan .cini path:nth-child(4){ animation-delay:.42s; }
.yer.canlan .cini path:nth-child(5){ animation-delay:.56s; }
@keyframes ciniParla{
  0%{ opacity:.5; stroke:var(--yer-cizgi); fill:transparent; }
  35%{ opacity:1; stroke:#5FD0CE; fill:rgba(46,139,139,.55); }
  100%{ opacity:.5; stroke:var(--yer-cizgi); fill:transparent; }
}
.yer.canlan .kubbe-yesil{ animation:kubbeYesil 2.6s ease-in-out; }
@keyframes kubbeYesil{ 0%,100%{ stroke:var(--yer-cizgi); fill-opacity:.34 } 45%{ stroke:#BFE6D9; stroke-width:2.2; fill-opacity:.58 } }

/* Irgandı: su akar, yansımalar titrer */
.yer__cizim .su path{ opacity:.55; }
.yer__cizim .yansima path{ opacity:.3; }
.yer.canlan .su path{ animation:suAk 3.4s linear; }
.yer.canlan .su .su--alt{ animation-duration:4.6s; }
@keyframes suAk{ from{ transform:translateX(0) } to{ transform:translateX(-48px) } }
.yer.canlan .yansima path{ animation:yansi 2.8s ease-in-out; }
.yer.canlan .yansima path:nth-child(2){ animation-delay:.2s; }
.yer.canlan .yansima path:nth-child(3){ animation-delay:.4s; }
@keyframes yansi{ 0%,100%{ opacity:.3; transform:translateX(0) } 50%{ opacity:.75; transform:translateX(4px) } }

/* Cumalıkızık: bacadan duman */
.yer__cizim .duman circle{ opacity:0; }
.yer.canlan .duman circle{ animation:dumanCik 3.4s ease-out; }
.yer.canlan .duman circle:nth-child(2){ animation-delay:.7s; }
.yer.canlan .duman circle:nth-child(3){ animation-delay:1.4s; }
@keyframes dumanCik{
  0%{ opacity:0; transform:translate(0,0) scale(.4) }
  25%{ opacity:.7 }
  100%{ opacity:0; transform:translate(-12px,-34px) scale(1.5) }
}
.yer__cizim .kaldirim path{ opacity:.28; stroke:var(--yer-ikincil); }
.yer.canlan .kaldirim path{ animation:kaldirimParla 1.8s ease-out; }
.yer.canlan .kaldirim path:nth-child(2n){ animation-delay:.12s; }
.yer.canlan .kaldirim path:nth-child(3n){ animation-delay:.24s; }
@keyframes kaldirimParla{
  0%{ opacity:.2; }
  45%{ opacity:1; stroke:#F1C76C; }
  100%{ opacity:.35; }
}

/* Uludağ: teleferik kayar, kar düşer */
.yer__cizim .kar circle{ opacity:0; fill:#EFE6D6; stroke:none; }
.yer.canlan .kabin--bir{ animation:kabinKayBir 4.2s ease-in-out; }
.yer.canlan .kabin--iki{ animation:kabinKayIki 4.2s ease-in-out .2s; }
@keyframes kabinKayBir{ 0%,100%{ transform:translate(0,0) } 50%{ transform:translate(38px,2px) } }
@keyframes kabinKayIki{ 0%,100%{ transform:translate(0,0) } 50%{ transform:translate(-34px,-2px) } }
.yer.canlan .kar circle{ animation:karDus 4s linear; }
.yer.canlan .kar circle:nth-child(2){ animation-delay:.5s; animation-duration:4.8s; }
.yer.canlan .kar circle:nth-child(3){ animation-delay:1s; animation-duration:3.6s; }
.yer.canlan .kar circle:nth-child(4){ animation-delay:1.6s; animation-duration:4.4s; }
@keyframes karDus{
  0%{ opacity:0; transform:translate(0,0) } 15%{ opacity:.85 }
  100%{ opacity:0; transform:translate(-10px,86px) }
}

.lezzet{ margin-top:clamp(44px,5vw,68px); text-align:center; }
.lezzet h3{
  font-size:12px; letter-spacing:.4em; text-transform:uppercase; color:var(--altin);
  font-weight:500; margin:0 0 18px;
}
.lezzet__satir{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px;
  font-family:var(--serif2); font-size:clamp(1.1rem,2.2vw,1.6rem); color:#E6DECD;
}
.lezzet__satir i{ font-style:normal; color:var(--altin); font-size:.8em; }

/* =========================================================
   BİLGİ KARTLARI
   ========================================================= */
/* =========================================================
   KERVANSARAY — konaklama & ulaşım
   ========================================================= */
.bolum--kervan{
  background:
    radial-gradient(ellipse 70% 34% at 50% 20%, rgba(227,200,138,.28), transparent 72%),
    linear-gradient(180deg,var(--kagit) 0%, #EFE3CD 62%, var(--kagit-2) 100%);
}
/* kervansaray hissi: hafif tezhip dokusu */
.kervan-doku{
  position:absolute; inset:0; pointer-events:none; opacity:.48;
  background:
    radial-gradient(ellipse 72% 48% at 50% 78%, rgba(198,161,91,.16), transparent 70%);
}

/* revak gözleri */
.bilgi-izgara{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2vw,24px); }
.revak{
  position:relative; text-align:center; padding:78px 26px 34px; min-height:330px;
  transition:var(--gecis);
}
.revak__kemer{
  position:absolute; inset:0; width:100%; height:100%; pointer-events:none;
}
.revak__kemer path{
  fill:rgba(255,255,255,.42); stroke:rgba(198,161,91,.6); stroke-width:1.2;
  vector-effect:non-scaling-stroke; transition:var(--gecis);
}
.revak:hover{ transform:translateY(-6px); }
.revak:hover .revak__kemer path{ fill:#FFFDF8; stroke:var(--altin); stroke-width:1.6; }
.revak__kilit{
  position:absolute; top:14px; left:50%; transform:translateX(-50%);
  color:var(--altin); font-size:11px; letter-spacing:.2em;
}
.revak__no{
  position:relative; display:block; font-family:var(--serif); font-size:1.5rem;
  color:rgba(198,161,91,.85); line-height:1; margin-bottom:14px; letter-spacing:.12em;
}
.revak h3{
  position:relative; font-family:var(--serif); font-weight:500; font-size:1.28rem;
  margin:0 0 12px; color:var(--lacivert);
}
.revak p{ position:relative; margin:0; font-size:14.5px; color:var(--metin-2); }
.revak__not{
  display:inline-block; margin-top:14px !important; font-size:10.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--zeytin); border:1px solid rgba(59,83,64,.32);
  padding:4px 12px; border-radius:100px;
}

/* =========================================================
   KAYIT / PAKETLER
   ========================================================= */
/* biletler */
.biletler{
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,30px);
  align-items:stretch;
}
.bilet{
  position:relative; border:1px solid rgba(198,161,91,.35); border-radius:3px;
  background:linear-gradient(175deg, rgba(255,255,255,.055), rgba(0,0,0,.16));
  box-shadow:0 34px 70px -55px #000;
  transition:var(--gecis); display:flex; flex-direction:column;
}
.bilet:hover{ transform:translateY(-8px); border-color:var(--altin); box-shadow:0 44px 80px -50px rgba(0,0,0,.95); }
.bilet--one{
  border-color:var(--altin); background:linear-gradient(175deg, rgba(198,161,91,.16), rgba(0,0,0,.2));
  box-shadow:0 44px 80px -48px #000, 0 0 0 1px rgba(198,161,91,.25) inset;
}
@media (min-width:901px){ .bilet--one{ margin-top:-18px; } }

/* biletin tepesindeki çini bordür */
.bilet__cini{
  height:22px; border-radius:2px 2px 0 0;
  background:url("../img/cini-bordur.svg") repeat-x center/auto 100%;
  opacity:.85; border-bottom:1px solid rgba(198,161,91,.45);
}
.bilet:hover .bilet__cini{ opacity:1; }
.bilet__kurdele{
  position:absolute; top:-13px; left:50%; transform:translateX(-50%); z-index:3;
  background:var(--altin); color:var(--lacivert-k); font-size:10.5px;
  letter-spacing:.24em; text-transform:uppercase; padding:6px 20px; border-radius:2px; white-space:nowrap;
  box-shadow:0 10px 22px -14px #000;
}

.bilet__bas{ padding:26px 30px 22px; text-align:center; }
.bilet__no{
  display:block; font-family:var(--serif); font-size:.95rem; letter-spacing:.3em;
  color:rgba(198,161,91,.7); margin-bottom:8px;
}
.bilet__bas h3{ font-family:var(--serif); font-weight:500; font-size:1.75rem; margin:0; color:#F6EFE2; }
.bilet__tanim{ margin:8px 0 0; font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--altin); }

/* perfore ayraç + kenar kertikleri */
.bilet__ayrac{ position:relative; height:1px; margin:0 18px;
  background-image:linear-gradient(90deg, rgba(198,161,91,.55) 50%, transparent 50%);
  background-size:9px 1px;
}
.bilet__ayrac::before,.bilet__ayrac::after{
  content:""; position:absolute; top:50%; width:22px; height:22px; border-radius:50%;
  background:var(--lacivert); transform:translateY(-50%);
  box-shadow:0 0 0 1px rgba(198,161,91,.28) inset;
}
.bilet__ayrac::before{ left:-29px; }
.bilet__ayrac::after{ right:-29px; }

.bilet__govde{ padding:26px 30px 32px; display:flex; flex-direction:column; flex:1; }
.bilet__ucret{
  margin:0 0 22px; text-align:center; padding:12px 10px;
  border:1px solid rgba(198,161,91,.3); border-radius:2px; background:rgba(0,0,0,.14);
}
.bilet__ucret b{
  display:block; font-family:var(--sans); font-weight:400; font-size:10px;
  letter-spacing:.3em; text-transform:uppercase; color:rgba(240,232,217,.5); margin-bottom:4px;
}
.bilet__ucret span{ font-family:var(--serif); font-size:1.35rem; color:var(--altin); letter-spacing:.03em; }

.bilet ul{ list-style:none; padding:0; margin:0 0 28px; flex:1; }
.bilet li{ position:relative; padding-left:26px; margin-bottom:11px; color:#C4BBAA; font-size:15px; }
.bilet li::before{
  content:""; position:absolute; left:3px; top:10px; width:8px; height:8px;
  border:1px solid var(--altin); transform:rotate(45deg); transition:var(--gecis);
}
.bilet:hover li::before{ background:rgba(198,161,91,.5); }
.bilet .dugme{ width:100%; }
.paket-aciklama{
  width:min(100%,760px); margin:26px auto 0; color:#BFB5A5; text-align:center;
  font-size:13px; line-height:1.65; letter-spacing:.03em;
}

.kayit-serit{
  margin-top:clamp(44px,5vw,64px); text-align:left;
  border:1px solid rgba(198,161,91,.3); padding:clamp(28px,4vw,44px);
  background:rgba(0,0,0,.15); border-radius:2px;
}
.kayit-sistem__bas{
  display:flex; align-items:flex-start; justify-content:space-between; gap:28px;
  margin-bottom:clamp(26px,4vw,40px); padding-bottom:24px;
  border-bottom:1px solid rgba(198,161,91,.24);
}
.kayit-sistem__bas .etiket{ margin:0 0 8px; }
.kayit-sistem__bas h3{
  margin:0; color:#F6EFE2; font-family:var(--serif); font-weight:500;
  font-size:clamp(1.65rem,3vw,2.25rem); line-height:1.2;
}
.kayit-sistem__bas div>p:last-child{ max-width:680px; margin:10px 0 0; color:#BFB5A5; font-size:15px; line-height:1.65; }
.kayit-sistem__durum{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid rgba(198,161,91,.35); border-radius:999px;
  color:var(--altin-a); font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase;
}
.kayit-sistem__durum::before{ content:""; width:7px; height:7px; border-radius:50%; background:#A98A50; box-shadow:0 0 0 4px rgba(169,138,80,.12); }
.kayit-sistem__durum[data-durum="acik"]{ color:#A9D2B1; border-color:rgba(116,178,128,.45); }
.kayit-sistem__durum[data-durum="acik"]::before{ background:#74B280; box-shadow:0 0 0 4px rgba(116,178,128,.12); }
.kayit-sistem__durum[data-durum="kapali"]{ color:#D8C393; }

.katilimci-akis{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  margin:-10px 0 32px; border:1px solid rgba(198,161,91,.24);
  background:rgba(198,161,91,.2);
}
.katilimci-akis article{
  display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:start;
  min-width:0; padding:18px; background:rgba(13,24,40,.86);
}
.katilimci-akis article>span{
  display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(198,161,91,.48);
  border-radius:50%; color:var(--altin-a); font-family:var(--serif2); font-size:1rem;
}
.katilimci-akis b{ display:block; color:#F3EBDD; font-family:var(--serif); font-size:1rem; font-weight:500; line-height:1.3; }
.katilimci-akis small{ display:block; margin-top:5px; color:#AFA596; font-size:11.5px; line-height:1.5; }

.katilimci-onizleme{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,330px); gap:clamp(26px,5vw,54px); align-items:center;
  margin:0 0 32px; padding:clamp(22px,4vw,38px); border:1px solid rgba(198,161,91,.24);
  background:linear-gradient(135deg,rgba(198,161,91,.06),rgba(255,255,255,.02));
}
.katilimci-onizleme__metin .etiket{ margin:0 0 6px; }
.katilimci-onizleme__metin h4{ margin:0; color:#FFF7E8; font-family:var(--serif); font-size:clamp(1.55rem,3.4vw,2.25rem); font-weight:500; line-height:1.2; }
.katilimci-onizleme__metin>p:not(.etiket){ max-width:600px; margin:14px 0; color:#BDB3A4; font-size:14px; line-height:1.7; }
.katilimci-onizleme__metin ul{ display:grid; gap:8px; margin:18px 0; padding:0; list-style:none; }
.katilimci-onizleme__metin li{ position:relative; padding-left:21px; color:#DDD3C4; font-size:13px; }
.katilimci-onizleme__metin li::before{ content:""; position:absolute; left:2px; top:.7em; width:7px; height:7px; border:1px solid var(--altin); transform:rotate(45deg); }
.katilimci-onizleme__metin>small{ display:block; max-width:620px; color:#91887B; font-size:10.5px; line-height:1.55; }
.katilimci-onizleme__telefon{
  width:100%; overflow:hidden; border:1px solid rgba(198,161,91,.42); border-radius:24px;
  background:#101C2E; box-shadow:0 24px 54px rgba(5,11,20,.3);
}
.katilimci-onizleme__telefon>header{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 17px; border-bottom:1px solid rgba(198,161,91,.18); }
.katilimci-onizleme__telefon>header span{ color:var(--altin-a); font-size:8px; font-weight:500; letter-spacing:.19em; }
.katilimci-onizleme__telefon>header b{ padding:4px 7px; border:1px solid rgba(116,178,128,.35); border-radius:999px; color:#B5D8B6; font-size:7px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.katilimci-onizleme__govde{ padding:16px 14px 7px; text-align:center; }
.katilimci-onizleme__govde>p{ margin:0; color:var(--altin-a); font-size:7px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; }
.katilimci-onizleme__govde>h5{ margin:2px 0 0; color:#FFF7E8; font-family:var(--serif); font-size:1.35rem; font-weight:500; }
.katilimci-onizleme__nav{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; padding:7px; border-top:1px solid rgba(198,161,91,.18); background:rgba(7,14,25,.72); }
.katilimci-onizleme__nav span{ display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:44px; border:1px solid transparent; border-radius:10px; color:#777F8D; font-family:var(--serif); font-size:.9rem; }
.katilimci-onizleme__nav span b{ font-family:var(--sans); font-size:7px; font-weight:500; letter-spacing:.04em; }
.katilimci-onizleme__nav .aktif{ border-color:rgba(198,161,91,.24); background:rgba(198,161,91,.09); color:var(--altin-a); }
.kayit-form{ margin-top:0; }

.kayit-form fieldset{ min-width:0; margin:0; padding:0; border:0; }
.kayit-form fieldset:disabled{ opacity:.52; }
.kayit-form__izgara{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
.form-alan{ display:flex; min-width:0; flex-direction:column; gap:7px; color:#E8DFCF; }
.form-alan--genis{ grid-column:1 / -1; }
.form-alan>span{ font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
.form-alan>span i{ color:#9D9487; font-size:.85em; font-style:normal; font-weight:400; letter-spacing:.04em; text-transform:none; }
.form-alan small{ color:#978E80; font-size:11.5px; line-height:1.45; }
.form-alan input,
.form-alan select,
.kayit-sorgu input{
  width:100%; min-width:0; min-height:50px; padding:13px 15px;
  border:1px solid rgba(198,161,91,.35); border-radius:2px;
  background:rgba(255,255,255,.065); color:#F1EADB;
  font-family:var(--sans); font-size:14px; transition:border-color .25s,background-color .25s,box-shadow .25s;
}
.form-alan select{ cursor:pointer; }
.form-alan select option{ background:#17253A; color:#F1EADB; }
.form-alan input::placeholder,.kayit-sorgu input::placeholder{ color:rgba(241,234,219,.4); }
.form-alan input:focus-visible,
.form-alan select:focus-visible,
.kayit-sorgu input:focus-visible{
  outline:2px solid var(--altin); outline-offset:2px; border-color:var(--altin);
  background:rgba(255,255,255,.1); box-shadow:0 0 0 4px rgba(198,161,91,.09);
}
.kayit-form__beyanlar{
  display:grid; gap:12px; margin-top:24px; padding:20px;
  border:1px solid rgba(198,161,91,.2); background:rgba(0,0,0,.12);
}
.onay-satiri{ display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; color:#D8D0C1; font-size:13px; line-height:1.6; cursor:pointer; }
.onay-satiri input{ width:17px; height:17px; margin:3px 0 0; accent-color:var(--altin); }
.onay-satiri input:focus-visible{ outline:2px solid var(--altin); outline-offset:3px; }
.metin-dugmesi{
  display:inline; margin:0; padding:0; border:0; background:none; color:var(--altin-a);
  font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
.metin-dugmesi:focus-visible{ outline:2px solid var(--altin); outline-offset:3px; }
.kayit-form__hukuk{ margin:2px 0 0 31px; color:#978E80; font-size:11.5px; line-height:1.55; }
.kayit-form__gonder{ display:block; width:min(100%,340px); margin:24px auto 0; }
.kayit-form__gonder:disabled{ cursor:not-allowed; opacity:.58; }
.tuzak-alan{ position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.kayit-form__geri{ margin:16px 0 0; color:var(--altin-a); min-height:20px; font-size:13.5px; letter-spacing:.035em; text-align:center; }
.kayit-form__geri[data-tip="hata"]{ color:#F0A99E; }
.kayit-form__geri[data-tip="basari"]{ color:#A9D2B1; }

.kayit-basari{ padding:24px; border:1px solid rgba(116,178,128,.42); background:rgba(72,118,79,.12); text-align:center; }
.kayit-basari__isaret{ display:grid; place-items:center; width:46px; height:46px; margin:0 auto 14px; border:1px solid #80B98A; border-radius:50%; color:#A9D2B1; font-size:1.25rem; }
.kayit-basari h4{ margin:0 0 10px; color:#F6EFE2; font-family:var(--serif); font-size:1.7rem; font-weight:500; }
.kayit-basari p{ margin:5px 0; color:#C9C0B1; }
.kayit-basari strong{ color:var(--altin-a); letter-spacing:.1em; }
.kayit-basari__giris{ margin-top:18px; }
.telefon-dogrulama{ margin-top:20px; padding-top:18px; border-top:1px solid rgba(198,161,91,.2); }
.otp-form{ display:flex; align-items:end; justify-content:center; gap:12px; max-width:480px; margin:16px auto 0; }
.otp-form .form-alan{ flex:1; text-align:left; }

.kayit-sorgu{ margin-top:28px; border-top:1px solid rgba(198,161,91,.24); }
.kayit-sorgu summary{
  padding:22px 2px 4px; color:var(--altin-a); font-family:var(--serif2); font-size:1.2rem;
  cursor:pointer; text-align:center;
}
.kayit-sorgu summary:focus-visible{ outline:2px solid var(--altin); outline-offset:4px; }
.kayit-sorgu__aciklama{ max-width:680px; margin:10px auto 0; color:#AFA698; font-size:12.5px; line-height:1.6; text-align:center; }
.kayit-sorgu__form{ display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; max-width:820px; margin:22px auto 0; }
.kayit-sorgu__sonuc{ min-height:20px; margin-top:18px; color:#D8D0C1; text-align:center; }
.kayit-sorgu__dogrulama{ grid-column:1 / -1; text-align:center; }
.katilimci-giris-cagri{
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  margin-top:30px; padding:24px 26px; border:1px solid rgba(198,161,91,.28);
  background:linear-gradient(115deg,rgba(198,161,91,.09),rgba(9,17,29,.42));
}
.katilimci-giris-cagri .etiket{ margin:0 0 6px; }
.katilimci-giris-cagri h4{ margin:0; color:#F6EFE2; font-family:var(--serif); font-size:1.45rem; font-weight:500; }
.katilimci-giris-cagri p:not(.etiket){ margin:7px 0 0; color:#AFA698; font-size:12.5px; line-height:1.6; }
.katilimci-giris-cagri .dugme{ flex:0 0 auto; }

/* Katılan kulüpler: üç bölgeyi çini ritmi ve yalın bir katılım panosu içinde birleştirir. */
.katilan-kulupler{ position:relative; overflow:hidden; }
.katilan-kulupler::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.08;
  background:
    linear-gradient(30deg,transparent 24%,var(--lacivert) 25% 26%,transparent 27% 74%,var(--lacivert) 75% 76%,transparent 77%),
    linear-gradient(150deg,transparent 24%,var(--lacivert) 25% 26%,transparent 27% 74%,var(--lacivert) 75% 76%,transparent 77%);
  background-size:92px 54px;
}
.katilan-kulupler .kap{ position:relative; }
.katilan-kulupler .baslik-blok>p:last-child{ max-width:650px; margin:17px auto 0; color:var(--gri); }
.bolge-secici{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;
  margin:clamp(30px,5vw,52px) 0 20px;
}
.bolge-secici__dugme{
  position:relative; display:grid; grid-template-columns:minmax(64px,104px) 1fr; gap:15px; align-items:center;
  min-width:0; min-height:104px; padding:17px 18px; border:1px solid rgba(27,42,65,.17); border-radius:2px;
  background:rgba(249,244,234,.72); color:var(--lacivert); text-align:left; cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.bolge-secici__dugme::after{
  content:""; position:absolute; right:12px; bottom:12px; width:7px; height:7px;
  border:1px solid var(--altin-k); transform:rotate(45deg); opacity:.48;
}
.bolge-secici__dugme:hover{ transform:translateY(-3px); border-color:rgba(139,108,51,.55); box-shadow:0 14px 28px rgba(27,42,65,.08); }
.bolge-secici__dugme:focus-visible{ outline:2px solid var(--lacivert); outline-offset:3px; }
.bolge-secici__dugme.aktif{ border-color:var(--lacivert); background:#F6EFE1; box-shadow:inset 0 -3px 0 var(--altin); }
.bolge-secici__dugme img{ width:100%; max-height:62px; object-fit:contain; object-position:left center; }
.bolge-secici__dugme span{ min-width:0; }
.bolge-secici__dugme b{ display:block; font-family:var(--serif2); font-size:1.08rem; font-weight:600; }
.bolge-secici__dugme small{ display:block; margin-top:5px; color:#756C5F; font-size:10.5px; letter-spacing:.04em; }
.kulup-liste{ display:grid; gap:10px; min-height:120px; }
.kulup-liste__durum{ display:grid; place-items:center; min-height:140px; margin:0; border:1px dashed rgba(27,42,65,.24); color:#6D6559; text-align:center; }
.kulup-karti{
  display:grid; grid-template-columns:54px 104px minmax(0,1fr) auto; gap:20px; align-items:center;
  min-width:0; padding:18px 22px; border:1px solid rgba(27,42,65,.15); background:rgba(252,248,239,.78);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.kulup-karti:hover{ transform:translateX(4px); border-color:rgba(139,108,51,.5); box-shadow:0 12px 30px rgba(27,42,65,.07); }
.kulup-karti__sira{ color:rgba(27,42,65,.34); font-family:var(--serif2); font-size:1.55rem; }
.kulup-karti>img{ width:100%; max-height:45px; object-fit:contain; opacity:.82; }
.kulup-karti__bilgi{ min-width:0; }
.kulup-karti__bilgi h3{ overflow:hidden; margin:0; color:var(--lacivert); font-family:var(--serif2); font-size:1.2rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.kulup-karti__bilgi p{ margin:5px 0 0; color:#70776C; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.kulup-karti__ac{
  padding:10px 16px; border:1px solid rgba(27,42,65,.4); border-radius:999px; background:transparent;
  color:var(--lacivert); font-family:var(--sans); font-size:11px; font-weight:500; cursor:pointer;
  transition:background-color .2s,color .2s;
}
.kulup-karti__ac::after{ content:" ↗"; color:var(--altin-k); }
.kulup-karti__ac:hover{ background:var(--lacivert); color:var(--kagit); }
.kulup-karti__ac:focus-visible{ outline:2px solid var(--altin-k); outline-offset:3px; }
.katilan-kulupler__gizlilik{ max-width:760px; margin:20px auto 0; color:#756D61; font-size:10.5px; line-height:1.6; text-align:center; }
.kulup-dialog{
  width:min(calc(100% - 28px),620px); max-height:min(82vh,760px); padding:0; border:1px solid rgba(198,161,91,.5);
  border-radius:3px; background:#F6F0E5; color:var(--lacivert); box-shadow:0 35px 100px rgba(4,10,18,.42);
}
.kulup-dialog::backdrop{ background:rgba(7,15,26,.72); backdrop-filter:blur(5px); }
.kulup-dialog__ic{ position:relative; max-height:min(82vh,760px); overflow:auto; padding:34px; }
.kulup-dialog__kapat{
  position:absolute; top:15px; right:15px; display:grid; place-items:center; width:38px; height:38px;
  border:1px solid rgba(27,42,65,.2); border-radius:50%; background:#ECE3D2; color:var(--lacivert); font-size:1.45rem; cursor:pointer;
}
.kulup-dialog__ic>img{ display:block; width:min(180px,48%); height:64px; margin:0 auto 20px; object-fit:contain; }
.kulup-dialog__ic>.etiket,.kulup-dialog__ic>h2{ text-align:center; }
.kulup-dialog__ic>.etiket{ margin-bottom:6px; }
.kulup-dialog__ic>h2{ margin:0 0 25px; font-family:var(--serif2); font-size:clamp(1.55rem,5vw,2.15rem); }
.kulup-dialog__liste{ display:grid; gap:8px; }
.kulup-dialog__kisi{ display:grid; grid-template-columns:40px 1fr auto; gap:12px; align-items:center; padding:14px; border:1px solid rgba(27,42,65,.12); background:rgba(255,255,255,.5); }
.kulup-dialog__sira{ color:var(--altin-k); font-family:var(--serif2); }
.kulup-dialog__kisi b{ overflow:hidden; font-size:13px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.kulup-dialog__kisi small{ color:#4E7956; font-size:8px; letter-spacing:.11em; text-transform:uppercase; }
.kulup-dialog__bos{ margin:0; padding:30px 15px; color:#756D61; text-align:center; }

.katilimci-hub{
  position:relative; isolation:isolate; width:min(100%,860px); margin:26px auto 4px; overflow:hidden;
  border:1px solid rgba(198,161,91,.48); border-radius:26px; background:#111D30;
  box-shadow:0 28px 80px rgba(6,13,24,.28); color:#E8DFD0; text-align:left;
}
.katilimci-hub::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.13;
  background:
    linear-gradient(30deg,transparent 24%,rgba(198,161,91,.38) 25% 26%,transparent 27% 74%,rgba(198,161,91,.38) 75% 76%,transparent 77%),
    linear-gradient(150deg,transparent 24%,rgba(198,161,91,.28) 25% 26%,transparent 27% 74%,rgba(198,161,91,.28) 75% 76%,transparent 77%);
  background-size:72px 42px;
}
.katilimci-hub__ust{
  display:flex; align-items:center; justify-content:space-between; gap:22px; padding:25px 28px 21px;
  border-bottom:1px solid rgba(198,161,91,.22); background:rgba(9,17,29,.68); backdrop-filter:blur(10px);
}
.katilimci-hub__ust .etiket{ margin:0 0 5px; }
.katilimci-hub__ust h3{ margin:0; color:#FFF8EB; font-family:var(--serif); font-size:clamp(1.55rem,4vw,2rem); font-weight:500; line-height:1.15; }
.katilimci-hub__rozetler{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.katilimci-hub__kod,.katilimci-hub__durum{
  display:inline-flex; align-items:center; min-height:30px; padding:6px 10px; border:1px solid rgba(198,161,91,.28);
  border-radius:999px; background:rgba(255,255,255,.04); font-size:9.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase;
}
.katilimci-hub__kod{ color:var(--altin-a); }
.katilimci-hub__durum{ color:#DDD3C2; }
.katilimci-hub__durum--confirmed,.katilimci-hub__durum--checked_in{ color:#B5D8B6; border-color:rgba(116,178,128,.42); }
.katilimci-hub__durum--cancelled{ color:#F0A99E; border-color:rgba(215,112,98,.4); }
.katilimci-hub__icerik{ min-height:590px; padding:26px; }
.katilimci-hub__panel{ outline:none; }
.katilimci-hub__panel>h4{ margin:2px 0 18px; color:#FFF7E8; font-family:var(--serif); font-size:clamp(1.55rem,4vw,2rem); font-weight:500; }
.katilimci-ozet,.katilimci-profil__izgara{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.katilimci-bilgi{
  display:flex; min-width:0; flex-direction:column; gap:3px; padding:13px 14px;
  border:1px solid rgba(198,161,91,.2); background:rgba(255,255,255,.035); color:#E9E0D1;
  font-size:13px; line-height:1.45; overflow-wrap:anywhere;
}
.katilimci-bilgi b{ color:var(--altin-a); font-size:9.5px; font-weight:500; letter-spacing:.13em; text-transform:uppercase; }

.masa-karti{
  margin-top:20px; overflow:hidden; border:1px solid rgba(198,161,91,.5); border-radius:22px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.86),rgba(244,238,226,.96) 58%,rgba(225,214,192,.94)),
    var(--kagit);
  color:var(--lacivert); box-shadow:0 18px 48px rgba(4,10,18,.22);
}
.masa-karti__bas{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:21px 24px 16px;
  border-bottom:1px solid rgba(27,42,65,.14);
}
.masa-karti__bas .etiket{ margin:0 0 4px; }
.masa-karti__bas h4{ margin:0; color:var(--lacivert); font-family:var(--serif); font-size:clamp(1.35rem,3vw,1.8rem); font-weight:500; line-height:1.2; }
.masa-karti__durum{
  flex:0 0 auto; padding:6px 10px; border:1px solid rgba(59,83,64,.3); border-radius:999px;
  color:var(--zeytin); font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
}
.masa-karti--bekliyor .masa-karti__durum{ border-color:rgba(169,138,80,.35); color:#806A3D; }
.prusa-masa{
  --masa-yari-cap:132px; position:relative; width:min(100%,390px); aspect-ratio:1; margin:18px auto 4px;
}
.prusa-masa::before,.prusa-masa::after{
  content:""; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); pointer-events:none;
}
.prusa-masa::before{ width:66%; height:66%; border:1px solid rgba(198,161,91,.6); box-shadow:0 0 0 9px rgba(198,161,91,.08); }
.prusa-masa::after{ width:48%; height:48%; border:1px dashed rgba(27,42,65,.15); }
.prusa-masa__koltuk{
  position:absolute; left:50%; top:50%; z-index:2; display:grid; place-items:center; width:42px; height:42px;
  border:1px solid rgba(27,42,65,.38); border-radius:50%; background:#E9DDC7; color:var(--lacivert);
  box-shadow:0 6px 14px rgba(24,35,51,.16);
  font-size:10px; font-style:normal; font-weight:600; letter-spacing:.04em;
  transform:translate(-50%,-50%) rotate(var(--koltuk-acisi)) translateY(calc(-1 * var(--masa-yari-cap))) rotate(calc(-1 * var(--koltuk-acisi)));
}
.prusa-masa__koltuk:empty{ border-color:rgba(198,161,91,.5); background:rgba(198,161,91,.12); opacity:.78; box-shadow:none; }
.prusa-masa__koltuk--siz{ border-color:#2F6845; background:#3B6B4C; color:#FFF8EB; box-shadow:0 0 0 7px rgba(59,107,76,.13),0 7px 17px rgba(29,72,47,.2); }
.prusa-masa__merkez{
  position:absolute; left:50%; top:50%; z-index:1; display:flex; align-items:center; justify-content:center; flex-direction:column;
  width:55%; height:55%; padding:18px; border:1px solid rgba(198,161,91,.68); border-radius:50%;
  transform:translate(-50%,-50%); background:linear-gradient(145deg,#233A57,#14243A); color:#FFF7E8;
  box-shadow:inset 0 0 0 8px rgba(198,161,91,.05),0 14px 30px rgba(27,42,65,.26); text-align:center;
}
.prusa-masa__merkez span{ color:var(--altin-a); font-size:9px; font-weight:500; letter-spacing:.26em; }
.prusa-masa__merkez strong{ margin:1px 0; font-family:var(--serif); font-size:clamp(2.1rem,7vw,3.3rem); font-weight:500; line-height:1; }
.prusa-masa__merkez small{ max-width:92%; overflow:hidden; color:#D7CDBE; font-size:10px; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.prusa-masa--onizleme{ --masa-yari-cap:83px; width:250px; margin:4px auto 0; }
.prusa-masa--onizleme .prusa-masa__koltuk{ width:29px; height:29px; font-size:6px; }
.prusa-masa--onizleme .prusa-masa__koltuk:empty{ background:#1B2A41; }
.prusa-masa--onizleme .prusa-masa__merkez{ width:55%; height:55%; padding:10px; }
.prusa-masa--onizleme .prusa-masa__merkez strong{ font-size:2rem; }
.prusa-masa--onizleme .prusa-masa__merkez small{ font-size:7px; }
.masa-karti--bekliyor .prusa-masa{ opacity:.78; }
.masa-arkadaslari{ padding:15px 24px 23px; border-top:1px solid rgba(27,42,65,.12); }
.masa-arkadaslari>b{ display:block; margin-bottom:10px; color:var(--lacivert); font-family:var(--serif); font-size:1.15rem; font-weight:600; }
.masa-arkadaslari>p{ margin:0; color:var(--metin-2); font-size:12.5px; line-height:1.6; }
.masa-arkadaslari__liste{ display:flex; flex-wrap:wrap; gap:7px; }
.masa-arkadaslari__liste>span{
  display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(27,42,65,.2);
  border-radius:999px; background:rgba(255,255,255,.32); color:#344154; font-size:11.5px; line-height:1.2;
}
.masa-arkadaslari__liste i{ display:grid; place-items:center; min-width:21px; height:21px; border-radius:50%; background:rgba(27,42,65,.08); color:var(--zeytin); font-size:7px; font-style:normal; font-weight:700; }
.masa-arkadaslari__liste .siz{ border-color:rgba(59,107,76,.35); background:rgba(59,107,76,.09); }
.masa-arkadaslari__not{ display:block; margin-top:10px; color:#727B86; font-size:10.5px; line-height:1.5; }

.katilimci-gecis{ text-align:center; }
.katilimci-gecis>.etiket{ justify-content:center; }
.katilimci-gecis__qr{ display:block; width:min(76vw,292px); height:auto; margin:20px auto 14px; padding:12px; border:1px solid rgba(198,161,91,.55); background:var(--kagit); box-shadow:0 16px 42px rgba(3,9,18,.28); }
.katilimci-gecis__muhur{
  display:grid; place-items:center; width:210px; height:210px; margin:28px auto 18px; border:1px solid rgba(198,161,91,.52);
  border-radius:50%; color:var(--altin-a); font-family:var(--serif); font-size:5rem; box-shadow:inset 0 0 0 12px rgba(198,161,91,.06);
}
.katilimci-gecis__kod{ display:block; color:#FFF7E8; font-size:1rem; letter-spacing:.16em; }
.katilimci-gecis__not{ max-width:500px; margin:12px auto 0; color:#AFA698; font-size:12.5px; line-height:1.6; }

.katilimci-program__liste{ display:grid; gap:10px; margin:18px 0 22px; }
.katilimci-program__liste article{ display:grid; grid-template-columns:36px 1fr; gap:13px; padding:16px; border:1px solid rgba(198,161,91,.2); background:rgba(255,255,255,.035); }
.katilimci-program__liste article>span{ display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(198,161,91,.34); border-radius:50%; color:var(--altin-a); }
.katilimci-program__liste b{ color:#F3EBDD; font-family:var(--serif); font-size:1rem; font-weight:500; }
.katilimci-program__liste p{ margin:3px 0 0; color:#AAA192; font-size:12px; line-height:1.55; }
.katilimci-profil__izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:18px; }

.katilimci-hub__nav{
  position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:9px;
  border-top:1px solid rgba(198,161,91,.22); background:rgba(8,16,28,.96);
}
.katilimci-hub__nav button{
  display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; min-width:0; min-height:58px;
  padding:7px 4px; border:1px solid transparent; border-radius:13px; background:transparent; color:#888D97;
  font-family:var(--sans); font-size:10px; letter-spacing:.04em; cursor:pointer; transition:background-color .25s,color .25s,border-color .25s;
}
.katilimci-hub__nav button>span{ color:inherit; font-family:var(--serif); font-size:1.05rem; line-height:1; }
.katilimci-hub__nav button[aria-selected="true"]{ border-color:rgba(198,161,91,.28); background:rgba(198,161,91,.1); color:var(--altin-a); }
.katilimci-hub__nav button:focus-visible{ outline:2px solid var(--altin); outline-offset:1px; }

.aydinlatma{
  width:min(calc(100% - 28px),720px); max-height:min(82vh,760px); padding:0;
  border:1px solid rgba(198,161,91,.55); background:var(--kagit); color:var(--metin);
  box-shadow:0 34px 100px rgba(7,14,24,.5); overflow:auto;
}
.aydinlatma::backdrop{ background:rgba(8,15,26,.76); }
.aydinlatma__ic{ position:relative; padding:clamp(28px,5vw,52px); }
.aydinlatma__ic h2{ margin:2px 0 24px; color:var(--lacivert); font-family:var(--serif); font-size:clamp(1.75rem,4vw,2.6rem); font-weight:500; }
.aydinlatma__ic p{ color:var(--metin-2); font-size:14px; line-height:1.75; }
.aydinlatma__ic a{ color:var(--zeytin); font-weight:500; }
.aydinlatma__not{ padding:14px 16px; border-left:3px solid var(--altin); background:rgba(198,161,91,.1); }
.aydinlatma__kapat{
  position:absolute; top:14px; right:14px; display:grid; place-items:center; width:38px; height:38px;
  border:1px solid rgba(27,42,65,.2); border-radius:50%; background:transparent; color:var(--lacivert);
  font-size:1.5rem; cursor:pointer;
}
.aydinlatma__kapat:focus-visible{ outline:2px solid var(--lacivert); outline-offset:2px; }

/* =========================================================
   SSS
   ========================================================= */
.sss-oge{ border-bottom:1px solid rgba(27,42,65,.14); }
.sss-oge:first-child{ border-top:1px solid rgba(27,42,65,.14); }
.sss-oge__soru{
  width:100%; text-align:left; background:none; border:0; cursor:pointer;
  font-family:var(--serif); font-size:clamp(1.05rem,2vw,1.3rem); color:var(--lacivert);
  padding:26px 46px 26px 4px; position:relative; transition:color .3s; line-height:1.45;
}
.sss-oge__soru:hover{ color:var(--zeytin); }
.sss-oge__soru span{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:16px; height:16px;
}
.sss-oge__soru span::before,.sss-oge__soru span::after{
  content:""; position:absolute; background:var(--altin); transition:var(--gecis);
}
.sss-oge__soru span::before{ left:0; top:7.5px; width:16px; height:1.5px; }
.sss-oge__soru span::after{ left:7.5px; top:0; width:1.5px; height:16px; }
.sss-oge.acik .sss-oge__soru span::after{ transform:rotate(90deg); opacity:0; }
.sss-oge__cevap{ max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.4,0,.2,1); }
.sss-oge__cevap p{ margin:0 0 26px; color:var(--metin-2); padding-right:40px; }

/* =========================================================
   SPONSORLAR
   ========================================================= */
.sponsor-izgara{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.sponsor-yuva{
  aspect-ratio:16/9; border:1px dashed rgba(27,42,65,.22); display:flex;
  align-items:center; justify-content:center; border-radius:2px;
  font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgba(36,48,63,.4);
  background:rgba(255,255,255,.35); transition:var(--gecis);
}
.sponsor-yuva:hover{ border-color:var(--altin); color:var(--zeytin); }

/* =========================================================
   İLETİŞİM
   ========================================================= */
.iletisim-izgara{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.iletisim-kart{
  text-decoration:none; text-align:center; padding:40px 26px; border-radius:2px;
  border:1px solid rgba(27,42,65,.14); background:rgba(255,255,255,.5); transition:var(--gecis);
}
.iletisim-kart:hover{ transform:translateY(-6px); border-color:var(--altin); background:#fff; }
.iletisim-kart__ikon{ display:block; width:38px; height:38px; margin:0 auto 16px; }
.iletisim-kart__ikon svg{ width:100%; height:100%; fill:none; stroke:var(--altin); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.iletisim-kart h3{ font-family:var(--serif); font-weight:500; font-size:1.25rem; margin:0 0 6px; color:var(--lacivert); }
.iletisim-kart p{ margin:0; color:var(--metin-2); font-size:15px; }

/* =========================================================
   ALT BİLGİ
   ========================================================= */
.altbilgi{
  position:relative; background:var(--lacivert-k); color:#D9D0BF;
  padding:clamp(56px,7vw,90px) 0 34px; overflow:hidden;
}
.altbilgi::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--altin),transparent);
}
.altbilgi__ust{ display:flex; flex-wrap:wrap; gap:34px; justify-content:space-between; align-items:flex-end; }
.altbilgi__ustbaslik{ font-size:11px; letter-spacing:.42em; text-transform:uppercase; color:var(--altin); margin:0 0 10px; }
.altbilgi__baslik{ font-family:var(--serif); font-weight:600; font-size:clamp(1.9rem,4vw,2.9rem); margin:0; color:#F6EFE2; letter-spacing:.02em; }
.altbilgi__slogan{ margin:8px 0 0; font-family:var(--serif2); color:#A79E8D; font-size:1.05rem; }
.altbilgi__menu{ display:flex; flex-wrap:wrap; gap:22px; }
.altbilgi__menu a{
  text-decoration:none; font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:#B6AD9C; transition:color .3s;
}
.altbilgi__menu a:hover{ color:var(--altin); }

/* logo şeridi — afişteki gibi kâğıt zemin üzerinde lacivert logolar */
.logo-serit{
  position:relative; margin:clamp(38px,5vw,58px) 0 0;
  background:linear-gradient(180deg,#F7F2E7,#EDE4D2);
  border:1px solid rgba(198,161,91,.45); border-radius:3px;
  box-shadow:0 34px 70px -52px #000;
  overflow:hidden;
}
.logo-serit__cini{
  height:20px;
  background:url("../img/cini-bordur.svg") repeat-x center/auto 100%;
  border-bottom:1px solid rgba(198,161,91,.4);
}
.logo-serit__ic{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:clamp(22px,4.5vw,64px); padding:clamp(22px,3vw,32px) clamp(22px,4vw,46px);
}
.logo-serit__bolgeler{ display:flex; flex-wrap:wrap; align-items:center; gap:clamp(16px,2.6vw,34px); }
.logo-serit__bolgeler img{ height:clamp(30px,3.4vw,42px); width:auto; opacity:.92; transition:var(--gecis); }
.logo-serit__bolgeler img:hover{ opacity:1; transform:translateY(-3px); }
.logo-serit__ayrac{ color:var(--altin); font-size:9px; letter-spacing:.2em; opacity:.8; }
.logo-serit__ev{
  display:flex; flex-direction:column; align-items:center; gap:9px;
  padding-left:clamp(20px,3vw,40px); border-left:1px solid rgba(198,161,91,.4);
}
.logo-serit__ev img{ height:clamp(24px,2.6vw,32px); width:auto; }
.logo-serit__ev span{
  font-size:9.5px; letter-spacing:.28em; text-transform:uppercase; color:var(--zeytin);
}

/* kapanış — Kalıcı Etki Yarat */
.kalici{
  position:relative; isolation:isolate; text-align:center;
  padding:clamp(46px,6vw,72px) 20px clamp(30px,4vw,44px);
}
.kalici__isik{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 50% 55%, rgba(198,161,91,.2), transparent 68%);
  animation:isikNefes 8s ease-in-out infinite;
}
.kalici .susleme{ max-width:210px; margin-bottom:26px; }
.kalici__gorsel{
  width:min(74vw,300px); height:auto; margin:0 auto;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.5));
  transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.kalici:hover .kalici__gorsel{ transform:translateY(-4px) scale(1.02); }
.kalici__alt{
  margin:22px 0 0; font-family:var(--serif2); font-size:1.15rem; color:#A79E8D; letter-spacing:.04em;
}

.altbilgi__telif{
  text-align:center; margin:0; padding-top:26px; font-size:12px; letter-spacing:.12em; color:#7C7364;
  border-top:1px solid rgba(198,161,91,.18);
}

/* yukarı çık */
.yukari{
  position:fixed; right:22px; bottom:22px; z-index:90;
  width:46px; height:46px; border-radius:50%; cursor:pointer;
  border:1px solid var(--altin); background:var(--lacivert); color:var(--altin);
  display:grid; place-items:center; opacity:0; pointer-events:none; transform:translateY(14px);
  transition:var(--gecis);
}
.yukari.gorunur{ opacity:1; pointer-events:auto; transform:none; }
.yukari:hover{ background:var(--altin); color:var(--lacivert); }
.yukari svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

/* =========================================================
   REVEAL ANİMASYONU
   ========================================================= */
.reveal{ opacity:1; transform:none; transition:opacity .85s ease, transform .85s cubic-bezier(.22,.61,.36,1); }
.js.reveal-hazir .reveal{ opacity:0; transform:translateY(26px); }
.js.reveal-hazir .reveal.gorundu{ opacity:1; transform:none; }
.sutun3 .reveal:nth-child(2),.sutun4 .reveal:nth-child(2),.yer-izgara .reveal:nth-child(2),.bilgi-izgara .reveal:nth-child(2),.iletisim-izgara .reveal:nth-child(2){ transition-delay:.1s; }
.sutun3 .reveal:nth-child(3),.sutun4 .reveal:nth-child(3),.yer-izgara .reveal:nth-child(3),.bilgi-izgara .reveal:nth-child(3),.iletisim-izgara .reveal:nth-child(3){ transition-delay:.2s; }
.sutun4 .reveal:nth-child(4),.yer-izgara .reveal:nth-child(4),.bilgi-izgara .reveal:nth-child(4){ transition-delay:.3s; }
.yer-izgara .reveal:nth-child(5){ transition-delay:.36s; }
.yer-izgara .reveal:nth-child(6){ transition-delay:.42s; }

/* =========================================================
   DUYARLI (RESPONSIVE)
   ========================================================= */
@media (max-width:1080px){
  .sutun4{ grid-template-columns:repeat(2,1fr); }
  .yer-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yer__cizim{ height:clamp(156px,22vw,210px); }
  .bilgi-izgara{ grid-template-columns:repeat(2,1fr); }
  .sponsor-izgara{ grid-template-columns:repeat(3,1fr); }
  .ikili{ grid-template-columns:1fr; }
  .afis{ grid-template-columns:1fr; }
  .afis__cerceve{ width:min(100%,420px); max-width:420px; margin-inline:auto; }
  .afis__yan{ text-align:center; }
  .afis__yan .susleme--sol{ margin-inline:auto; }
}

@media (max-width:1024px){
  html{ scroll-padding-top:72px; }
  .hamburger{ display:flex; flex:0 0 44px; }
  .marka,.marka__yazi{ min-width:0; }
  .menu{
    position:fixed; inset:0 0 0 auto; width:min(84vw,340px);
    background:var(--kagit); flex-direction:column; align-items:stretch;
    justify-content:center; gap:4px; padding:80px 30px;
    transform:translateX(102%); transition:transform .45s cubic-bezier(.22,.61,.36,1);
    box-shadow:-30px 0 60px -40px rgba(16,27,44,.8); border-left:1px solid rgba(198,161,91,.3);
  }
  .menu.acik{ transform:none; }
  .menu a{ font-size:15px; padding:15px 6px; border-bottom:1px solid rgba(27,42,65,.08); }
  .menu a::after{ display:none; }
  .menu__cta{ margin:18px 0 0; text-align:center; border-bottom:1px solid var(--lacivert) !important; }
  .ustbar::before{ opacity:1; }
  .ustbar__ic{ padding:12px 0; }
}

@media (max-width:900px){
  .sutun3{ grid-template-columns:1fr; }
  .logo-serit__ic{ flex-direction:column; text-align:center; }
  .logo-serit__bolgeler{ justify-content:center; }
  .logo-serit__ev{
    padding:22px 0 0; border-left:0; border-top:1px solid rgba(198,161,91,.4);
    width:100%;
  }
  .biletler{ grid-template-columns:1fr; max-width:460px; margin-inline:auto; }
  .bolgeler{ grid-template-columns:repeat(2,1fr); gap:28px; }
  .miras{ overflow:hidden; padding-bottom:0; }
  .miras__ic{ width:100%; min-width:0; }
  .afis__yan{ text-align:center; }
  .susleme--sol{ margin-inline:auto; }
  .hero{ --siluetY:clamp(190px,26vw,250px); }
  .hero__yaprak{ width:44vw; opacity:.6; }
  .zaman::before{ left:74px; }
  .zaman li{ grid-template-columns:74px 1fr; gap:22px; }
  .zaman li::before{ left:69px; }
  .zaman__saat{ font-size:1.05rem; }
  .katilimci-akis{ grid-template-columns:1fr; }
  .bolge-secici{ grid-template-columns:1fr; }
  .bolge-secici__dugme{ grid-template-columns:100px 1fr; min-height:88px; }
}

@media (max-width:720px){
  .yer-izgara{ grid-template-columns:1fr; gap:18px; }
  .yer{ padding:0 20px 27px; }
  .yer__sahne{ width:calc(100% + 40px); margin:0 -20px 18px; padding:20px 10px 13px; }
  .yer__cizim{ height:clamp(180px,62vw,300px); }
  .yer h3{ font-size:1.55rem; }
  .yer p{ line-height:1.65; }
  .yer-izgara .reveal{ transition-delay:0s; }
  .js .tiyatro-giris{ --karakter-boyut:min(78vw,58vh,410px); }
  .tiyatro-giris__takdim{ top:clamp(74px,11vh,96px); letter-spacing:.28em; }
  .tiyatro-giris__baslik{ top:clamp(118px,18vh,154px); }
  .tiyatro-giris__carpisma{ top:68%; }
  .tiyatro-giris__ust-perde{ height:clamp(102px,16vh,140px); }
  .tiyatro-giris__gec{ font-size:.66rem; }
  .tiyatro-perde{ clip-path:none; filter:none; will-change:transform; }
  .tiyatro-perde--sol{ transform-origin:left center; }
  .tiyatro-perde--sag{ transform-origin:right center; }
  .tiyatro-giris.oynuyor .tiyatro-perde--sol{ animation:perdeSolMobil 1.35s cubic-bezier(.58,.04,.18,1) .16s forwards; }
  .tiyatro-giris.oynuyor .tiyatro-perde--sag{ animation:perdeSagMobil 1.35s cubic-bezier(.58,.04,.18,1) .16s forwards; }
  .tiyatro-perde--sol i{ left:auto; right:12%; }
  .tiyatro-perde--sag i{ right:auto; left:12%; }
  .tiyatro-karakter img{ filter:none; mix-blend-mode:normal; }
  .tiyatro-giris.oynuyor .tiyatro-giris__sahne{ animation:golgePerdesiTitret .24s ease 2.17s; }
  .kayit-sistem__bas{ flex-direction:column; gap:16px; }
  .kayit-form__izgara,.kayit-sorgu__form{ grid-template-columns:1fr; }
  .form-alan--genis{ grid-column:auto; }
  .kayit-sorgu__form .dugme{ width:100%; }
  .otp-form{ align-items:stretch; flex-direction:column; }
  .katilimci-giris-cagri{ align-items:stretch; flex-direction:column; padding:20px 18px; }
  .katilimci-giris-cagri .dugme{ width:100%; }
  .kulup-karti{ grid-template-columns:38px 72px minmax(0,1fr); gap:12px; padding:16px 14px; }
  .kulup-karti__ac{ grid-column:2 / -1; width:100%; }
  .kulup-dialog__ic{ padding:28px 18px 20px; }
  .katilimci-hub{ border-radius:20px; }
  .katilimci-hub__ust{ align-items:flex-start; flex-direction:column; padding:21px 20px 18px; }
  .katilimci-hub__rozetler{ justify-content:flex-start; }
  .katilimci-hub__icerik{ min-height:560px; padding:18px; }
  .katilimci-ozet{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .katilimci-ozet .katilimci-bilgi:last-child{ grid-column:1 / -1; }
  .prusa-masa{ --masa-yari-cap:clamp(96px,27vw,122px); width:min(100%,350px); }
  .katilimci-onizleme{ grid-template-columns:1fr; }
  .katilimci-onizleme__telefon{ width:min(100%,330px); margin-inline:auto; }
}

@media (max-width:600px){
  body{ font-size:16px; }
  .kap{ width:calc(100% - 24px); }
  .bolum{ padding:clamp(62px,16vw,82px) 0; }
  .yer-izgara,.bilgi-izgara,.sutun4,.sutun2,.iletisim-izgara{ grid-template-columns:1fr; }
  .miras{ display:none; }
  .cini-serit{ height:26px; }
  .istatistik{ grid-template-columns:1fr; }
  .istatistik::after{ display:none; }
  .istatistik__oge{ padding:26px 18px 24px; }
  .istatistik__oge:nth-child(odd){ border-right:0; }
  .istatistik__oge:nth-child(-n+3){ border-bottom:1px solid rgba(198,161,91,.3); }
  .sponsor-izgara{ grid-template-columns:repeat(2,1fr); }
  .hero{ --siluetY:180px; padding:108px 18px var(--siluetY); }
  .hero__prusa{ font-size:22vw; }
  .hero__meta{ gap:10px; font-size:11px; }
  .hero__meta i{ display:none; }
  .gerisayim__kutu{ min-width:70px; padding:11px 6px; }
  .gerisayim__kutu b{ font-size:1.6rem; }
  .sekme{ width:100%; }
  .kayit-serit{ padding:24px 16px; }
  .katilimci-onizleme{ padding:20px 16px; }
  .kayit-form__beyanlar{ padding:16px 14px; }
  .kayit-form__hukuk{ margin-left:0; }
  .kayit-form__gonder{ width:100%; }
  .katilimci-akis article{ padding:15px 14px; }
  .bolge-secici__dugme{ grid-template-columns:78px minmax(0,1fr); padding:14px; }
  .kulup-karti__bilgi h3{ font-size:1.05rem; }
  .kulup-dialog__kisi{ grid-template-columns:32px minmax(0,1fr); }
  .kulup-dialog__kisi small{ grid-column:2; }
  .katilimci-hub{ border-radius:17px; }
  .katilimci-hub__ust{ padding:18px 16px 16px; }
  .katilimci-hub__icerik{ min-height:535px; padding:14px; }
  .katilimci-ozet,.katilimci-profil__izgara{ grid-template-columns:1fr; }
  .katilimci-ozet .katilimci-bilgi:last-child{ grid-column:auto; }
  .masa-karti{ border-radius:16px; }
  .masa-karti__bas{ align-items:flex-start; flex-direction:column; padding:17px 17px 13px; }
  .prusa-masa{ --masa-yari-cap:clamp(86px,28vw,108px); width:min(100%,310px); }
  .prusa-masa__koltuk{ width:36px; height:36px; font-size:9px; }
  .prusa-masa__merkez{ width:54%; height:54%; padding:13px; }
  .prusa-masa--onizleme{ --masa-yari-cap:clamp(65px,22vw,82px); width:min(100%,250px); }
  .prusa-masa--onizleme .prusa-masa__koltuk{ width:26px; height:26px; font-size:6px; }
  .prusa-masa--onizleme .prusa-masa__merkez{ padding:8px; }
  .masa-arkadaslari{ padding:14px 16px 18px; }
  .masa-arkadaslari__liste>span{ max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  .katilimci-hub__nav{ gap:2px; padding:7px; }
  .katilimci-hub__nav button{ min-height:54px; border-radius:10px; font-size:9px; }
  .marka{ gap:10px; }
  .marka__logo{ height:23px; }
  .marka__cizgi{ height:24px; }
  .marka__yazi b{ font-size:12.5px; }
  .revak{ min-height:0; padding:70px 24px 34px; }
  .logo-serit__bolgeler img{ height:28px; }
  .altbilgi{ padding-bottom:86px; }
  .kalici__gorsel{ width:min(70vw,240px); }
  .dugme{ padding:14px 26px; font-size:12px; }
  .zaman li{ grid-template-columns:1fr; gap:6px; }
  .zaman::before,.zaman li::before{ display:none; }
  .zaman__saat{ text-align:left; color:var(--altin); }
  .yukari{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
  }
}

/* =========================================================
   MOBİL BAŞARIM — sürekli boyama gerektiren katmanlar kapanır
   ========================================================= */
@media (max-width:1024px){
  /* sabit gren katmanı her kaydırmada tüm ekranı yeniden boyuyordu */
  body::before{ display:none; }
  /* backdrop-filter mobilde çok pahalı; düz zemine geçiliyor */
  .ustbar::before{
    backdrop-filter:none; -webkit-backdrop-filter:none;
    background:rgba(244,238,226,.97);
  }
  .gerisayim__kutu{ backdrop-filter:none; -webkit-backdrop-filter:none; }
  .anlati__isik{ inset:0; }
  /* arka plan deseni ve ışık animasyonları */
  .motif--yildiz,.motif--cini,.anlati__isik,.kalici__isik{ animation:none; }
  /* dev başlıkta blur + gölge yerine sade geçiş */
  .hero__prusa span{ filter:none; animation-name:harfGelSade; }
  /* geniş gölgeler */
  .afis__cerceve,.bilet,.logo-serit,.istatistik,.bilgi-kart,.yer{ box-shadow:none; }
  .yer__sahne::after,
  .yer.calisti .yer__sahne::after{ opacity:.035; }
  .yer.canlan .ipek{ animation-duration:2.4s; }
  .yer.canlan .su path{ animation-duration:2.6s; }
  .yer.canlan .yansima path{ animation-duration:2.2s; }
  .yer.canlan .duman circle{ animation-duration:2.8s; }
  .yer.canlan .kabin--bir,.yer.canlan .kabin--iki{ animation-duration:3.2s; }
  .yer.canlan .kar circle{ animation-duration:3.2s; }
}
@keyframes perdeSolMobil{
  0%{ transform:translateX(0) scaleX(1); }
  72%{ transform:translateX(-68%) scaleX(.92) skewY(-1.5deg); }
  100%{ transform:translateX(-72%) scaleX(.88) skewY(-1deg); }
}
@keyframes perdeSagMobil{
  0%{ transform:translateX(0) scaleX(1); }
  72%{ transform:translateX(68%) scaleX(.92) skewY(1.5deg); }
  100%{ transform:translateX(72%) scaleX(.88) skewY(1deg); }
}
@keyframes harfGelSade{
  from{ opacity:0; transform:translateY(24px); }
  to{ opacity:1; transform:none; }
}

/* alçak ekranlarda hero'yu sıkıştır */
@media (min-width:1025px) and (max-height:820px){
  .hero{ --siluetY:clamp(175px,19vw,265px); padding-top:110px; }
  .hero__prusa{ font-size:min(15vw,11.5rem); }
  .hero__bulusma{ font-size:min(4.6vw,2.9rem); }
  .hero__slogan{ line-height:1.8; }
  .hero__butonlar{ margin-top:24px; }
  .hero__rozet{ margin-top:20px; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; }
  .js .tiyatro-giris{ display:none; }
}

/* yazdırma */
@media print{
  .tiyatro-giris,.ustbar,.yukari,.kaydir,.okuma-cizgisi,.hero__serit{ display:none !important; }
  body{ background:#fff; }
  .bolum--koyu{ background:#fff; color:#000; }
}