/* ✅ Lock sadece modal açıkken */
html.bando-lock { overflow: hidden; }

/* ✅ Sayfa scope */
#bandoPage { color:#fff; }
#bandoPage .text-shadow { text-shadow: 0 0 12px rgba(0,0,0,.8); }

/* Font class (Tailwind font-[] yerine garanti) */
#bandoPage .bando-script { font-family: "Great Vibes", cursive; }

/* Hero bg */
#bandoPage .bando-hero {
  background: radial-gradient(circle at top, #b71c1c 0%, #1a0b0b 90%);
}

/* CTA */
#bandoPage .cta-primary{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:9999px; padding:.75rem 1.75rem;
  background:#d4af37; color:#1a1410; font-weight:800;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  box-shadow: 0 0 10px rgba(212,175,55,.45);
}
#bandoPage .cta-primary:hover{ transform:scale(1.04); box-shadow:0 0 14px rgba(212,175,55,.6); }

#bandoPage .cta-outline{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:9999px; padding:.75rem 1.75rem;
  border:1px solid rgba(212,175,55,.8);
  color:#f8f1de;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
  background:transparent;
}
#bandoPage .cta-outline:hover{ transform:scale(1.04); background:rgba(212,175,55,.08); box-shadow:0 0 12px rgba(212,175,55,.35); }

/* Light beams */
@keyframes rotateBeam { 0%{transform:rotate(-10deg)} 50%{transform:rotate(10deg)} 100%{transform:rotate(-10deg)} }
#bandoPage .light-beam{
  position:absolute; top:-20%;
  width:30%; height:150%;
  background: radial-gradient(ellipse at top, rgba(255,215,0,.25), transparent 70%);
  transform-origin: top center;
  mix-blend-mode: screen;
  animation: rotateBeam 6s infinite ease-in-out alternate;
  z-index:0; pointer-events:none;
}
#bandoPage .light-beam:nth-child(1){ left:10%; animation-delay:0s; }
#bandoPage .light-beam:nth-child(2){ left:40%; animation-delay:2s; }
#bandoPage .light-beam:nth-child(3){ left:70%; animation-delay:1s; }

/* Notes */
@keyframes floatUp { 0%{transform:translateY(0) rotate(0deg);opacity:0} 15%{opacity:1} 100%{transform:translateY(-120vh) rotate(360deg);opacity:0} }
#bandoPage .note{
  position:absolute; bottom:-10vh;
  font-size:1.4rem; color:#ffd700; opacity:.85;
  animation: floatUp 8s linear infinite;
  text-shadow:0 0 8px rgba(255,215,0,.7);
  z-index:1;
}

/* Confetti */
@keyframes fall { 0%{transform:translateY(0) rotate(0deg)} 100%{transform:translateY(120vh) rotate(720deg);opacity:0} }
#bandoPage .confetti{ position:absolute; width:8px; height:8px; opacity:.92; animation: fall 5s linear infinite; z-index:1; }

/* Section head */
#bandoPage .section-head{ text-align:center; margin-bottom: 1.25rem; }
#bandoPage .section-title{ font-size:1.6rem; font-weight:900; color:#e6c469; }
#bandoPage .section-desc{ color: rgba(255,251,234,.85); }

/* Video cards */
#bandoPage .video-card{
  position:relative; overflow:hidden; border-radius:1rem;
  border:1px solid rgba(230,196,105,.35);
  background: rgba(43,35,32,.70);
  transition: transform .2s ease, box-shadow .2s ease;
  text-align:left;
}
#bandoPage .video-card:hover{ transform: translateY(-2px); box-shadow: 0 0 22px rgba(230,196,105,.18); }
#bandoPage .video-card img{ width:100%; height:180px; object-fit:cover; display:block; }
#bandoPage .video-badge{
  position:absolute; top:.75rem; left:.75rem;
  width:38px; height:38px; border-radius:9999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(230,196,105,.95); color:#1a1410; font-weight:900;
}
#bandoPage .video-meta{ padding:.9rem; }
#bandoPage .video-title{ color:#fffbea; font-weight:900; }
#bandoPage .video-sub{ color: rgba(255,251,234,.75); font-size:.9rem; }

/* Gallery */
#bandoPage .gallery-item{
  border-radius:.9rem; overflow:hidden;
  border:1px solid rgba(230,196,105,.35);
  background: rgba(43,35,32,.55);
  transition: transform .2s ease, box-shadow .2s ease;
}
#bandoPage .gallery-item:hover{ transform: translateY(-2px); box-shadow:0 0 20px rgba(230,196,105,.18); }
#bandoPage .gallery-item img{ width:100%; height:160px; object-fit:cover; display:block; }

/* ✅ Video Modal */
#bandoPage .bando-modal{ position:fixed; inset:0; display:none; z-index:9999; }
#bandoPage .bando-modal.open{ display:block; }
#bandoPage .bando-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.7); }
#bandoPage .bando-modal__dialog{
  position:relative; width:min(920px, 92vw);
  margin: 7vh auto 0;
  background:#140f0f; border-radius:1rem; overflow:hidden;
  border:1px solid rgba(230,196,105,.35);
  box-shadow:0 0 30px rgba(0,0,0,.45);
}
#bandoPage .bando-modal__head{ display:flex; align-items:center; justify-content:space-between; padding:.85rem 1rem; border-bottom:1px solid rgba(230,196,105,.2); }
#bandoPage .bando-modal__title{ color:#fffbea; font-weight:900; }
#bandoPage .bando-modal__close{ width:38px; height:38px; border-radius:9999px; border:1px solid rgba(230,196,105,.35); color:#fffbea; background: rgba(255,255,255,.03); }
#bandoPage .bando-modal__body{ padding:1rem; }

#bandoPage .bando-videoFrame{ position:relative; width:100%; padding-top:56.25%; border-radius:.8rem; overflow:hidden; }
#bandoPage .bando-videoFrame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ✅ Lightbox */
#bandoPage .bando-lightbox{ position:fixed; inset:0; display:none; z-index:10000; }
#bandoPage .bando-lightbox.open{ display:block; }
#bandoPage .bando-lightbox__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.78); }
#bandoPage .bando-lightbox__dialog{ position:relative; width:min(980px, 94vw); margin:6vh auto 0; display:flex; align-items:center; justify-content:center; }
#bandoPage .bando-lightbox__dialog img{ max-width:100%; max-height:82vh; border-radius:1rem; border:1px solid rgba(230,196,105,.35); box-shadow:0 0 30px rgba(0,0,0,.55); background:#000; }
#bandoPage .bando-lightbox__close{
  position:absolute; top:-12px; right:-12px;
  width:40px; height:40px; border-radius:9999px;
  border:1px solid rgba(230,196,105,.35);
  background:#140f0f; color:#fffbea;
}
#bandoPage .bando-lightbox__nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:46px; height:46px; border-radius:9999px;
  border:1px solid rgba(230,196,105,.35);
  background: rgba(20,15,15,.75);
  color:#fffbea; font-size:28px;
  display:flex; align-items:center; justify-content:center;
}
#bandoPage .bando-lightbox__nav.prev{ left:-8px; }
#bandoPage .bando-lightbox__nav.next{ right:-8px; }
@media (max-width: 640px){
  #bandoPage .bando-lightbox__nav.prev{ left:6px; }
  #bandoPage .bando-lightbox__nav.next{ right:6px; }
}

/* Pricing + Form (scope) */
#bandoPage .price-card{
  border-radius: 1rem;
  padding: 1.5rem;
  background: rgba(43,35,32,.85);
  border: 1px solid rgba(230,196,105,.40);
  box-shadow: 0 0 18px rgba(0,0,0,.25);
  transition: box-shadow .2s ease, transform .2s ease;
  display:flex; flex-direction: column; justify-content: space-between;
  min-height: 360px;
}
#bandoPage .price-card:hover{ transform: translateY(-2px); box-shadow: 0 0 26px rgba(230,196,105,.20); }
#bandoPage .price-title{ font-size: 1.1rem; font-weight: 900; color:#e6c469; margin-bottom:.35rem; }
#bandoPage .price-sub{ color: rgba(255,251,234,.85); font-size:.9rem; }
#bandoPage .price-list{ margin-top:.75rem; color: rgba(255,251,234,.78); font-size:.92rem; line-height: 1.5; }
#bandoPage .price-amount{ margin-top: 1rem; font-size: 1.4rem; font-weight: 900; color:#e6c469; }
#bandoPage .price-btn{
  margin-top: 1.25rem; display:block;
  background:#e6c469; color:#1a1410;
  text-align:center; padding:.8rem 1rem;
  border-radius:9999px; font-weight: 900;
  transition: background .2s ease, transform .2s ease;
}
#bandoPage .price-btn:hover{ background:#cda94e; transform: scale(1.02); }

#bandoPage .price-popular{ border-width: 2px; border-color: rgba(230,196,105,.7); position:relative; }
#bandoPage .price-badge{
  position:absolute; top:-12px; left:16px;
  background:#e6c469; color:#1a1410;
  font-size:.75rem; padding:.25rem .7rem;
  border-radius:9999px; font-weight:900;
}
#bandoPage .info-note{
  color: rgba(255,251,234,.92);
  font-size: .92rem; line-height: 1.6;
  background: rgba(43,35,32,.55);
  padding: 1rem 1.1rem;
  border-radius: .9rem;
  border: 1px solid rgba(230,196,105,.30);
}

#bandoPage .form-card{
  background:#fff;
  padding: 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(230,196,105,.4);
  box-shadow: 0 6px 26px rgba(0,0,0,.06);
  transition: box-shadow .2s ease;
}
#bandoPage .form-card:hover{ box-shadow: 0 10px 34px rgba(0,0,0,.09); }
#bandoPage .label{ display:block; color:#374151; margin-bottom:.35rem; font-weight:800; }
#bandoPage .input{
  width:100%;
  border-radius: .9rem;
  background: #f9fafb;
  border: 1px solid rgba(230,196,105,.55);
  color:#111827;
  padding: .8rem .9rem;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#bandoPage .input:focus{ border-color:#e6c469; box-shadow: 0 0 0 3px rgba(230,196,105,.22); }
#bandoPage .notice{
  background:#fff8e1;
  border:1px solid rgba(230,196,105,.30);
  border-radius: .9rem;
  padding: 1rem 1.1rem;
  color:#374151;
  font-size: .92rem;
}
#bandoPage .btn-whatsapp{
  background:#e6c469; color:#fff; font-weight:900;
  padding:.85rem 1.2rem; border-radius:9999px;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
  transition: transform .2s ease, background .2s ease;
}
#bandoPage .btn-whatsapp:hover{ background:#cda94e; transform: translateY(-1px); }
#bandoPage .btn-call{
  background:#16a34a; color:#fff; font-weight:900;
  padding:.85rem 1.2rem; border-radius:9999px;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
  transition: transform .2s ease;
}
#bandoPage .btn-call:hover{ transform: translateY(-1px); }


/* Fiyatlar bölümü arka planını netleştir */
#bandoPage #fiyatlar{
  position: relative;
  background: #120c0c; /* ana zemin */
  overflow: hidden;
}

/* Vignette + gold glow */
#bandoPage #fiyatlar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 20%, rgba(230,196,105,.14) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(circle at 80% 35%, rgba(183,28,28,.18) 0%, rgba(0,0,0,0) 60%),
    radial-gradient(circle at 50% 90%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.90) 70%),
    linear-gradient(to bottom, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.65) 100%);
  z-index: 0;
}

/* İçerik üstte kalsın */
#bandoPage #fiyatlar > *{
  position: relative;
  z-index: 1;
}

/* Yazılar netleşsin */
#bandoPage #fiyatlar p{
  color: rgba(255,251,234,.95) !important;
}
#bandoPage #fiyatlar .section-desc{
  color: rgba(255,251,234,.92) !important;
}

/* Kartlar zeminden ayrışsın */
#bandoPage #fiyatlar .price-card{
  background: rgba(30,22,20,.90) !important;
  border-color: rgba(230,196,105,.38) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.35) !important;
}
#bandoPage #fiyatlar .price-card:hover{
  box-shadow: 0 18px 46px rgba(0,0,0,.45) !important;
}

/* Bölüm üst/alt ayrımı (göz hizası için) */
#bandoPage #fiyatlar{
  border-top: 1px solid rgba(230,196,105,.25);
  border-bottom: 1px solid rgba(230,196,105,.18);
}

/* Sticky header yüzünden başlıkların üstten kesilmesini engeller */
:root { --stickyOffset: 92px; } /* default */

#bandoPage section[id],
#bandoPage header[id]{
  scroll-margin-top: var(--stickyOffset);
}

/* mobilde header daha büyük oluyorsa */
@media (max-width: 640px){
  :root { --stickyOffset: 110px; }
}