:root {
  --bg:#0d0705;
  --bg2:#180d08;
  --paper:#fff7ed;
  --text:#fff8ef;
  --muted:#cdb79e;
  --dark:#120906;
  --gold:#c89345;
  --gold2:#f4ca7a;
  --line:rgba(255,255,255,.13);
  --glass:rgba(255,255,255,.08);
  --shadow:0 28px 90px rgba(0,0,0,.35);
  --radius:28px
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:linear-gradient(180deg,#120906 0%,#1a0e08 38%,#fff7ed 38%,#fff7ed 100%);
  color:#160d08;
  overflow-x:hidden
}

a {
  text-decoration:none;
  color:inherit
}

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

.site-header {
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:16px 5vw;
  background:rgba(14,7,4,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(244,202,122,.16)
}

.brand img {
  height:66px;
  width:auto;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))
}

.nav {
  display:flex;
  align-items:center;
  gap:8px
}

.nav a {
  position:relative;
  padding:14px 16px;
  color:#f7e5cd;
  font-weight:800;
  letter-spacing:.2px
}

.nav a:after {
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:7px;
  height:2px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  transform:scaleX(0);
  transform-origin:left;
  transition:.28s ease
}

.nav a:hover:after,.nav a.active:after {
  transform:scaleX(1)
}

.nav a.active {
  color:#fff
}

.menu-btn {
  display:none;
  background:var(--gold);
  border:0;
  border-radius:14px;
  padding:10px 14px;
  font-size:22px;
  color:#fff
}

.hero-ultra {
  position:relative;
  min-height:calc(100vh - 99px);
  padding:34px 3.5vw 72px;
  background:radial-gradient(circle at 70% 20%,rgba(244,202,122,.18),transparent 34%),linear-gradient(135deg,#150904,#301206 42%,#150904);
  color:var(--text);
  overflow:hidden
}

.hero-ultra:before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%)
}

.hero-shell {
  position:relative;
  max-width:1520px;
  margin:auto
}

.hero-slider {
  position:relative;
  border:1px solid rgba(244,202,122,.22);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 40px 130px rgba(0,0,0,.55);
  background:#120906
}

.hero-slide {
  display:none
}

.hero-slide.active {
  display:block;
  animation:fade .55s ease
}

.hero-media {
  height:62vh;
  min-height:520px;
  background-size:cover;
  background-position:center;
  position:relative
}

.hero-media:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 48%,rgba(15,7,3,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 48%,rgba(0,0,0,.12))
}

.hero-caption {
  position:absolute;
  left:54px;
  right:54px;
  bottom:34px;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:34px
}

.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--gold2);
  font-weight:900;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-size:13px
}

.hero-caption h1 {
  margin:14px 0 14px;
  font-size:clamp(42px,5.2vw,88px);
  line-height:.95;
  letter-spacing:-.06em;
  max-width:900px
}

.hero-caption p {
  margin:0;
  color:#ead8c2;
  font-size:clamp(17px,1.4vw,22px);
  line-height:1.7;
  max-width:760px
}

.hero-actions {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 24px;
  border-radius:999px;
  font-weight:900;
  transition:.28s ease;
  border:1px solid rgba(255,255,255,.18)
}

.btn.primary {
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#210f05;
  box-shadow:0 16px 45px rgba(200,147,69,.35)
}

.btn.ghost {
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(12px)
}

.btn:hover {
  transform:translateY(-3px)
}

.hero-nav {
  position:absolute;
  z-index:8;
  top:42%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.88);
  color:#1b0d07;
  font-size:38px;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.25s
}

.hero-nav:hover {
  background:var(--gold2);
  transform:translateY(-50%) scale(1.05)
}

.hero-nav.prev {
  left:28px
}

.hero-nav.next {
  right:28px
}

.hero-dots {
  position:absolute;
  z-index:9;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  display:flex;
  gap:10px
}

.hero-dots button {
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:.25s
}

.hero-dots button.active {
  width:46px;
  background:#fff
}

.quick-panel {
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr .8fr;
  gap:18px;
  margin-top:-36px;
  padding:0 28px
}

.quick-card {
  background:rgba(255,248,239,.95);
  color:#190c06;
  border-radius:22px;
  padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
  border:1px solid rgba(200,147,69,.25)
}

.quick-card b {
  font-size:30px;
  display:block
}

.quick-card span {
  color:#7b5c3a;
  font-weight:800
}

.countdown {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}

.countdown div {
  text-align:center;
  background:#21100a;
  color:#fff;
  border-radius:16px;
  padding:14px 8px
}

.countdown strong {
  display:block;
  font-size:26px;
  color:var(--gold2)
}

.section {
  padding:92px 5vw;
  background:#fff7ed
}

.section.dark {
  background:#120906;
  color:#fff
}

.section-head {
  max-width:940px;
  margin:0 auto 42px;
  text-align:center
}

.section-head h2 {
  font-size:clamp(36px,5vw,78px);
  line-height:1.05;
  letter-spacing:-.055em;
  margin:12px 0
}

.section-head p {
  color:#80674e;
  font-size:19px;
  line-height:1.8
}

.dark .section-head p {
  color:#ccb49b
}

.grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1420px;
  margin:auto
}

.event-card,.artist-card,.gallery-card,.video-card {
  border-radius:var(--radius);
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 70px rgba(62,35,17,.12);
  border:1px solid rgba(120,78,40,.1);
  transition:.3s
}

.event-card:hover,.artist-card:hover,.gallery-card:hover,.video-card:hover {
  transform:translateY(-8px);
  box-shadow:0 30px 90px rgba(62,35,17,.2)
}

.event-img,.gallery-card img,.artist-img,.video-thumb {
  height:300px;
  background-size:cover;
  background-position:center
}

.event-body,.artist-body,.video-body {
  padding:24px
}

.tag {
  display:inline-flex;
  border-radius:999px;
  background:#f1d7aa;
  color:#7a4d1d;
  padding:8px 12px;
  font-weight:900;
  font-size:13px
}

.event-body h3,.artist-body h3,.video-body h3 {
  font-size:30px;
  line-height:1.05;
  margin:16px 0 10px
}

.event-body p,.artist-body p,.video-body p {
  color:#765f48;
  line-height:1.7
}

.split-premium {
  max-width:1420px;
  margin:auto;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:42px;
  align-items:center
}

.stage-photo {
  height:560px;
  border-radius:36px;
  background:url('https://images.unsplash.com/photo-1540039155733-5bb30b53aa14?auto=format&fit=crop&w=1600&q=85') center/cover;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden
}

.stage-photo:after {
  content:"Canlı sahne atmosferi";
  position:absolute;
  left:28px;
  bottom:28px;
  color:#fff;
  font-size:34px;
  font-weight:950;
  text-shadow:0 8px 25px #000
}

.feature-list {
  display:grid;
  gap:16px
}

.feature-item {
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(120,78,40,.12);
  box-shadow:0 18px 50px rgba(62,35,17,.08)
}

.feature-item h3 {
  margin:0 0 8px;
  font-size:24px
}

.artist-card {
  background:#1c0d07;
  color:#fff
}

.artist-img {
  height:380px
}

.artist-body p {
  color:#d0b79b
}

.gallery-card {
  position:relative;
  cursor:pointer
}

.gallery-card img {
  width:100%;
  object-fit:cover
}

.gallery-card figcaption {
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  border-radius:20px;
  background:rgba(0,0,0,.72);
  color:#fff;
  padding:18px;
  backdrop-filter:blur(10px)
}

.video-card iframe {
  width:100%;
  aspect-ratio:16/9;
  border:0;
  display:block
}

.cta {
  max-width:1420px;
  margin:auto;
  border-radius:40px;
  padding:70px;
  background:linear-gradient(135deg,rgba(244,202,122,.96),rgba(160,97,32,.94)),url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1600&q=85') center/cover;
  background-blend-mode:multiply;
  color:#fff;
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  box-shadow:var(--shadow)
}

.cta h2 {
  font-size:clamp(38px,5vw,72px);
  line-height:1;
  margin:0 0 12px
}

.cta p {
  font-size:20px;
  margin:0;
  color:#fff3df
}

.social-strip {
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap
}

.social-strip a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 22px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-weight:900
}

.social-icon {
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center
}

.social-icon svg {
  width:24px;
  height:24px;
  fill:currentColor
}

.page-hero {
  padding:90px 5vw;
  background:linear-gradient(135deg,#160904,#4b220b);
  color:#fff;
  text-align:center
}

.page-hero h1 {
  font-size:clamp(42px,6vw,82px);
  margin:12px 0;
  letter-spacing:-.055em
}

.lightbox {
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.86);
  padding:30px
}

.lightbox.active {
  display:flex
}

.lightbox img,.lightbox iframe {
  max-width:min(1100px,94vw);
  max-height:86vh;
  border-radius:22px;
  border:0
}

.lightbox iframe {
  width:min(1100px,94vw);
  height:min(620px,60vw)
}

.lightbox-close {
  position:absolute;
  top:20px;
  right:24px;
  width:48px;
  height:48px;
  border-radius:999px;
  border:0;
  background:#fff;
  font-size:30px;
  cursor:pointer
}

footer {
  background:#100704;
  color:#f4dec2;
  text-align:center;
  padding:46px 5vw;
  border-top:1px solid rgba(244,202,122,.18)
}

footer img {
  height:72px;
  margin:0 auto 16px
}

.footer-social {
  display:flex;
  gap:16px;
  justify-content:center;
  margin-top:16px;
  flex-wrap:wrap
}

.footer-social a {
  color:#f4ca7a;
  font-weight:900
}

@keyframes fade {
  from {
  opacity:.35;
  transform:scale(1.015)
}

to {
  opacity:1;
  transform:scale(1)
}

}

.reveal {
  opacity:0;
  transform:translateY(22px);
  transition:.7s ease
}

.reveal.show {
  opacity:1;
  transform:none
}

@media(max-width:1050px) {
  .nav {
  position:fixed;
  left:18px;
  right:18px;
  top:92px;
  display:none;
  flex-direction:column;
  background:#1a0d07;
  border:1px solid var(--line);
  border-radius:24px;
  padding:16px
}

.nav.open {
  display:flex
}

.menu-btn {
  display:block
}

.hero-caption {
  grid-template-columns:1fr;
  left:24px;
  right:24px;
  bottom:42px
}

.hero-actions {
  justify-content:flex-start
}

.quick-panel {
  grid-template-columns:1fr 1fr;
  margin-top:20px;
  padding:0
}

.grid-3,.split-premium {
  grid-template-columns:1fr
}

.hero-media {
  height:70vh;
  min-height:560px
}

.cta {
  grid-template-columns:1fr;
  padding:42px
}

.stage-photo {
  height:420px
}

}

@media(max-width:620px) {
  .site-header {
  padding:12px 18px
}

.brand img {
  height:52px
}

.hero-ultra {
  padding:18px 14px 42px;
  min-height:auto
}

.hero-slider {
  border-radius:24px
}

.hero-media {
  height:650px;
  min-height:0
}

.hero-caption h1 {
  font-size:38px
}

.hero-caption p {
  font-size:16px
}

.hero-nav {
  top:34%;
  width:44px;
  height:44px;
  font-size:30px
}

.hero-nav.prev {
  left:12px
}

.hero-nav.next {
  right:12px
}

.hero-dots {
  bottom:18px
}

.quick-panel,.countdown {
  grid-template-columns:1fr
}

.section {
  padding:64px 18px
}

.section-head h2 {
  font-size:40px
}

.event-img,.gallery-card img,.artist-img {
  height:245px
}

.hero-actions .btn {
  width:100%
}

.page-hero {
  padding:64px 18px
}

}

/* === Professional V3 fixes === */

.site-header {
  padding-top:10px;
  padding-bottom:10px;
  min-height:86px
}

.brand img {
  height:72px;
  max-width:260px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.38))
}

.hero-ultra {
  min-height:auto;
  padding-bottom:58px
}

.hero-slider {
  border-radius:32px
}

.hero-media {
  height:68vh;
  min-height:610px;
  background-position:center
}

.hero-caption {
  bottom:58px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end
}

.hero-caption h1 {
  max-width:980px;
  font-size:clamp(48px,5.5vw,92px)
}

.hero-actions {
  margin-bottom:8px
}

.hero-nav {
  top:48%;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 36px rgba(0,0,0,.25);
  border:0
}

.hero-dots {
  bottom:34px
}

.event-strip {
  position:relative;
  z-index:6;
  max-width:1420px;
  margin:24px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex-wrap:wrap;
  color:#fff;
  padding:18px 22px;
  border-top:1px solid rgba(255,211,130,.22);
  border-bottom:1px solid rgba(255,211,130,.14);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px)
}

.event-strip div {
  display:flex;
  align-items:baseline;
  gap:12px
}

.event-strip span {
  font-size:12px;
  color:#d8a85a;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900
}

.event-strip strong {
  font-size:20px
}

.event-strip em {
  font-style:normal;
  color:var(--gold2)
}

.quick-panel {
  display:none!important
}

.gallery-premium .gallery-card {
  min-height:360px
}

.gallery-premium .gallery-card:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78));
  opacity:.95
}

.gallery-card img {
  transition:transform .55s ease,filter .55s ease
}

.gallery-card:hover img {
  transform:scale(1.09);
  filter:saturate(1.15) contrast(1.05)
}

.gallery-card figcaption {
  z-index:2;
  border:1px solid rgba(255,255,255,.18);
  transform:translateY(0);
  transition:.35s ease
}

.gallery-card:hover figcaption {
  transform:translateY(-8px);
  background:rgba(25,10,4,.82)
}

.videos-premium .video-card {
  background:#190c06;
  color:#fff;
  border:1px solid rgba(244,202,122,.16)
}

.videos-premium .video-body p {
  color:#d8c0a4
}

.videos-premium .video-card iframe {
  border-radius:22px 22px 0 0
}

.split-premium {
  align-items:stretch
}

.contact-icons a {
  min-width:170px;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important
}

.brand-icon {
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:white;
  font-weight:950
}

.instagram .brand-icon {
  background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)
}

.facebook .brand-icon {
  background:#1877f2;
  font-family:Arial;
  font-size:22px
}

.youtube .brand-icon {
  background:#ff0000;
  font-size:17px
}

footer img {
  height:80px;
  max-width:280px;
  object-fit:contain
}

.stage-photo {
  background-image:url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1600&q=90')
}

@media(max-width:1050px) {
  .hero-caption {
  grid-template-columns:1fr;
  bottom:54px
}

.event-strip {
  gap:18px;
  justify-content:flex-start
}

.hero-media {
  height:72vh;
  min-height:560px
}

.brand img {
  height:58px
}

.site-header {
  min-height:78px
}

.hero-actions {
  justify-content:flex-start
}

}

@media(max-width:620px) {
  .hero-media {
  height:650px
}

.hero-caption {
  left:22px;
  right:22px;
  bottom:56px
}

.hero-caption h1 {
  font-size:38px
}

.event-strip {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  border-radius:22px
}

.event-strip div {
  justify-content:space-between
}

.hero-nav {
  top:38%
}

.brand img {
  height:50px;
  max-width:220px
}

.hero-dots {
  bottom:20px
}

}

/* v4 fixes */

.brand img {
  height:66px!important;
  max-width:340px!important;
  width:auto!important;
  object-fit:contain!important;
  background:transparent!important
}

.hero-nav {
  top:50%!important;
  width:50px!important;
  height:50px!important;
  border-radius:18px!important;
  background:rgba(255,248,239,.92)!important;
  color:#1d0c04!important;
  font-size:0!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32)!important;
  border:1px solid rgba(255,255,255,.38)!important
}

.hero-nav:before {
  content:"";
  width:12px;
  height:12px;
  border-top:3px solid currentColor;
  border-right:3px solid currentColor;
  display:block
}

.hero-nav.prev:before {
  transform:rotate(-135deg);
  margin-left:5px
}

.hero-nav.next:before {
  transform:rotate(45deg);
  margin-right:5px
}

.hero-nav.prev {
  left:32px!important
}

.hero-nav.next {
  right:32px!important
}

.hero-nav:hover {
  background:linear-gradient(135deg,var(--gold),var(--gold2))!important;
  transform:translateY(-50%) scale(1.06)!important
}

.event-strip.compact-strip {
  max-width:1180px;
  border-radius:22px;
  background:rgba(19,8,3,.42);
  gap:28px
}

.event-strip.compact-strip strong {
  font-size:18px
}

.event-strip.compact-strip em {
  font-size:20px;
  font-weight:950;
  color:var(--gold2)
}

@media(max-width:620px) {
  .brand img {
  height:48px!important;
  max-width:220px!important
}

.hero-nav {
  top:36%!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important
}

.hero-nav.prev {
  left:14px!important
}

.hero-nav.next {
  right:14px!important
}

}

/* === V5 gerçek düzeltme: responsive menü + hero okları + logo === */

.brand img {
  height:72px!important;
  max-width:360px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42))!important;
}

/* Hero metnini okların üstüne bindirmemek için güvenli alan */

.hero-caption {
  left:124px!important;
  right:124px!important;
  bottom:58px!important;
}

/* Daha premium, metnin üstüne binmeyen oklar */

.hero-nav {
  top:38%!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  background:rgba(15,7,4,.58)!important;
  color:#fff3df!important;
  border:1px solid rgba(244,202,122,.55)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(14px)!important;
  transition:transform .28s ease, background .28s ease, border-color .28s ease!important;
}

.hero-nav:hover {
  background:linear-gradient(135deg,rgba(200,147,69,.95),rgba(244,202,122,.95))!important;
  color:#1d0c04!important;
  border-color:rgba(255,255,255,.5)!important;
  transform:translateY(-50%) scale(1.08)!important;
}

.hero-nav.prev {
  left:34px!important
}

.hero-nav.next {
  right:34px!important
}

.hero-nav:before {
  width:11px!important;
  height:11px!important;
  border-top:3px solid currentColor!important;
  border-right:3px solid currentColor!important;
}

.hero-dots {
  bottom:30px!important
}

/* Mobil / tablet menü: sağdan kayan premium drawer, eski border kutu kaldırıldı */

@media(max-width:1050px) {
  .site-header {
  z-index:80!important;
}

.menu-btn {
  display:grid!important;
  place-items:center;
  width:48px;
  height:48px;
  padding:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,var(--gold),var(--gold2))!important;
  color:#1d0c04!important;
  font-weight:950!important;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}

.nav {
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  width:min(360px,86vw)!important;
  height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:8px!important;
  padding:92px 28px 28px!important;
  background:linear-gradient(180deg,rgba(26,12,6,.98),rgba(8,4,2,.98))!important;
  border:none!important;
  border-left:1px solid rgba(244,202,122,.18)!important;
  border-radius:0!important;
  box-shadow:-28px 0 90px rgba(0,0,0,.56)!important;
  backdrop-filter:blur(22px)!important;
  transform:translateX(105%)!important;
  opacity:1!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1)!important;
}

.nav.open {
  transform:translateX(0)!important;
}

.nav:before {
  content:"";
  position:absolute;
  top:28px;
  left:28px;
  right:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);
  opacity:.5;
}

.nav a {
  border-radius:0!important;
  padding:16px 4px!important;
  font-size:22px!important;
  text-align:left!important;
  color:#fff2dc!important;
  background:transparent!important;
}

.nav a:after {
  left:4px!important;
  right:auto!important;
  bottom:8px!important;
  width:0!important;
  height:3px!important;
  transform:none!important;
  transition:width .28s ease!important;
}

.nav a:hover:after,.nav a.active:after {
  width:64px!important;
  transform:none!important;
}

.hero-caption {
  left:86px!important;
  right:86px!important;
  bottom:56px!important;
}

.hero-nav {
  top:34%!important;
  width:48px!important;
  height:48px!important;
}

.hero-nav.prev {
  left:24px!important
}

.hero-nav.next {
  right:24px!important
}

}

@media(max-width:620px) {
  .brand img {
  height:50px!important;
  max-width:235px!important;
}

.site-header {
  padding:12px 16px!important;
}

.nav {
  width:84vw!important;
  padding:86px 24px 26px!important;
}

.nav a {
  font-size:20px!important;
}

.hero-caption {
  left:24px!important;
  right:24px!important;
  bottom:62px!important;
}

.hero-caption h1 {
  font-size:36px!important;
  line-height:1.02!important;
}

.hero-caption p {
  font-size:15px!important;
  line-height:1.55!important;
}

.hero-actions {
  gap:10px!important;
}

.hero-nav {
  top:30%!important;
  width:42px!important;
  height:42px!important;
  background:rgba(12,6,3,.62)!important;
}

.hero-nav.prev {
  left:12px!important
}

.hero-nav.next {
  right:12px!important
}

.hero-dots {
  bottom:22px!important;
}

}

/* V6.1: mobil hamburger butonu sade beyaz çizgi - kutu/border yok */

@media(max-width:1050px) {
  .menu-btn {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  border-radius:0!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  font-size:0!important;
  position:relative!important;
}

.menu-btn::before,
  .menu-btn::after,
  .menu-btn span {
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  height:3px;
  border-radius:20px;
  background:#fff!important;
  transition:transform .25s ease, opacity .25s ease, top .25s ease;
}

.menu-btn::before {
  top:13px;
}

.menu-btn span {
  top:21px;
  display:block!important;
}

.menu-btn::after {
  top:29px;
}

.menu-btn:hover {
  transform:translateY(-1px);
}

}

/* V7: Hero slider okları profesyonel düzeltme */

.hero-nav,
.hero-nav.prev,
.hero-nav.next {
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(8,4,2,.42)!important;
  color:#fff8ec!important;
  border:1px solid rgba(255,213,139,.42)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font-size:0!important;
  line-height:1!important;
  padding:0!important;
  overflow:hidden!important;
}

.hero-nav.prev {
  left:34px!important;
  right:auto!important;
}

.hero-nav.next {
  right:34px!important;
  left:auto!important;
}

.hero-nav::before {
  content:""!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  border-top:3px solid currentColor!important;
  border-right:3px solid currentColor!important;
  margin:0!important;
}

.hero-nav.prev::before {
  transform:rotate(-135deg)!important;
  margin-left:5px!important;
}

.hero-nav.next::before {
  transform:rotate(45deg)!important;
  margin-right:5px!important;
}

.hero-nav:hover {
  background:linear-gradient(135deg,rgba(201,151,75,.96),rgba(255,205,116,.96))!important;
  color:#1b0b04!important;
  border-color:rgba(255,231,170,.75)!important;
  transform:translateY(-50%) scale(1.08)!important;
}

@media(max-width:1050px) {
  .hero-nav,
  .hero-nav.prev,
  .hero-nav.next {
  top:44%!important;
  width:48px!important;
  height:48px!important;
  background:rgba(9,4,2,.5)!important;
}

.hero-nav.prev {
  left:18px!important;
}

.hero-nav.next {
  right:18px!important;
}

.hero-nav::before {
  width:12px!important;
  height:12px!important;
  border-width:3px!important;
}

}

@media(max-width:620px) {
  .hero-nav,
  .hero-nav.prev,
  .hero-nav.next {
  top:36%!important;
  width:42px!important;
  height:42px!important;
  background:rgba(10,5,2,.54)!important;
  border-color:rgba(255,213,139,.35)!important;
}

.hero-nav.prev {
  left:12px!important;
}

.hero-nav.next {
  right:12px!important;
}

.hero-nav::before {
  width:10px!important;
  height:10px!important;
  border-width:2.5px!important;
}

}

/* === V8: Galeri/video büyütme responsive final düzeltmeleri === */

html.lightbox-open {
  overflow:hidden!important;
}

body.lightbox-open {
  overflow:hidden!important;
}

.lightbox {
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(14px,3vw,34px)!important;
  background:rgba(8,4,2,.92)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.lightbox.active {
  display:flex!important;
}

.lightbox-body {
  width:min(1180px,100%)!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 92px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.lightbox-body img {
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 96px)!important;
  object-fit:contain!important;
  border-radius:22px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55)!important;
  border:1px solid rgba(244,202,122,.22)!important;
  background:#100704!important;
}

.lightbox-body iframe,.lightbox-body video {
  display:block!important;
  width:min(1180px,100%)!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  max-height:calc(100dvh - 110px)!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55)!important;
  background:#000!important;
}

.lightbox-close {
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  z-index:10000!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  border:1px solid rgba(244,202,122,.32)!important;
  background:rgba(255,248,239,.96)!important;
  color:#160804!important;
  font-size:32px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}

.gallery-card {
  isolation:isolate!important;
}

.gallery-card img {
  width:100%!important;
  height:300px!important;
  object-fit:cover!important;
}

.video-card {
  position:relative!important;
  overflow:hidden!important;
}

.video-open {
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  z-index:3!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:rgba(15,7,4,.72)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
}

.video-open:hover {
  background:linear-gradient(135deg,var(--gold),var(--gold2))!important;
  color:#1b0b04!important;
}

@media(max-width:1050px) {
  .lightbox {
  padding:16px!important;
  align-items:center!important;
}

.lightbox-body {
  width:100%!important;
  max-width:100%!important;
  max-height:calc(100dvh - 84px)!important;
}

.lightbox-body img {
  max-width:100%!important;
  max-height:calc(100dvh - 92px)!important;
  border-radius:18px!important;
}

.lightbox-body iframe,.lightbox-body video {
  width:100%!important;
  max-height:calc(100dvh - 110px)!important;
  border-radius:18px!important;
}

.lightbox-close {
  top:12px!important;
  right:12px!important;
  width:44px!important;
  height:44px!important;
  font-size:30px!important;
}

.gallery-card img {
  height:260px!important;
}

}

@media(max-width:620px) {
  .lightbox {
  padding:10px!important;
}

.lightbox-body {
  max-height:calc(100dvh - 72px)!important;
}

.lightbox-body img {
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 82px)!important;
  border-radius:14px!important;
}

.lightbox-body iframe,.lightbox-body video {
  width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 86px)!important;
  border-radius:14px!important;
}

.lightbox-close {
  top:10px!important;
  right:10px!important;
  width:40px!important;
  height:40px!important;
  font-size:28px!important;
}

.gallery-card figcaption {
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  padding:14px!important;
  border-radius:16px!important;
  font-size:14px!important;
}

.gallery-card img {
  height:240px!important;
}

.video-card iframe {
  min-height:205px!important;
}

.video-open {
  top:10px!important;
  right:10px!important;
  padding:9px 12px!important;
  font-size:13px!important;
}

}

@media(max-width:390px) {
  .gallery-card img {
  height:210px!important;
}

.video-card iframe {
  min-height:185px!important;
}

}

/* === V10 FINAL: Mobil hero okları çakışma düzeltmesi === */

.hero-slider {
  position:relative!important;
}

.hero-nav {
  z-index:30!important;
}

@media(max-width:620px) {
  .hero-media {
  height:650px!important;
  min-height:650px!important;
}

.hero-caption {
  z-index:10!important;
  left:22px!important;
  right:22px!important;
  bottom:58px!important;
  padding-top:0!important;
}

.hero-nav,
  .hero-nav.prev,
  .hero-nav.next {
  top:28%!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:rgba(12,6,3,.62)!important;
  border:1px solid rgba(255,214,137,.55)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.hero-nav.prev {
  left:16px!important;
  right:auto!important;
}

.hero-nav.next {
  right:16px!important;
  left:auto!important;
}

.hero-nav::before {
  width:11px!important;
  height:11px!important;
  border-top:3px solid #fff8ec!important;
  border-right:3px solid #fff8ec!important;
}

.hero-dots {
  bottom:18px!important;
  z-index:31!important;
}

}

@media(max-width:390px) {
  .hero-nav,
  .hero-nav.prev,
  .hero-nav.next {
  top:26%!important;
  width:42px!important;
  height:42px!important;
}

.hero-nav.prev {
  left:12px!important;
}

.hero-nav.next {
  right:12px!important;
}

}

/* v11: gereksiz sahne alanı kaldırıldı;
  lightbox kapanınca aynı konum korunur */

html.lightbox-open,body.lightbox-open {
  scroll-behavior:auto!important;
  overscroll-behavior:contain;
}

.lightbox.active {
  display:flex;
  align-items:center;
  justify-content:center;
}

.lightbox-body {
  max-width:min(94vw,1180px);
  max-height:88vh;
  overflow:auto;
}

.lightbox-body img,.lightbox-body video {
  max-width:100%;
  max-height:86vh;
  object-fit:contain;
  border-radius:18px;
  display:block;
}

.lightbox-body iframe {
  width:min(94vw,1100px);
  height:min(56vw,620px);
  max-height:78vh;
  border:0;
  border-radius:18px;
  background:#000;
  display:block;
}

@media(max-width:700px) {
  .lightbox {
  padding:16px
}

.lightbox-close {
  top:12px;
  right:12px
}

.lightbox-body {
  width:100%;
  max-height:84vh
}

.lightbox-body img,.lightbox-body video {
  max-height:78vh
}

.lightbox-body iframe {
  width:100%;
  height:54vw;
  min-height:220px
}

.section {
  padding-top:64px;
  padding-bottom:64px
}

}

/* === V12: Beyaz saydam glass navbar === */

.site-header {
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(120,78,40,.12)!important;
  box-shadow:0 10px 34px rgba(35,17,8,.08)!important;
}

.nav a {
  color:#3a2416!important;
}

.nav a.active {
  color:#9a672d!important;
}

.nav a:hover {
  color:#9a672d!important;
}

.brand img {
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.14))!important;
}

@media(max-width:1050px) {
  .site-header {
  background:rgba(255,255,255,.78)!important;
}

.menu-btn::before,.menu-btn::after,.menu-btn span {
  background:#2b160c!important;
}

.nav {
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,239,.94))!important;
  border-left:1px solid rgba(120,78,40,.14)!important;
  box-shadow:-24px 0 70px rgba(35,17,8,.18)!important;
}

.nav a {
  color:#2b160c!important;
}

.nav a.active,.nav a:hover {
  color:#a66f30!important;
}

}

/* === V13: Navbar ve logo küçültme === */

.site-header {
  padding:10px 5vw!important;
  min-height:68px!important;
}

.brand img {
  height:46px!important;
  max-width:230px!important;
  width:auto!important;
  object-fit:contain!important;
}

.nav a {
  padding:11px 13px!important;
  font-size:15px!important;
}

.nav a:after {
  bottom:5px!important;
  left:13px!important;
  right:13px!important;
}

.hero-ultra {
  min-height:calc(100vh - 68px)!important;
}

@media(max-width:1050px) {
  .site-header {
  min-height:62px!important;
  padding:9px 18px!important;
}

.brand img {
  height:40px!important;
  max-width:200px!important;
}

.menu-btn {
  width:42px!important;
  height:42px!important;
}

.nav {
  top:0!important;
}

}

@media(max-width:620px) {
  .site-header {
  min-height:58px!important;
  padding:8px 14px!important;
}

.brand img {
  height:34px!important;
  max-width:170px!important;
}

.menu-btn {
  width:38px!important;
  height:38px!important;
}

}

/* === V16: Site açılış konser efekti === */

.concert-intro {
  position:fixed;
  inset:0;
  z-index:9999;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#090302;
  color:#fff;
  transition:opacity .75s ease,visibility .75s ease
}

.concert-intro.hide {
  opacity:0;
  visibility:hidden;
  pointer-events:none
}

.intro-bg {
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 85%,rgba(219,166,75,.28),transparent 32%),radial-gradient(circle at 80% 20%,rgba(71,175,255,.26),transparent 30%),linear-gradient(135deg,#110604 0%,#260b04 45%,#03070e 100%)
}

.intro-bg:after {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle,#000 0%,transparent 78%)
}

.intro-light {
  position:absolute;
  bottom:-18vh;
  width:22vw;
  height:120vh;
  transform-origin:bottom center;
  opacity:.7;
  filter:blur(2px);
  mix-blend-mode:screen;
  clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);
  animation:introBeam 2.2s ease-in-out infinite alternate
}

.intro-light.l1 {
  left:8%;
  background:linear-gradient(to top,rgba(244,202,122,0),rgba(244,202,122,.55));
  transform:rotate(-18deg)
}

.intro-light.l2 {
  left:39%;
  background:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.45));
  animation-delay:.25s
}

.intro-light.l3 {
  right:8%;
  background:linear-gradient(to top,rgba(0,184,255,0),rgba(0,184,255,.42));
  transform:rotate(18deg);
  animation-delay:.5s
}

.intro-content {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  text-align:center;
  padding:30px;
  animation:introPop .9s cubic-bezier(.2,.9,.2,1) both
}

.intro-logo {
  width:min(520px,78vw);
  height:auto;
  filter:drop-shadow(0 22px 54px rgba(0,0,0,.55));
  animation:introLogoGlow 1.8s ease-in-out infinite alternate
}

.intro-content p {
  margin:22px 0 0;
  color:#ffe6b4;
  font-size:clamp(15px,2.2vw,24px);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 10px 30px rgba(0,0,0,.75)
}

.intro-eq {
  display:flex;
  align-items:end;
  gap:7px;
  height:42px;
  margin-top:22px
}

.intro-eq span {
  display:block;
  width:8px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff8e7,#d39a42);
  animation:eqPulse .65s ease-in-out infinite alternate;
  box-shadow:0 0 22px rgba(244,202,122,.55)
}

.intro-eq span:nth-child(1) {
  height:18px;
  animation-delay:0s
}

.intro-eq span:nth-child(2) {
  height:30px;
  animation-delay:.12s
}

.intro-eq span:nth-child(3) {
  height:40px;
  animation-delay:.24s
}

.intro-eq span:nth-child(4) {
  height:26px;
  animation-delay:.36s
}

.intro-eq span:nth-child(5) {
  height:34px;
  animation-delay:.48s
}

.intro-confetti i {
  position:absolute;
  top:-8vh;
  width:8px;
  height:16px;
  border-radius:2px;
  background:#f4ca7a;
  opacity:.9;
  animation:confettiFall 2.5s linear infinite
}

.intro-confetti i:nth-child(1) {
  left:8%;
  animation-delay:.1s;
  background:#f4ca7a
}

.intro-confetti i:nth-child(2) {
  left:16%;
  animation-delay:.7s;
  background:#fff
}

.intro-confetti i:nth-child(3) {
  left:24%;
  animation-delay:.35s;
  background:#42d9ff
}

.intro-confetti i:nth-child(4) {
  left:33%;
  animation-delay:1s;
  background:#f4ca7a
}

.intro-confetti i:nth-child(5) {
  left:42%;
  animation-delay:.2s;
  background:#fff
}

.intro-confetti i:nth-child(6) {
  left:51%;
  animation-delay:.85s;
  background:#42d9ff
}

.intro-confetti i:nth-child(7) {
  left:60%;
  animation-delay:.45s;
  background:#f4ca7a
}

.intro-confetti i:nth-child(8) {
  left:69%;
  animation-delay:1.2s;
  background:#fff
}

.intro-confetti i:nth-child(9) {
  left:76%;
  animation-delay:.15s;
  background:#42d9ff
}

.intro-confetti i:nth-child(10) {
  left:83%;
  animation-delay:.95s;
  background:#f4ca7a
}

.intro-confetti i:nth-child(11) {
  left:90%;
  animation-delay:.55s;
  background:#fff
}

.intro-confetti i:nth-child(12) {
  left:96%;
  animation-delay:1.4s;
  background:#42d9ff
}

body.intro-lock {
  overflow:hidden!important
}

@keyframes introBeam {
  to {
  transform:rotate(12deg) scaleX(1.2);
  opacity:.95
}

}

@keyframes introPop {
  from {
  opacity:0;
  transform:translateY(20px) scale(.96)
}

to {
  opacity:1;
  transform:none
}

}

@keyframes introLogoGlow {
  from {
  filter:drop-shadow(0 18px 44px rgba(0,0,0,.5))
}

to {
  filter:drop-shadow(0 26px 70px rgba(244,202,122,.38))
}

}

@keyframes eqPulse {
  to {
  height:10px;
  opacity:.72
}

}

@keyframes confettiFall {
  0% {
  transform:translateY(-10vh) rotate(0deg);
  opacity:0
}

10% {
  opacity:1
}

100% {
  transform:translateY(112vh) rotate(520deg);
  opacity:0
}

}

@media(max-width:620px) {
  .intro-logo {
  width:min(360px,82vw)
}

.intro-content p {
  font-size:13px;
  line-height:1.7;
  max-width:310px
}

.intro-light {
  width:38vw
}

}

@media(prefers-reduced-motion:reduce) {
  .concert-intro {
  display:none!important
}

}

/* V18: mobil açılış animasyonu + hamburger + hero volkan efekti düzeltmeleri */

.menu-btn {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  border-radius:0!important;
  position:relative!important;
  color:#fff!important;
  display:none;
  place-items:center;
  cursor:pointer;
  font-size:0!important
}

.menu-btn::before,.menu-btn::after,.menu-btn span {
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  height:3px;
  border-radius:50px;
  background:#fff!important;
  box-shadow:0 0 14px rgba(255,255,255,.2);
  transition:transform .25s ease,top .25s ease,opacity .25s ease
}

.menu-btn::before {
  top:13px!important
}

.menu-btn span {
  top:22px!important;
  display:block!important
}

.menu-btn::after {
  top:31px!important
}

.menu-btn:hover::before,.menu-btn:hover::after,.menu-btn:hover span {
  background:#f4ca7a!important
}

.pyro {
  position:absolute;
  z-index:7;
  bottom:18px;
  width:130px;
  height:220px;
  pointer-events:none;
  opacity:.96;
  filter:drop-shadow(0 0 18px rgba(244,202,122,.42))
}

.pyro-left {
  left:18px
}

.pyro-right {
  right:18px;
  transform:scaleX(-1)
}

.pyro::before {
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:16px;
  height:34px;
  transform:translateX(-50%);
  border-radius:50% 50% 8px 8px;
  background:linear-gradient(#fff8c8,#f4ca7a 36%,#d0781d 74%,transparent);
  box-shadow:0 0 24px #ffd36d,0 0 50px rgba(255,120,20,.45);
  animation:pyroFlame 3.6s ease-in-out infinite
}

.pyro::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:22px;
  width:8px;
  height:160px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(to top,rgba(255,255,255,.95),rgba(255,219,117,.72),rgba(255,160,43,.15),transparent);
  clip-path:polygon(42% 100%,58% 100%,100% 0,0 0);
  animation:pyroBeam 3.6s ease-in-out infinite
}

.pyro span {
  position:absolute;
  left:50%;
  bottom:28px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ffe4a0;
  box-shadow:0 0 10px #fff,0 0 18px #f4ca7a;
  animation:pyroSpark 3.6s ease-out infinite;
  opacity:0
}

.pyro span:nth-child(1) {
  --x:-48px;
  --r:-18deg;
  animation-delay:.05s
}

.pyro span:nth-child(2) {
  --x:-24px;
  --r:-8deg;
  animation-delay:.15s
}

.pyro span:nth-child(3) {
  --x:8px;
  --r:7deg;
  animation-delay:.28s
}

.pyro span:nth-child(4) {
  --x:34px;
  --r:17deg;
  animation-delay:.38s
}

.pyro span:nth-child(5) {
  --x:54px;
  --r:25deg;
  animation-delay:.5s
}

@keyframes pyroFlame {
  0%,100% {
  opacity:0;
  transform:translateX(-50%) scale(.7)
}

12%,65% {
  opacity:1;
  transform:translateX(-50%) scale(1)
}

82% {
  opacity:.35;
  transform:translateX(-50%) scale(.82)
}

}

@keyframes pyroBeam {
  0%,100% {
  opacity:0;
  height:40px
}

10%,62% {
  opacity:.9;
  height:170px
}

82% {
  opacity:.18;
  height:90px
}

}

@keyframes pyroSpark {
  0%,8% {
  opacity:0;
  transform:translateX(-50%) translateY(0) rotate(0) scale(.6)
}

16%,62% {
  opacity:1;
  transform:translateX(calc(-50% + var(--x))) translateY(-145px) rotate(var(--r)) scale(1)
}

86%,100% {
  opacity:0;
  transform:translateX(calc(-50% + var(--x))) translateY(-185px) rotate(var(--r)) scale(.35)
}

}

.concert-intro {
  min-height:100dvh!important;
  max-width:100vw!important;
  overflow:hidden!important
}

.intro-content {
  width:min(92vw,680px)!important;
  padding:24px!important
}

.intro-logo {
  max-width:100%!important;
  width:min(520px,82vw)!important;
  object-fit:contain!important
}

.intro-confetti {
  position:absolute;
  inset:0;
  overflow:hidden
}

@media(max-width:1050px) {
  .menu-btn {
  display:grid!important
}

.nav {
  z-index:90!important
}

.pyro {
  width:92px;
  height:165px;
  bottom:14px;
  opacity:.72
}

.pyro-left {
  left:10px
}

.pyro-right {
  right:10px
}

}

@media(max-width:620px) {
  .concert-intro {
  place-items:center!important;
  padding:20px!important
}

.intro-content {
  width:100%!important;
  padding:16px!important;
  transform:translateY(-2vh)
}

.intro-logo {
  width:min(300px,78vw)!important
}

.intro-eq {
  height:30px!important;
  margin-top:16px!important;
  gap:5px!important
}

.intro-eq span {
  width:6px!important
}

.intro-content p {
  font-size:12px!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
  max-width:280px!important;
  margin-top:16px!important
}

.intro-light {
  height:90vh!important;
  width:34vw!important;
  bottom:-10vh!important;
  filter:blur(3px)!important;
  opacity:.55!important
}

.intro-light.l1 {
  left:-6%!important
}

.intro-light.l2 {
  left:34%!important
}

.intro-light.l3 {
  right:-6%!important
}

.intro-confetti i:nth-child(n+8) {
  display:none!important
}

.menu-btn {
  width:44px!important;
  height:44px!important
}

.menu-btn::before {
  top:12px!important
}

.menu-btn span {
  top:21px!important
}

.menu-btn::after {
  top:30px!important
}

.pyro {
  width:68px;
  height:120px;
  bottom:10px;
  opacity:.48
}

.pyro::after {
  height:118px!important
}

.pyro-left {
  left:-8px
}

.pyro-right {
  right:-8px
}

}

@media(max-width:390px) {
  .intro-logo {
  width:min(250px,76vw)!important
}

.intro-content p {
  font-size:11px!important
}

.pyro {
  display:none!important
}

}

/* === V19: gerçek volkan + responsive intro final === */

body.intro-lock {
  overflow:hidden!important;
  height:100dvh!important;
  touch-action:none!important
}

.concert-intro {
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(18px,4vw,44px)!important;
  overflow:hidden!important;
  background:#090302!important
}

.intro-content {
  position:relative!important;
  z-index:5!important;
  width:min(760px,88vw)!important;
  max-height:82dvh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  transform:none!important
}

.intro-logo {
  width:min(560px,82vw)!important;
  max-height:34dvh!important;
  object-fit:contain!important;
  margin:0 auto!important
}

.intro-content p {
  max-width:720px!important;
  margin:20px auto 0!important;
  text-align:center!important
}

.intro-eq {
  margin-top:18px!important;
  flex-shrink:0!important
}

.intro-confetti {
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  pointer-events:none!important
}

@media(max-width:620px) {
  .concert-intro {
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important
}

.intro-content {
  width:92vw!important;
  max-height:78dvh!important;
  transform:none!important
}

.intro-logo {
  width:min(310px,76vw)!important;
  max-height:26dvh!important
}

.intro-content p {
  font-size:11.5px!important;
  line-height:1.55!important;
  max-width:280px!important;
  margin-top:14px!important
}

.intro-eq {
  height:26px!important;
  margin-top:14px!important
}

.intro-bg:after {
  background-size:54px 54px!important
}

}

@media(max-width:390px) {
  .intro-logo {
  width:min(250px,72vw)!important;
  max-height:24dvh!important
}

.intro-content p {
  font-size:10.5px!important;
  max-width:230px!important
}

}

.pyro {
  position:absolute!important;
  z-index:6!important;
  bottom:0!important;
  width:130px!important;
  height:260px!important;
  pointer-events:none!important;
  opacity:.95!important;
  overflow:visible!important;
  filter:drop-shadow(0 0 18px rgba(255,179,68,.65)) drop-shadow(0 0 42px rgba(255,100,20,.28))!important
}

.pyro-left {
  left:18px!important;
  right:auto!important;
  transform:none!important
}

.pyro-right {
  right:18px!important;
  left:auto!important;
  transform:none!important
}

.pyro::before {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:18px!important;
  height:56px!important;
  transform:translateX(-50%)!important;
  border-radius:40% 40% 18% 18%!important;
  background:radial-gradient(circle at 50% 10%,#fff 0 10%,#fff0 22%),linear-gradient(180deg,#fff8c8 0%,#ffd36d 26%,#ff8a22 62%,#6b2507 100%)!important;
  box-shadow:0 0 16px #fff4bd,0 0 38px #ffad35,0 0 70px rgba(255,91,17,.55)!important;
  animation:volcanoCore 2.9s ease-in-out infinite!important
}

.pyro::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:22px!important;
  width:96px!important;
  height:220px!important;
  transform:translateX(-50%)!important;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,244,185,.88) 0 8%,rgba(255,195,78,.48) 10%,rgba(255,136,26,.16) 34%,transparent 68%)!important;
  clip-path:polygon(47% 100%,53% 100%,100% 0,0 0)!important;
  filter:blur(.7px)!important;
  mix-blend-mode:screen!important;
  opacity:.78!important;
  animation:volcanoGlow 2.9s ease-in-out infinite!important
}

.pyro span {
  position:absolute!important;
  left:50%!important;
  bottom:36px!important;
  width:3px!important;
  height:18px!important;
  border-radius:999px!important;
  background:linear-gradient(to top,#fff,#ffd36d 52%,#ff7a1a)!important;
  box-shadow:0 0 7px #fff,0 0 15px #ffb53d!important;
  opacity:0!important;
  transform-origin:bottom center!important;
  animation:volcanoSpark 2.9s cubic-bezier(.2,.65,.18,1) infinite!important
}

.pyro span:nth-child(1) {
  --x:-58px;
  --y:-190px;
  --rot:-31deg;
  animation-delay:.00s!important
}

.pyro span:nth-child(2) {
  --x:-42px;
  --y:-230px;
  --rot:-22deg;
  animation-delay:.06s!important
}

.pyro span:nth-child(3) {
  --x:-26px;
  --y:-205px;
  --rot:-13deg;
  animation-delay:.12s!important
}

.pyro span:nth-child(4) {
  --x:-10px;
  --y:-245px;
  --rot:-5deg;
  animation-delay:.18s!important
}

.pyro span:nth-child(5) {
  --x:6px;
  --y:-225px;
  --rot:5deg;
  animation-delay:.24s!important
}

.pyro span:nth-child(6) {
  --x:24px;
  --y:-255px;
  --rot:13deg;
  animation-delay:.30s!important
}

.pyro span:nth-child(7) {
  --x:43px;
  --y:-210px;
  --rot:23deg;
  animation-delay:.36s!important
}

.pyro span:nth-child(8) {
  --x:60px;
  --y:-185px;
  --rot:32deg;
  animation-delay:.42s!important
}

.pyro span:nth-child(9) {
  --x:-70px;
  --y:-145px;
  --rot:-40deg;
  animation-delay:.48s!important
}

.pyro span:nth-child(10) {
  --x:72px;
  --y:-150px;
  --rot:40deg;
  animation-delay:.54s!important
}

.pyro span:nth-child(11) {
  --x:-38px;
  --y:-168px;
  --rot:-18deg;
  animation-delay:.60s!important
}

.pyro span:nth-child(12) {
  --x:36px;
  --y:-174px;
  --rot:18deg;
  animation-delay:.66s!important
}

.pyro span:nth-child(13) {
  --x:-12px;
  --y:-275px;
  --rot:-4deg;
  animation-delay:.72s!important
}

.pyro span:nth-child(14) {
  --x:14px;
  --y:-285px;
  --rot:4deg;
  animation-delay:.78s!important
}

.pyro span:nth-child(15) {
  --x:-55px;
  --y:-120px;
  --rot:-35deg;
  animation-delay:.84s!important
}

.pyro span:nth-child(16) {
  --x:54px;
  --y:-126px;
  --rot:35deg;
  animation-delay:.90s!important
}

.pyro span:nth-child(17) {
  --x:-4px;
  --y:-190px;
  --rot:0deg;
  animation-delay:.96s!important
}

.pyro span:nth-child(18) {
  --x:0px;
  --y:-250px;
  --rot:0deg;
  animation-delay:1.02s!important
}

@keyframes volcanoCore {
  0%,100% {
  opacity:0;
  transform:translateX(-50%) scale(.55)
}

8%,68% {
  opacity:1;
  transform:translateX(-50%) scale(1)
}

86% {
  opacity:.2;
  transform:translateX(-50%) scale(.68)
}

}

@keyframes volcanoGlow {
  0%,100% {
  opacity:0;
  height:40px
}

8%,64% {
  opacity:.85;
  height:225px
}

82% {
  opacity:.12;
  height:90px
}

}

@keyframes volcanoSpark {
  0%,8% {
  opacity:0;
  transform:translateX(-50%) translateY(0) rotate(var(--rot)) scale(.5)
}

14% {
  opacity:1
}

54% {
  opacity:.95;
  transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--rot)) scale(1)
}

78%,100% {
  opacity:0;
  transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 38px)) rotate(var(--rot)) scale(.25)
}

}

@media(max-width:1050px) {
  .pyro {
  width:96px!important;
  height:190px!important;
  bottom:0!important;
  opacity:.78!important
}

.pyro-left {
  left:8px!important
}

.pyro-right {
  right:8px!important
}

.pyro::after {
  height:158px!important;
  width:78px!important
}

.pyro span {
  height:14px!important
}

}

@media(max-width:620px) {
  .pyro {
  width:70px!important;
  height:130px!important;
  opacity:.5!important
}

.pyro-left {
  left:-14px!important
}

.pyro-right {
  right:-14px!important
}

.pyro::before {
  width:12px!important;
  height:34px!important
}

.pyro::after {
  height:110px!important;
  width:54px!important
}

.pyro span {
  width:2px!important;
  height:10px!important
}

}

@media(max-width:420px) {
  .pyro {
  display:none!important
}

}

/* === V20: mobil hero okları alt kontrol alanına alındı + mobil volkan efekti === */

@media(max-width:620px) {
  .hero-ultra {
  padding:14px 12px 42px!important;
}

.hero-slider {
  min-height:760px!important;
  border-radius:26px!important;
}

.hero-media {
  height:760px!important;
  min-height:760px!important;
}

.hero-caption {
  left:24px!important;
  right:24px!important;
  bottom:118px!important;
  z-index:7!important;
}

.hero-actions {
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  gap:12px!important;
}

.hero-actions .btn {
  width:100%!important;
  min-height:58px!important;
}

.hero-nav,
  .hero-nav.prev,
  .hero-nav.next {
  top:auto!important;
  bottom:32px!important;
  transform:none!important;
  width:44px!important;
  height:44px!important;
  z-index:12!important;
  background:rgba(8,4,2,.56)!important;
  border:1px solid rgba(244,202,122,.55)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.36)!important;
}

.hero-nav:hover {
  transform:none!important;
}

.hero-nav.prev {
  left:74px!important;
  right:auto!important;
}

.hero-nav.next {
  right:74px!important;
  left:auto!important;
}

.hero-dots {
  bottom:44px!important;
  z-index:13!important;
}

.hero-dots button {
  width:11px!important;
  height:11px!important;
  background:rgba(255,255,255,.45)!important;
}

.hero-dots button.active {
  width:42px!important;
  background:#fff!important;
}

.pyro {
  display:block!important;
  z-index:5!important;
  width:82px!important;
  height:160px!important;
  bottom:82px!important;
  opacity:.62!important;
  filter:drop-shadow(0 0 14px rgba(255,179,68,.5))!important;
}

.pyro-left {
  left:-18px!important;
  right:auto!important;
}

.pyro-right {
  right:-18px!important;
  left:auto!important;
}

.pyro::before {
  width:12px!important;
  height:38px!important;
}

.pyro::after {
  width:62px!important;
  height:128px!important;
}

.pyro span {
  width:2px!important;
  height:11px!important;
}

}

@media(max-width:420px) {
  .pyro {
  display:block!important;
  width:68px!important;
  height:135px!important;
  bottom:84px!important;
  opacity:.5!important;
}

.pyro-left {
  left:-22px!important;
}

.pyro-right {
  right:-22px!important;
}

.hero-nav.prev {
  left:50px!important;
}

.hero-nav.next {
  right:50px!important;
}

}

@media(max-width:360px) {
  .hero-nav.prev {
  left:38px!important;
}

.hero-nav.next {
  right:38px!important;
}

.hero-caption h1 {
  font-size:32px!important;
}

}

/* === V21: Mobil volkan efekti hero sınırına indirildi === */

@media(max-width:620px) {
  .hero-slider {
  overflow:hidden!important;
}

.pyro {
  bottom:-8px!important;
  z-index:6!important;
  width:78px!important;
  height:150px!important;
  opacity:.68!important;
}

.pyro-left {
  left:-12px!important;
}

.pyro-right {
  right:-12px!important;
}

.pyro::before {
  bottom:0!important;
  width:12px!important;
  height:34px!important;
}

.pyro::after {
  bottom:20px!important;
  width:58px!important;
  height:120px!important;
}

}

@media(max-width:420px) {
  .pyro {
  display:block!important;
  width:62px!important;
  height:122px!important;
  bottom:-6px!important;
  opacity:.58!important;
}

.pyro-left {
  left:-14px!important;
}

.pyro-right {
  right:-14px!important;
}

.pyro::after {
  width:46px!important;
  height:96px!important;
}

}

/* === CLEAN CONTACT + SOCIAL + BILET BUTTON === */

.contact-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:24px;
  align-items:stretch
}

.map-card {
  position:relative;
  overflow:hidden;
  border-radius:30px;
  min-height:380px;
  background:rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.12)
}

.map-card iframe {
  width:100%;
  height:100%;
  min-height:380px;
  border:0;
  display:block;
  filter:saturate(1.04) contrast(1.02)
}

.contact-icons {
  display:grid;
  gap:12px;
  margin-top:16px
}

.contact-icons a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;
  color:inherit;
  font-weight:800;
  transition:transform .25s ease,background .25s ease,border-color .25s ease
}

.contact-icons a:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22)
}

.contact-icons .brand-icon {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden
}

.contact-icons .brand-icon svg {
  width:23px;
  height:23px;
  fill:#fff;
  display:block
}

.contact-icons .instagram-icon {
  background:radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285AEB 90%)
}

.contact-icons .facebook-icon {
  background:#1877f2
}

.contact-icons .youtube-icon {
  background:#ff0000
}

.contact-ticket-link {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:18px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,#00c853,#05e26b);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950;
  box-shadow:0 18px 44px rgba(0,200,83,.22),inset 0 0 0 1px rgba(255,255,255,.35);
  transition:.25s ease
}

.contact-ticket-link:hover {
  transform:translateY(-3px);
  box-shadow:0 24px 60px rgba(0,200,83,.34),inset 0 0 0 1px rgba(255,255,255,.45)
}

.contact-ticket-link img {
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  background:#00c853
}

.clean-ticket-button,
.clean-ticket-button:visited {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2147483647;
  width:74px;
  height:74px;
  min-width:74px;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#05c964;
  border:3px solid rgba(255,255,255,.95);
  box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 0 8px rgba(5,201,100,.18);
  text-decoration:none;
  overflow:visible;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateZ(0);
}

.clean-ticket-button img {
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
  background:#05c964;
  max-width:none
}

.clean-ticket-label {
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  white-space:nowrap;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(18,9,6,.94);
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 12px 32px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
  animation:cleanTicketBlink 1.15s ease-in-out infinite;
  pointer-events:none
}

@keyframes cleanTicketBlink {
  0%,100% {
  opacity:1;
  transform:translateY(0)
}

50% {
  opacity:.45;
  transform:translateY(-2px)
}

}

@media(max-width:900px) {
  .contact-grid {
  grid-template-columns:1fr
}

.map-card,.map-card iframe {
  min-height:320px
}

.clean-ticket-button,.clean-ticket-button:visited {
  width:64px;
  height:64px;
  min-width:64px;
  min-height:64px;
  right:14px;
  bottom:18px
}

.clean-ticket-label {
  font-size:11px;
  padding:7px 10px;
  right:-2px;
  bottom:calc(100% + 8px)
}

}

@media(max-width:420px) {
  .clean-ticket-button,.clean-ticket-button:visited {
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
  right:12px;
  bottom:20px
}

.map-card,.map-card iframe {
  min-height:280px
}

}

/* === YUVARLAK RESPONSIVE BİLET BUTONU === */

html, body {
  overflow-x:hidden;
}

body .ticket-fab,
body .ticket-fab:link,
body .ticket-fab:visited {
  position:fixed!important;
  right:max(18px, env(safe-area-inset-right))!important;
  bottom:max(18px, env(safe-area-inset-bottom))!important;
  z-index:2147483647!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#05c964!important;
  color:#fff!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34), 0 0 0 7px rgba(5,201,100,.16)!important;
  transform:translateZ(0)!important;
  clip:auto!important;
  overflow:visible!important;
  contain:none!important;
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;
}

body .ticket-fab::before {
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  background:rgba(5,201,100,.24);
  animation:ticketCirclePulse 1.65s ease-in-out infinite;
  z-index:-1;
}

body .ticket-fab-icon {
  width:72px!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#05c964!important;
}

body .ticket-fab-icon img {
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

body .ticket-fab-label {
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 12px)!important;
  white-space:nowrap!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(10,10,10,.92)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  box-shadow:0 12px 34px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.16)!important;
  animation:ticketTextBlink 1s ease-in-out infinite!important;
  pointer-events:none!important;
}

body .ticket-fab:hover {
  transform:translateY(-3px)!important;
}

@keyframes ticketTextBlink {
  0%,100% {
  opacity:1;
  transform:translateY(0) scale(1);
}

50% {
  opacity:.42;
  transform:translateY(-2px) scale(1.03);
}

}

@keyframes ticketCirclePulse {
  0% {
  opacity:.72;
  transform:scale(.92);
}

70% {
  opacity:0;
  transform:scale(1.28);
}

100% {
  opacity:0;
  transform:scale(1.28);
}

}

@media(max-width:768px) {
  body .ticket-fab,
  body .ticket-fab:link,
  body .ticket-fab:visited {
  right:max(14px, env(safe-area-inset-right))!important;
  bottom:max(14px, env(safe-area-inset-bottom))!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
}

body .ticket-fab-icon {
  width:64px!important;
  height:64px!important;
}

body .ticket-fab-label {
  font-size:11px!important;
  padding:7px 10px!important;
  bottom:calc(100% + 10px)!important;
  right:-2px!important;
}

}

@media(max-width:380px) {
  body .ticket-fab,
  body .ticket-fab:link,
  body .ticket-fab:visited {
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  right:max(12px, env(safe-area-inset-right))!important;
  bottom:max(12px, env(safe-area-inset-bottom))!important;
}

body .ticket-fab-icon {
  width:58px!important;
  height:58px!important;
}

body .ticket-fab-label {
  font-size:10px!important;
  padding:7px 9px!important;
}

}



.ticket-drawer{
  position:fixed;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:12px;
  z-index:99999;
}

.ticket-links{
  display:flex;
  align-items:center;
  gap:10px;
  opacity:0;
  transform:translateX(26px) scale(.98);
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
}

.ticket-drawer:hover .ticket-links,
.ticket-drawer:focus-within .ticket-links{
  opacity:1;
  transform:translateX(0) scale(1);
  pointer-events:auto;
}

.ticket-toggle{
  min-width:118px;
  height:58px;
  padding:0 16px 0 18px;
  border:1px solid rgba(255,210,126,.58);
  border-radius:999px 18px 18px 999px;
  background:linear-gradient(135deg,#1b0d06 0%,#3a1f0d 42%,#d7a046 100%);
  color:#fff7e8;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  position:relative;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ticket-toggle::before{
  content:"";
  position:absolute;
  left:-14px;
  top:50%;
  width:28px;
  height:28px;
  background:linear-gradient(135deg,#1b0d06 0%,#5b3415 62%,#d7a046 100%);
  border-left:1px solid rgba(255,210,126,.58);
  border-bottom:1px solid rgba(255,210,126,.58);
  transform:translateY(-50%) rotate(45deg);
  border-radius:6px 0 0 6px;
  box-shadow:-8px 8px 22px rgba(0,0,0,.24);
}

.ticket-toggle:hover{
  transform:translateY(-2px);
  border-color:rgba(255,228,165,.82);
  box-shadow:0 18px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.3);
}

.ticket-toggle-label{
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.35px;
  text-transform:uppercase;
  text-align:left;
  max-width:72px;
  text-shadow:0 1px 7px rgba(0,0,0,.55);
}

.ticket-toggle-arrow{
  position:relative;
  z-index:1;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  color:#ffe0a2;
  font-size:31px;
  font-weight:800;
  line-height:0;
  padding-bottom:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.ticket-square{
  width:64px;
  height:64px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.28);
  transition:transform .2s ease, box-shadow .2s ease;
}

.ticket-square:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.42);
}

.ticket-square img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* YouTube bağlantıları kaldırıldı */
.youtube, .youtube-icon{display:none!important;}


/* === Profesyonel bilet sipariş menüsü - tüm sayfalar === */
body .ticket-fab {
    display: none !important;
}

.ticket-drawer {
    position: fixed;
    right: 22px;
    bottom: 24px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 12px;
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .45));
}

.ticket-links {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(18px) scale(.96);
    transition: opacity .28s ease, transform .28s ease;
}

.ticket-drawer:hover .ticket-links,
.ticket-drawer:focus-within .ticket-links {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) scale(1);
}

.ticket-toggle {
    position: relative;
    width: 170px;
    height: 58px;
    border: 1px solid rgba(236, 188, 99, .55);
    border-radius: 18px;
    background: linear-gradient(135deg, #f7c76b 0%, #d99a32 52%, #a66316 100%);
    color: #201205;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px 0 20px;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .48),
        inset 0 -10px 20px rgba(80, 38, 4, .18),
        0 12px 28px rgba(0, 0, 0, .38);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ticket-toggle::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #f7c76b 0%, #d99a32 55%, #a66316 100%);
    border-left: 1px solid rgba(236, 188, 99, .55);
    border-bottom: 1px solid rgba(236, 188, 99, .55);
    transform: translateY(-50%) rotate(45deg);
    border-radius: 7px 0 0 7px;
    box-shadow: -8px 8px 18px rgba(0, 0, 0, .18);
}

.ticket-toggle:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 218, 140, .85);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .55),
        inset 0 -10px 20px rgba(80, 38, 4, .14),
        0 16px 34px rgba(0, 0, 0, .48);
}

.ticket-toggle-label {
    position: relative;
    z-index: 1;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.ticket-toggle-arrow {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: rgba(39, 22, 5, .16);
    display: grid;
    place-items: center;
}

.ticket-toggle-arrow svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #211306;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ticket-square {
    width: 58px;
    height: 58px;
    border-radius: 15px;
    background: rgba(14, 9, 6, .88);
    border: 1px solid rgba(255, 215, 139, .32);
    display: grid;
    place-items: center;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 10px 24px rgba(0, 0, 0, .38);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.ticket-square:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 214, 136, .78);
    background: rgba(26, 17, 10, .94);
}

.ticket-square img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
    background: #fff;
}

.ticket-square:first-child img {
    padding: 7px;
}

.youtube,
.youtube-icon,
a[href*="youtube"],
a[href*="youtu.be"] {
    display: none !important;
}

@media (max-width: 700px) {
    .ticket-drawer {
        right: 12px;
        bottom: 14px;
        gap: 8px;
    }

    .ticket-toggle {
        width: 136px;
        height: 52px;
        border-radius: 16px;
        padding: 0 12px 0 18px;
    }

    .ticket-toggle::before {
        left: -12px;
        width: 24px;
        height: 24px;
        border-radius: 6px 0 0 6px;
    }

    .ticket-toggle-label {
        font-size: 11px;
    }

    .ticket-toggle-arrow {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .ticket-square {
        width: 50px;
        height: 50px;
        border-radius: 13px;
    }
}

/* === Son düzeltme: sosyal yazılar ve simetrik bilet oku === */
.contact-icons a,
.social-strip.contact-icons a {
    font-weight: 800 !important;
    letter-spacing: .01em !important;
}

.contact-icons a.instagram,
.social-strip.contact-icons a.instagram {
    color: #f0b45a !important;
    border-color: rgba(240, 180, 90, .45) !important;
}

.contact-icons a.facebook,
.social-strip.contact-icons a.facebook {
    color: #69a7ff !important;
    border-color: rgba(105, 167, 255, .45) !important;
}

.contact-icons a.instagram:hover,
.social-strip.contact-icons a.instagram:hover {
    color: #ffd28a !important;
    background: rgba(240, 180, 90, .10) !important;
}

.contact-icons a.facebook:hover,
.social-strip.contact-icons a.facebook:hover {
    color: #9dc5ff !important;
    background: rgba(105, 167, 255, .10) !important;
}

.footer-links a[href*="instagram"] {
    color: #f0b45a !important;
}

.footer-links a[href*="facebook"] {
    color: #69a7ff !important;
}

.ticket-drawer {
    gap: 11px !important;
}

.ticket-links {
    gap: 9px !important;
}

.ticket-toggle {
    width: 162px !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(0 50%, 22px 0, 100% 0, 100% 100%, 22px 100%) !important;
    background: linear-gradient(135deg, #f4c35f 0%, #d99328 48%, #a86314 100%) !important;
    color: #1f1204 !important;
    padding: 0 13px 0 32px !important;
    justify-content: space-between !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -12px 22px rgba(75,35,0,.16),
        0 12px 28px rgba(0,0,0,.42) !important;
}

.ticket-toggle::before {
    display: none !important;
}

.ticket-toggle-label {
    font-size: 12px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    color: #1f1204 !important;
    text-align: left !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.28) !important;
}

.ticket-toggle-arrow {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    background: rgba(33, 20, 6, .24) !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.18) !important;
}

.ticket-toggle-arrow svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #201307 !important;
    stroke-width: 3.2 !important;
}

.ticket-toggle:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #ffd57a 0%, #e5a33a 48%, #b9761b 100%) !important;
}

.ticket-square {
    width: 54px !important;
    height: 54px !important;
    border-radius: 13px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.38) !important;
}

.ticket-square img,
.ticket-square:first-child img {
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 13px !important;
    object-fit: cover !important;
    display: block !important;
}

.ticket-square:hover {
    background: transparent !important;
    transform: translateY(-3px) scale(1.03) !important;
}

@media (max-width: 700px) {
    .ticket-toggle {
        width: 142px !important;
        height: 52px !important;
        clip-path: polygon(0 50%, 20px 0, 100% 0, 100% 100%, 20px 100%) !important;
        padding-left: 29px !important;
    }

    .ticket-toggle-label {
        font-size: 10.5px !important;
    }

    .ticket-toggle-arrow {
        width: 27px !important;
        height: 27px !important;
        flex-basis: 27px !important;
    }

    .ticket-square,
    .ticket-square img,
    .ticket-square:first-child img {
        width: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
    }
}


/* === SON DÜZELTME: Bilet Al yazısı ve simetrik ok === */
.ticket-toggle {
    width: 142px !important;
    height: 56px !important;
    padding: 0 14px 0 34px !important;
    align-items: center !important;
}

.ticket-toggle-label {
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
}

.ticket-toggle-arrow {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    margin-left: 8px !important;
    background: rgba(35, 22, 8, .26) !important;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.18),
        inset 0 -1px 2px rgba(0,0,0,.18) !important;
}

.ticket-toggle-arrow svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    overflow: visible !important;
    transform: translateY(1px) !important;
}

.ticket-toggle-arrow svg path {
    fill: none !important;
    stroke: #221307 !important;
    stroke-width: 3.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

@media (max-width: 700px) {
    .ticket-toggle {
        width: 124px !important;
        height: 52px !important;
        padding: 0 11px 0 29px !important;
    }

    .ticket-toggle-label {
        font-size: 12.5px !important;
    }

    .ticket-toggle-arrow {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        flex-basis: 29px !important;
        margin-left: 7px !important;
    }

    .ticket-toggle-arrow svg {
        width: 17px !important;
        height: 17px !important;
        transform: translateY(1px) !important;
    }
}

/* === FINAL: Bilet Al butonu kesilme ve ok hizası düzeltmesi === */
.ticket-drawer {
    right: 18px !important;
    bottom: 22px !important;
    overflow: visible !important;
}

.ticket-toggle {
    width: 178px !important;
    min-width: 178px !important;
    height: 58px !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 56px 0 44px !important;
    clip-path: polygon(0 50%, 27px 0, 100% 0, 100% 100%, 27px 100%) !important;
}

.ticket-toggle-label {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-align: left !important;
}

.ticket-toggle-arrow {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ticket-toggle-arrow svg {
    width: 19px !important;
    height: 19px !important;
    transform: translateX(-1px) !important;
}

@media (max-width: 700px) {
    .ticket-drawer {
        right: 12px !important;
        bottom: 14px !important;
        gap: 8px !important;
    }

    .ticket-toggle {
        width: 158px !important;
        min-width: 158px !important;
        height: 52px !important;
        padding: 0 48px 0 38px !important;
        clip-path: polygon(0 50%, 24px 0, 100% 0, 100% 100%, 24px 100%) !important;
    }

    .ticket-toggle-label {
        font-size: 12.5px !important;
    }

    .ticket-toggle-arrow {
        right: 11px !important;
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
    }

    .ticket-toggle-arrow svg {
        width: 18px !important;
        height: 18px !important;
        transform: translateX(-1px) !important;
    }
}

/* === OK İKONU SON HİZALAMA: yuvarlak içinde aşağı/merkez === */
.ticket-toggle-arrow {
    right: 13px !important;
    top: 50% !important;
    transform: translateY(-48%) !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    line-height: 0 !important;
}

.ticket-toggle-arrow svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    transform: translate(-1px, 2px) !important;
    overflow: visible !important;
}

.ticket-toggle-arrow svg path {
    stroke: #2b1a09 !important;
    stroke-width: 3.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
}

@media (max-width: 700px) {
    .ticket-toggle-arrow {
        right: 10px !important;
        transform: translateY(-48%) !important;
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
    }

    .ticket-toggle-arrow svg {
        width: 17px !important;
        height: 17px !important;
        transform: translate(-1px, 2px) !important;
    }
}

/* Navbar Bilet Al menüsü - tüm sayfalar */
.nav-ticket {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 10px;
  z-index: 120;
}

.nav-ticket-button {
  min-width: 116px;
  height: 46px;
  border: 1px solid rgba(255, 220, 145, .55);
  border-radius: 999px;
  padding: 0 22px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
  letter-spacing: .2px;
  color: #211006;
  background: linear-gradient(135deg, #ffe29a 0%, #eba632 48%, #c47a11 100%);
  box-shadow: 0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.55);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.nav-ticket:hover .nav-ticket-button,
.nav-ticket:focus-within .nav-ticket-button {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 18px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.62);
}

.nav-ticket-menu {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: 245px;
  padding: 12px;
  display: grid;
  gap: 10px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(24,12,6,.98), rgba(10,5,3,.98));
  border: 1px solid rgba(244,202,122,.24);
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(18px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.98);
  transition: opacity .22s ease, transform .22s ease;
}

.nav-ticket:hover .nav-ticket-menu,
.nav-ticket:focus-within .nav-ticket-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.nav-ticket-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 42px;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  background: rgba(24,12,6,.98);
  border-left: 1px solid rgba(244,202,122,.24);
  border-top: 1px solid rgba(244,202,122,.24);
}

.nav-ticket-link {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 12px !important;
  border-radius: 16px;
  color: #fff3df !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.08);
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

.nav-ticket-link::after {
  display: none !important;
}

.nav-ticket-link:hover {
  transform: translateX(-2px);
  background: rgba(244,202,122,.14) !important;
  border-color: rgba(244,202,122,.30);
}

.nav-ticket-link img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 8px;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1050px) {
  .nav-ticket {
    width: 100%;
    margin: 18px 0 0;
    display: grid;
    gap: 12px;
  }

  .nav-ticket-button {
    width: 100%;
    height: 52px;
    border-radius: 16px;
  }

  .nav-ticket-menu {
    position: static;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    background: rgba(255,255,255,.055);
    box-shadow: none;
    padding: 10px;
  }

  .nav-ticket-menu::before {
    display: none;
  }

  .nav-ticket-link {
    width: 100%;
  }
}


/* === Bilet Al ayrı sayfa tasarımı === */
.ticket-page-section{
    width:min(1220px, calc(100% - 32px));
    margin: 34px auto 90px;
}

.ticket-page-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:24px;
}

.ticket-page-card{
    min-height:280px;
    padding:20px;
    border:1px solid rgba(180,126,43,.24);
    border-radius:28px;
    background:linear-gradient(145deg, rgba(255,252,244,.96), rgba(245,232,208,.86));
    box-shadow:0 24px 70px rgba(52,26,8,.16);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:14px;
    color:#2b190d;
    text-decoration:none;
    overflow:hidden;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.ticket-page-card:hover{
    transform:translateY(-6px);
    border-color:rgba(206,141,35,.70);
    box-shadow:0 30px 90px rgba(138,84,16,.22);
    background:linear-gradient(145deg, rgba(255,255,255,1), rgba(248,235,210,.95));
}

.ticket-page-logo-wrap{
    width:100%;
    height:145px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}

.ticket-page-logo-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    padding:18px;
}

.bubilet-card .ticket-page-logo-wrap,
.passo-card .ticket-page-logo-wrap{
    background:#fff;
}

.bubilet-card .ticket-page-logo-wrap img,
.passo-card .ticket-page-logo-wrap img{
    object-fit:cover;
    padding:0;
}

.ticket-page-card strong{
    font-size:28px;
    letter-spacing:.02em;
    color:#2b190d;
}

.ticket-page-card small{
    color:rgba(43,25,13,.68);
    font-size:15px;
}

@media (max-width: 800px){
    .ticket-page-grid{grid-template-columns:1fr;}
    .ticket-page-card{min-height:240px;}
    .ticket-page-logo-wrap{height:150px;}
}



/* PDF sunumundan eklenen mekan içerikleri */
.venue-hero-pdf {
  background: radial-gradient(circle at 75% 10%, rgba(244,202,122,.18), transparent 34%), linear-gradient(135deg,#170907,#4a1d0a 58%,#170907) !important;
}

.venue-section,
.venue-stats,
.venue-cards,
.venue-services,
.venue-tech,
.venue-preview-section {
  max-width: 1220px;
  margin: 0 auto;
  padding: 86px 5vw;
}

.venue-section {
  display:grid;
  grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr);
  gap:42px;
  align-items:center;
}

.venue-section.reverse {
  grid-template-columns: minmax(320px,.95fr) minmax(0,1.05fr);
}

.venue-text h2,
.venue-services h2,
.venue-tech h2 {
  margin:14px 0 18px;
  font-size:clamp(30px,3vw,52px);
  line-height:1.05;
  letter-spacing:-.04em;
  color:#1b1009;
}

.venue-text p,
.venue-tech p {
  margin:0 0 16px;
  color:#604836;
  line-height:1.85;
  font-size:17px;
}

.venue-visual {
  margin:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(200,147,69,.25);
  box-shadow:0 22px 70px rgba(79,40,18,.16);
  background:#fff;
}

.venue-visual img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.nearby-grid,
.service-grid,
.capacity-list {
  display:grid;
  gap:12px;
  margin-top:22px;
}

.nearby-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.nearby-grid span,
.service-grid span,
.capacity-list div {
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(200,147,69,.22);
  color:#2a180d;
  font-weight:800;
  box-shadow:0 12px 38px rgba(105,58,22,.08);
}

.venue-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding-top:24px;
  padding-bottom:24px;
}

.venue-stats article,
.venue-preview-grid article {
  border-radius:24px;
  padding:28px;
  background:linear-gradient(145deg,#2d1309,#130806);
  border:1px solid rgba(244,202,122,.22);
  box-shadow:0 22px 70px rgba(0,0,0,.16);
}

.venue-stats strong,
.venue-preview-grid b {
  display:block;
  color:var(--gold2);
  font-size:clamp(28px,3vw,46px);
  line-height:1;
  letter-spacing:-.04em;
}

.venue-stats span,
.venue-preview-grid span {
  display:block;
  color:#f4dfc5;
  margin-top:10px;
  font-weight:700;
  line-height:1.45;
}

.capacity-list div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}

.capacity-list b {
  color:#2b170d;
}

.capacity-list span {
  color:#98692d;
  font-weight:900;
  white-space:nowrap;
}

.venue-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.venue-cards article {
  overflow:hidden;
  border-radius:30px;
  background:#fffaf1;
  border:1px solid rgba(200,147,69,.22);
  box-shadow:0 22px 70px rgba(79,40,18,.14);
}

.venue-cards img {
  width:100%;
  height:360px;
  object-fit:cover;
}

.venue-cards div { padding:28px; }
.venue-cards h3 { margin:12px 0; font-size:28px; color:#1b1009; }
.venue-cards p { margin:0; color:#604836; line-height:1.75; }

.venue-services,
.venue-tech {
  border-radius:34px;
  margin-top:38px;
  margin-bottom:38px;
  background:linear-gradient(145deg,#180a06,#351307);
  border:1px solid rgba(244,202,122,.18);
  color:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.2);
}
.venue-services h2,.venue-tech h2 { color:#fff8ef; }
.service-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.service-grid span { background:rgba(255,255,255,.08); color:#fff2df; border-color:rgba(244,202,122,.18); }
.venue-tech { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.venue-tech p { max-width:780px; color:#ecd8c2; }

.venue-preview-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.venue-preview-card {
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:34px;
  margin-top:34px;
  padding:22px;
  border-radius:34px;
  background:#fffaf1;
  border:1px solid rgba(200,147,69,.22);
  box-shadow:0 22px 70px rgba(79,40,18,.14);
}
.venue-preview-card img { border-radius:24px; width:100%; height:360px; object-fit:cover; }
.venue-preview-card h3 { margin:12px 0 14px; font-size:clamp(28px,2.6vw,44px); line-height:1.05; color:#1b1009; }
.venue-preview-card p { color:#604836; line-height:1.8; margin-bottom:22px; }
.pdf-venue-gallery .gallery-card img { object-position:center; }
.contact-map { max-width:980px; margin:24px auto 0; }

@media (max-width: 920px) {
  .venue-section,.venue-section.reverse,.venue-preview-card,.venue-tech { grid-template-columns:1fr; display:grid; }
  .venue-stats,.venue-preview-grid,.service-grid,.venue-cards { grid-template-columns:1fr 1fr; }
  .capacity-list div { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 620px) {
  .venue-section,.venue-stats,.venue-cards,.venue-services,.venue-tech,.venue-preview-section { padding-left:20px; padding-right:20px; }
  .venue-stats,.venue-preview-grid,.service-grid,.venue-cards,.nearby-grid { grid-template-columns:1fr; }
  .venue-cards img,.venue-preview-card img { height:260px; }
}



/* === Okunabilirlik ve responsive duzeltmeleri === */
:root{
    --orpheus-dark:#1b0703;
    --orpheus-gold:#c99133;
    --orpheus-cream:#fff4df;
}

.pdf-section,
.about-section,
.mekan-section,
.venue-section,
.story-section,
.content-section,
.info-section,
.orpheus-info,
.orpheus-story,
.orpheus-about {
    color: var(--orpheus-cream) !important;
}

.pdf-section p,
.about-section p,
.mekan-section p,
.venue-section p,
.story-section p,
.content-section p,
.info-section p,
.orpheus-info p,
.orpheus-story p,
.orpheus-about p,
.pdf-section li,
.about-section li,
.mekan-section li,
.venue-section li,
.story-section li,
.content-section li,
.info-section li {
    color: rgba(255,244,223,.94) !important;
    font-size: clamp(15px,1.05vw,18px) !important;
    line-height: 1.85 !important;
    letter-spacing: .01em !important;
}

.pdf-section h1,.pdf-section h2,.pdf-section h3,
.about-section h1,.about-section h2,.about-section h3,
.mekan-section h1,.mekan-section h2,.mekan-section h3,
.venue-section h1,.venue-section h2,.venue-section h3,
.story-section h1,.story-section h2,.story-section h3,
.content-section h1,.content-section h2,.content-section h3,
.info-section h1,.info-section h2,.info-section h3,
.orpheus-info h1,.orpheus-info h2,.orpheus-info h3,
.orpheus-story h1,.orpheus-story h2,.orpheus-story h3 {
    color:#fff7e8 !important;
    text-shadow:0 2px 18px rgba(0,0,0,.45);
}

.pdf-card,.info-card,.feature-card,.venue-card,.mekan-card,.about-card,.gallery-card,.ticket-card {
    background:linear-gradient(145deg,rgba(45,17,8,.93),rgba(18,7,3,.95)) !important;
    border:1px solid rgba(201,145,51,.28) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.28) !important;
}

.pdf-image,.pdf-preview,.presentation-image,.about-image,.story-image,.venue-image,.mekan-image,
.gallery-card img,.info-card img,.feature-card img,.venue-card img,.mekan-card img,.about-card img,.ticket-card img {
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:22px;
    background:rgba(255,247,232,.96);
    padding:8px;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.pdf-grid,.about-grid,.story-grid,.venue-grid,.mekan-grid,.info-grid,.section-grid {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
    gap:clamp(24px,4vw,64px);
    align-items:center;
}

.pdf-text,.about-text,.story-text,.venue-text,.mekan-text,.info-text {
    background:rgba(255,244,223,.055);
    border:1px solid rgba(201,145,51,.16);
    border-radius:24px;
    padding:clamp(20px,3vw,38px);
    backdrop-filter:blur(6px);
}

[style*="color: #3"],[style*="color:#3"],[style*="color: rgb(3"],[style*="color:rgba(3"],
[style*="opacity: 0.4"],[style*="opacity:0.4"],[style*="opacity: 0.5"],[style*="opacity:0.5"] {
    color:rgba(255,244,223,.94) !important;
    opacity:1 !important;
}

.ticket-platform-card img,.ticket-logo,.platform-logo {
    object-fit:contain !important;
    background:transparent !important;
    padding:0 !important;
    max-height:130px;
}

@media (max-width:992px){
    .pdf-grid,.about-grid,.story-grid,.venue-grid,.mekan-grid,.info-grid,.section-grid {
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
    .pdf-image,.pdf-preview,.presentation-image,.about-image,.story-image,.venue-image,.mekan-image {
        border-radius:18px;
        padding:6px;
    }
}

@media (max-width:576px){
    .pdf-section p,.about-section p,.mekan-section p,.venue-section p,.story-section p,.content-section p,.info-section p,
    .orpheus-info p,.orpheus-story p,.orpheus-about p,
    .pdf-section li,.about-section li,.mekan-section li,.venue-section li,.story-section li,.content-section li,.info-section li {
        font-size:15px !important;
        line-height:1.72 !important;
    }
    .pdf-text,.about-text,.story-text,.venue-text,.mekan-text,.info-text {
        padding:18px !important;
        border-radius:18px !important;
    }
}


/* === FINAL DÜZELTME: Mekan okunabilirlik + galeri eski görünüm + responsive === */

/* Galeri eski kart görünümü: beyaz kutu/padding/contain etkilerini kaldır */
.gallery-card,
.gallery-premium .gallery-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
}

.gallery-card img,
.gallery-premium .gallery-card img {
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 24px !important;
    box-shadow: none !important;
}

.pdf-venue-gallery {
    display: none !important;
}

/* Mekan sayfasında açık zeminde yazılar koyu ve net okunacak */
.venue-section {
    gap: clamp(28px, 4vw, 56px) !important;
}

.venue-text {
    color: #2b170d !important;
    background: linear-gradient(145deg, rgba(255,250,241,.96), rgba(255,244,225,.88)) !important;
    border: 1px solid rgba(200,147,69,.28) !important;
    box-shadow: 0 22px 70px rgba(79,40,18,.10) !important;
    border-radius: 28px !important;
    padding: clamp(24px, 3vw, 42px) !important;
    backdrop-filter: none !important;
}

.venue-text h1,
.venue-text h2,
.venue-text h3 {
    color: #251207 !important;
    text-shadow: none !important;
}

.venue-text p,
.venue-text li {
    color: #5a3f2b !important;
    opacity: 1 !important;
    font-size: clamp(15px, 1.05vw, 17px) !important;
    line-height: 1.82 !important;
    text-shadow: none !important;
}

.venue-text .eyebrow,
.venue-section .eyebrow,
.venue-services .eyebrow,
.venue-tech .eyebrow {
    color: #b47a24 !important;
    text-shadow: none !important;
}

.venue-visual {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    border: 1px solid rgba(200,147,69,.25) !important;
    box-shadow: 0 22px 70px rgba(79,40,18,.16) !important;
}

.venue-visual img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Kapasite/VIP/Kulis kartları siteyle uyumlu, okunaklı */
.capacity-list div,
.nearby-grid span {
    background: rgba(255,255,255,.82) !important;
    color: #2a180d !important;
}

.capacity-list b {
    color: #251207 !important;
}

.capacity-list span {
    color: #98692d !important;
}

.venue-cards article {
    background: #fffaf1 !important;
    border: 1px solid rgba(200,147,69,.24) !important;
    box-shadow: 0 22px 70px rgba(79,40,18,.12) !important;
}

.venue-cards img {
    width: 100% !important;
    height: 340px !important;
    object-fit: cover !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.venue-cards h3 {
    color: #1b1009 !important;
    text-shadow: none !important;
}

.venue-cards p {
    color: #604836 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Koyu kutularda yazılar açık kalsın */
.venue-services,
.venue-tech,
.venue-stats article {
    background: linear-gradient(145deg,#180a06,#351307) !important;
    color: #fff4df !important;
}

.venue-services h2,
.venue-tech h2 {
    color: #fff8ef !important;
    text-shadow: none !important;
}

.venue-services p,
.venue-tech p,
.venue-services li,
.venue-tech li {
    color: #ecd8c2 !important;
}

.service-grid span {
    background: rgba(255,255,255,.08) !important;
    color: #fff2df !important;
}

/* Mobilde görseller bozulmasın, yazılar alt alta düzgün aksın */
@media (max-width: 920px) {
    .venue-section,
    .venue-section.reverse,
    .venue-tech {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .venue-section.reverse .venue-visual {
        order: 2;
    }

    .venue-section.reverse .venue-text {
        order: 1;
    }

    .venue-text {
        padding: 24px !important;
    }

    .venue-visual img {
        max-height: none !important;
    }
}

@media (max-width: 620px) {
    .gallery-card img,
    .gallery-premium .gallery-card img {
        height: 240px !important;
        border-radius: 18px !important;
    }

    .venue-section,
    .venue-stats,
    .venue-cards,
    .venue-services,
    .venue-tech,
    .venue-preview-section {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .venue-text {
        border-radius: 20px !important;
        padding: 20px !important;
    }

    .venue-text h2 {
        font-size: clamp(27px, 9vw, 38px) !important;
    }

    .venue-cards img {
        height: 260px !important;
    }
}


/* === Mobil navbar hamburger kahverengi düzeltme === */
.menu-toggle,
.nav-toggle,
.mobile-toggle,
.hamburger,
.hamburger-btn,
.navbar-toggle,
.menu-btn,
button[aria-label*="Menü"],
button[aria-label*="Menu"],
[class*="menu-toggle"],
[class*="hamburger"] {
    background: linear-gradient(145deg, #4b1f0d, #241008) !important;
    border: 1px solid rgba(201,145,51,.45) !important;
    color: #f6d28a !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.25) !important;
}

.menu-toggle span,
.nav-toggle span,
.mobile-toggle span,
.hamburger span,
.hamburger-btn span,
.navbar-toggle span,
.menu-btn span,
[class*="menu-toggle"] span,
[class*="hamburger"] span {
    background: #f6d28a !important;
}

.menu-toggle svg,
.nav-toggle svg,
.mobile-toggle svg,
.hamburger svg,
.hamburger-btn svg,
.navbar-toggle svg,
.menu-btn svg,
[class*="menu-toggle"] svg,
[class*="hamburger"] svg {
    color: #f6d28a !important;
    stroke: #f6d28a !important;
}

@media (max-width: 992px) {
    .nav-actions,
    .mobile-menu,
    .nav-menu,
    .navbar-menu {
        background: rgba(37, 15, 7, .97) !important;
    }
}


/* === Mobil hamburger arka plan kaldırma ve çizgileri kahverengi yapma === */
.menu-toggle,
.nav-toggle,
.mobile-toggle,
.hamburger,
.hamburger-btn,
.navbar-toggle,
.menu-btn,
button[aria-label*="Menü"],
button[aria-label*="Menu"],
[class*="menu-toggle"],
[class*="hamburger"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #5b3217 !important;
}

.menu-toggle span,
.nav-toggle span,
.mobile-toggle span,
.hamburger span,
.hamburger-btn span,
.navbar-toggle span,
.menu-btn span,
[class*="menu-toggle"] span,
[class*="hamburger"] span {
    background: #5b3217 !important;
}

.menu-toggle svg,
.nav-toggle svg,
.mobile-toggle svg,
.hamburger svg,
.hamburger-btn svg,
.navbar-toggle svg,
.menu-btn svg,
[class*="menu-toggle"] svg,
[class*="hamburger"] svg {
    color: #5b3217 !important;
    stroke: #5b3217 !important;
    fill: none !important;
}


/* === Hamburger ikonundaki TÜM çizgileri kahverengi yap === */
.menu-toggle,
.nav-toggle,
.mobile-toggle,
.hamburger,
.hamburger-btn,
.navbar-toggle,
.menu-btn,
button[aria-label*="Menü"],
button[aria-label*="Menu"],
[class*="menu-toggle"],
[class*="hamburger"] {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* span/div ile çizilmiş 3 çizginin tamamı */
.menu-toggle span,
.nav-toggle span,
.mobile-toggle span,
.hamburger span,
.hamburger-btn span,
.navbar-toggle span,
.menu-btn span,
.menu-toggle i,
.nav-toggle i,
.mobile-toggle i,
.hamburger i,
.hamburger-btn i,
.navbar-toggle i,
.menu-btn i,
[class*="menu-toggle"] span,
[class*="hamburger"] span,
[class*="menu-toggle"] i,
[class*="hamburger"] i {
    background-color: #5b3217 !important;
    background: #5b3217 !important;
    color: #5b3217 !important;
}

/* SVG / ikon font ile çizilmiş hamburgerin tüm çizgileri */
.menu-toggle svg,
.nav-toggle svg,
.mobile-toggle svg,
.hamburger svg,
.hamburger-btn svg,
.navbar-toggle svg,
.menu-btn svg,
[class*="menu-toggle"] svg,
[class*="hamburger"] svg {
    color: #5b3217 !important;
    stroke: #5b3217 !important;
    fill: none !important;
}

.menu-toggle svg *,
.nav-toggle svg *,
.mobile-toggle svg *,
.hamburger svg *,
.hamburger-btn svg *,
.navbar-toggle svg *,
.menu-btn svg *,
[class*="menu-toggle"] svg *,
[class*="hamburger"] svg * {
    stroke: #5b3217 !important;
    color: #5b3217 !important;
}

/* CSS pseudo-element ile yapılmış üst/alt çizgiler */
.menu-toggle::before,
.menu-toggle::after,
.nav-toggle::before,
.nav-toggle::after,
.mobile-toggle::before,
.mobile-toggle::after,
.hamburger::before,
.hamburger::after,
.hamburger-btn::before,
.hamburger-btn::after,
.navbar-toggle::before,
.navbar-toggle::after,
.menu-btn::before,
.menu-btn::after,
[class*="menu-toggle"]::before,
[class*="menu-toggle"]::after,
[class*="hamburger"]::before,
[class*="hamburger"]::after {
    background-color: #5b3217 !important;
    background: #5b3217 !important;
    border-color: #5b3217 !important;
}

/* Eğer ikon text karakteri olarak geliyorsa */
.menu-toggle,
.nav-toggle,
.mobile-toggle,
.hamburger,
.hamburger-btn,
.navbar-toggle,
.menu-btn {
    color: #5b3217 !important;
}


/* LVBEL C5 hero uses the same hero dimensions as every other slide. */

/* 2026 etkinlik posterleri */
.event-card.poster-event .event-img,
.artist-card.upcoming-card .artist-img {
  height:auto;
  aspect-ratio:4 / 5;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
}

.artist-card.upcoming-card {
  display:flex;
  flex-direction:column;
}

.artist-card.upcoming-card .artist-body {
  display:flex;
  flex:1;
  flex-direction:column;
}

.artist-card.upcoming-card .artist-body p {
  margin-bottom:18px;
}

.artist-ticket-btn {
  margin-top:auto;
  align-self:flex-start;
}

#dynamic-events .event-card.poster-event .event-body {
  display:flex;
  flex-direction:column;
  min-height:270px;
}

#dynamic-events .event-card.poster-event .event-body .btn {
  margin-top:auto;
  align-self:flex-start;
}

/* === 2026-09-11: Etkinlik afişleri orijinal oran/çözünürlük koruma === */
.events-poster-grid {
  align-items: start;
}
.poster-preserve-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.poster-preserve-card .poster-frame {
  width: 100%;
  background: #0e0805;
  line-height: 0;
  overflow: hidden;
}
.poster-preserve-card .event-poster {
  display: block;
  width: 100%;
  height: auto !important;
  max-width: 100%;
  object-fit: contain !important;
  object-position: center top;
  background: #0e0805;
}
.poster-preserve-card .event-info-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}
.poster-preserve-card .event-info-body p {
  margin-bottom: 20px;
}
.poster-preserve-card .artist-ticket-btn {
  margin-top: auto;
  align-self: flex-start;
}
.announcements-section {
  background: #120906 !important;
}
.announcements-section .section-head p {
  color: #ccb49b;
}
.announcements-poster-grid .poster-preserve-card,
.home-poster-grid .poster-preserve-card {
  background: #1c0d07;
  color: #fff;
}
.announcements-poster-grid .poster-preserve-card p,
.home-poster-grid .poster-preserve-card p {
  color: #d0b79b;
}
@media (max-width: 980px) {
  .events-poster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .events-poster-grid {
    grid-template-columns: 1fr !important;
  }
  .poster-preserve-card .event-info-body {
    padding: 20px;
  }
}

/* lvbel-first-events-after-hero */

/* Secondary hero title keeps the existing hero visual hierarchy while the page uses one primary H1. */
.hero-caption .hero-slide-title{
  margin:0;
  font-size:clamp(2.2rem,5.3vw,5.6rem);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:800;
  color:inherit;
}