/* ========== LANDING İZOLE KATMANI ========== */
.be-landing, .be-landing * { box-sizing: border-box; }

/* Kendi renk paleti */
.be-landing {
  --navy:#0B1220;
  --blue:#141E2F;
  --ink:#E9EEF6;
  --head:#FFFFFF;
  --accent:#F4C76A;
  --muted:#C9D3E0;
  --line:rgba(255,255,255,.10);
  --shadow:0 20px 50px rgba(0,0,0,.35);
  --radius:16px;

  color: var(--ink);
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(244,199,106,.08), transparent 60%),
    #0B1220;  /* koyu lacivert */
  line-height: 1.6;
  position: relative;
  z-index: 0;
  margin-top: 0;
}

/* Tipografi */
.be-landing .wrap { width:min(1100px,92vw); margin-inline:auto; }
.be-landing h1,.be-landing h2,.be-landing h3 { color:var(--head); margin:0 0 .6rem; }
.be-landing h1 { font-family:"Playfair Display",serif; font-weight:700; font-size:clamp(30px,4.8vw,52px); line-height:1.12; letter-spacing:.2px; }
.be-landing h2 { font-weight:800; font-size:clamp(22px,3vw,32px); }
.be-landing h3 { font-weight:700; font-size:clamp(18px,2.2vw,22px); }
.be-landing p { margin:.5rem 0 0; color:var(--ink); }
.be-landing a { color: inherit; text-decoration:none; }
.be-landing a.btn, .be-landing .link-accent { color:#0b1220; }

/* Üst bant */
.be-landing .top { position:sticky; top:0; z-index:5; backdrop-filter: blur(8px); background:rgba(11,18,32,.6); border-bottom:1px solid var(--line); }
.be-landing .top .wrap { display:flex; align-items:center; justify-content:space-between; padding:.7rem 0; }
.be-landing .badge { display:inline-flex; gap:.5rem; align-items:center; font-weight:800; color:#0b1220; background:linear-gradient(135deg,var(--accent),#ffd98f); border-radius:999px; padding:.25rem .75rem; font-size:.78rem; }

/* Grid + kart */
.be-landing .hero { padding:64px 0 48px; background: radial-gradient(900px 400px at 90% 10%, rgba(154,213,217,.12), transparent 60%); }
.be-landing .grid { display:grid; gap:18px; }
@media(min-width:960px){
  .be-landing .grid-2 { grid-template-columns:repeat(2,1fr); }
  .be-landing .grid-3 { grid-template-columns:repeat(3,1fr); }
}
.be-landing .card {
  background:linear-gradient(180deg, rgba(20,30,47,.9), rgba(20,30,47,.96));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
}
.be-landing .divider { height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent); margin:26px 0; }
.be-landing .muted { color:var(--muted); }
.be-landing .pill { display:inline-block; padding:.35rem .75rem; border-radius:999px; border:1px solid var(--line); color:var(--ink); font-size:.85rem; }

/* Listeler */
.be-landing .list { list-style:none; padding:0; margin:10px 0 0; display:grid; gap:10px; }
.be-landing .list li { display:flex; gap:.6rem; }
.be-landing .tick { color:var(--accent); font-weight:900; }

/* Form */
.be-landing .form { display:grid; gap:12px; }
.be-landing .form label { font-size:.9rem; color:var(--muted); }
.be-landing .form input {
  width:100%;
  padding:1rem;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:#fff;
  outline:none;
}

/* Butonlar */
.be-landing .btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:.6rem; padding:.95rem 1.3rem;
  border-radius:12px; font-weight:800; cursor:pointer; border:none;
}
.be-landing .btn-primary {
  background:linear-gradient(135deg,var(--accent),#ffd98f);
  color:#0b1220;
  box-shadow:var(--shadow);
}
.be-landing .btn-primary:hover { filter:brightness(.98); }
.be-landing .btn-ghost { border:1px solid var(--line); color:var(--head); background:transparent; }

/* Bölümler */
.be-landing section { padding:62px 0; }
.be-landing .title-accent { color:var(--accent); }
.be-landing .quote { font-style:italic; color:var(--ink); }

/* Landing footer */
.be-landing .footer { border-top:1px solid var(--line); padding:28px 0; color:var(--muted); }

/* Header – üstte kalması için */
.navbar-area { position: relative; z-index: 10; }
.navbar-area .white-logo, .navbar-area .black-logo {
  max-height: 60px;
  object-fit: contain;
}

/* Search overlay */
.search-overlay { z-index: 9999 !important; }

/* iOS blur düzeltmeleri */
@supports (-webkit-touch-callout: none){
  .be-landing .top { backdrop-filter:none; -webkit-backdrop-filter:none; background:rgba(11,18,32,.92); }
  .be-landing .hero { background:#0b1220; }
}

/* Canlı Oturum Detayları – metinleri görünür yap */
.be-landing .card .list,
.be-landing .card .list li,
.be-landing .card .list li span {
  color: #E9EEF6 !important;   /* var(--ink) */
  opacity: 1 !important;
}

.be-landing .card .list strong,
.be-landing .card .list b {
  color: #FFFFFF !important;    /* etiketleri biraz daha vurgulu */
  font-weight: 800;
}

.be-landing .card .tick {       /* onay ikonları altın kalsın */
  color: var(--accent) !important;
}

/* Bazı temalarda linkler koyu kalabiliyor */
.be-landing .card .list a {
  color: #E9EEF6 !important;
}

/* Kart kenar çizgisi hafif güçlendir (isteğe bağlı) */
.be-landing .card { 
  border-color: rgba(255,255,255,.18);
}

.blog-image { overflow: hidden; box-sizing: border-box; padding: 8px 12px; border-radius: 8px; }
    .blog-image iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; display: block; border: 0; }
    .blog-image img, .blog-image video { width: 100% !important; height: auto !important; display: block; aspect-ratio: auto; object-fit: contain; }
    .blog-image a { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }

/* --- HERO içinde küçük ama vurucu rozet --- */
.be-landing .gift-banner{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.55rem .9rem; border-radius:999px;
  background:linear-gradient(135deg,var(--accent),#ffd98f);
  color:#0b1220; font-weight:800; box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.06);
}
.be-landing .gift-banner .icon{
  inline-size:22px; block-size:22px; border-radius:50%;
  display:grid; place-items:center; font-size:14px;
  background:rgba(11,18,32,.08);
}

/* --- Sayfa ortası/sonu için geniş bant --- */
.be-landing .gift-band{
  background:linear-gradient(135deg,#f4c76a,#f4c76a);
  color:#0b1220; border-radius:20px; padding:20px;
  box-shadow:var(--shadow); border:1px solid rgba(0,0,0,.08);
}
.be-landing .gift-band .inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.be-landing .gift-band p{ color:#0b1220; margin:0; font-size:clamp(16px,2vw,18px); }
.be-landing .gift-band strong{ font-weight:900; }
.be-landing .gift-band .btn{
  background:#0b1220; color:#fff; box-shadow:none; border:0;
  padding:.85rem 1.1rem; border-radius:12px; font-weight:800;
}
.be-landing .gift-band .sub{
  display:block; margin-top:8px; opacity:.9; font-size:.9rem; color:#0b1220;
}
@media (max-width: 959px){
  .be-landing .gift-band .inner{ flex-direction:column; text-align:center; }
  .be-landing .gift-band .btn{ width:100%; }
}

/* --- 1) H1 altı: tarih-saat rozeti --- */
.be-landing .event-chip{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.5rem .85rem; border-radius:999px;
  background:linear-gradient(135deg,var(--accent),#ffd98f);
  color:#0b1220; font-weight:900; box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.06); font-size:.9rem;
}
.be-landing .event-chip .dot{width:8px;height:8px;border-radius:50%;background:#0b1220;}

/* --- 2) Orta bölüm: geniş şerit --- */
.be-landing .event-strip{
  background:linear-gradient(135deg,var(--accent),#ffd98f);
  color:#0b1220; border-radius:20px; padding:18px 20px;
  box-shadow:var(--shadow); border:1px solid rgba(0,0,0,.08);
}
.be-landing .event-strip .inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.be-landing .event-strip p{ margin:0; color:#0b1220; font-weight:800; font-size:clamp(16px,2.2vw,18px); }
.be-landing .event-strip .countdown{ font-variant-numeric:tabular-nums; font-weight:900; }
.be-landing .event-strip .btn{ background:#0b1220; color:#fff; border:0; border-radius:12px; padding:.85rem 1.1rem; font-weight:800; }
@media (max-width: 959px){
  .be-landing .event-strip .inner{ flex-direction:column; text-align:center; }
  .be-landing .event-strip .btn{ width:100%; }
}

/* --- 3) Mobil yapışkan mini bar (WhatsApp butonuna çarpmaması için yukarıda) --- */
.be-landing .sticky-mobile-cta{
  position:fixed; left:12px; right:12px; bottom:72px; /* WhatsApp butonu varsa çakışmaz */
  z-index:1000; display:none; align-items:center; justify-content:space-between; gap:12px;
  background:#0b1220f2; backdrop-filter:blur(6px);
  border:1px solid var(--line); border-radius:14px; padding:10px 12px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.be-landing .sticky-mobile-cta .label{ color:#fff; font-weight:800; font-size:.95rem; }
.be-landing .sticky-mobile-cta .when{ color:#fff; opacity:.9; font-weight:700; }
.be-landing .sticky-mobile-cta .countdown{ color:#ffd98f; font-weight:900; }
.be-landing .sticky-mobile-cta .btn{ background:linear-gradient(135deg,var(--accent),#ffd98f); color:#0b1220; border:0; padding:.6rem .8rem; border-radius:10px; font-weight:900; }
@media (max-width: 959px){ .be-landing .sticky-mobile-cta{ display:flex; } }

/* Detay kartındaki tarih/saat satırını daha görünür kıl */
.be-landing .card .list li:first-child span{ color:#E9EEF6 !important; opacity:1 !important; font-weight:800; }

.be-landing .final-countdown { padding: 40px 0 62px; }
.be-landing .cd-card{
  background: linear-gradient(180deg, rgba(20,30,47,.92), rgba(20,30,47,.98));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 22px;
  box-shadow: var(--shadow);
}
.be-landing .cd-header{
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px;
}
.be-landing .cd-header h2{ margin: 0; }
.be-landing .cd-header .chip{
  background: linear-gradient(135deg, var(--accent), #ffd98f);
  color: #0b1220; font-weight: 900; border-radius: 999px;
  padding: .45rem .8rem; border: 1px solid rgba(0,0,0,.06);
}
.be-landing .timer{
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 10px;
}
.be-landing .timer .unit{
  background: #0f1829; border: 1px solid var(--line); border-radius: 14px;
  padding: 14px; text-align: center;
}
.be-landing .timer .unit span{
  display: block; font-weight: 900; font-variant-numeric: tabular-nums;
  font-size: clamp(26px, 4.5vw, 40px); line-height: 1; color: var(--accent);
}
.be-landing .timer .unit small{ display:block; margin-top:6px; color: var(--muted); }
.be-landing .cd-cta{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.be-landing .cd-cta .state{ color: var(--muted); }
@media (max-width: 959px){
  .be-landing .cd-header{ flex-direction: column; align-items: flex-start; gap:8px; }
  .be-landing .timer{ grid-template-columns: repeat(2, 1fr); }
  .be-landing .cd-cta{ flex-direction: column; align-items: stretch; }
  .be-landing .cd-cta .btn{ width: 100%; }
}

/* Üst şerit düzeni (masaüstü = yan yana, mobil = alt alta) */
.be-landing .top .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* Masaüstünde soldaki "Canlı • 12 Ekim • 21:00" rozetini büyüt */
@media (min-width: 992px){
  .be-landing .top .badge{
    font-size: 1rem;           /* önce ~0.78rem idi */
    padding: .6rem 1rem;
    border-radius: 999px;
  }
}

/* Mobilde rozet ve buton alt alta, tam genişlik */
@media (max-width: 991px){
  .be-landing .top .wrap{
    flex-direction: column;
    align-items: stretch;       /* full width */
    gap: 10px;
    padding: .6rem 0;
  }
  .be-landing .top .badge{
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .be-landing .top .btn{
    width: 100%;
    justify-content: center;
  }
}

/* Mobilde rozet + buton biraz daha büyük, tam genişlik */
@media (max-width: 991px){
  .be-landing .top .wrap{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: .7rem 0;
  }
  .be-landing .top .badge{
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 1rem;              /* ↑ */
    padding: .7rem 1.1rem;        /* ↑ */
    border-radius: 14px;          /* ↓ daha yumuşak köşe */
  }
  .be-landing .top .btn{
    width: 100%;
    justify-content: center;
    font-size: 1.06rem;           /* ↑ */
    padding: 1rem 1.15rem;        /* ↑ daha dolgun */
    border-radius: 14px;
    min-height: 48px;             /* erişilebilir dokunma alanı */
  }
}

/* Çok küçük ekranlar için (ekstra büyütme) */
@media (max-width: 480px){
  .be-landing .top .badge{
    font-size: clamp(1rem, 3.8vw, 1.1rem);
    padding: .75rem 1.15rem;
  }
  .be-landing .top .btn{
    font-size: clamp(1.06rem, 4.2vw, 1.15rem);
    padding: 1.05rem 1.2rem;
  }
}

/* Üst bant sabit kalmasın */
.be-landing .top{
  position: static !important;  /* sticky değil */
  top: auto !important;
  z-index: auto;
}

/* Anchor offset hesabında üst bantı sıfırla */
.be-landing{ --ctaH: 0px; }

/* Bazı temalar anchor offset için :target::before spacer ekler → kapat */
#kayit:before,
#kayit:target:before{
  content: none !important;
  display: none !important;
}

/* Navbar’ın altında fazladan boşluk oluşmasın */
.navbar-area{ margin-bottom: 0 !important; }

/* (Zaten yaptık ama tekrar) Landing üst bandı sticky olmasın */
.be-landing .top{ position: static !important; top:auto !important; z-index:auto; }


/* Footer'ı karartan üst katmanları kapat */
.footer-area::before,
.footer-area::after {
  content: none !important;     /* karartma/texture katmanını iptal et */
  display: none !important;
}

/* Footer zeminini landing paletine sabitle */
.footer-area,
.theme-light .footer-area,
.theme-dark  .footer-area,
.footer-area.bg-top {
  background-color:#0D1B2A !important;  /* lacivert */
  background-image:none !important;      /* doku/gradient varsa kapat */
  color:#F4EDE4 !important;
}

/* Link ve başlık renkleri */
.footer-area .single-footer-widget h3,
.footer-area a { color:#F4EDE4 !important; }
.footer-area a:hover { color:#FFD166 !important; }

/* Copyright şeridi */
.copyright-area{
  background:#0B1724 !important;
  color:#CFCAC2 !important;
  border-top:1px solid rgba(255,255,255,.08);
}

/* Landing → footer geçişi için nefes ve ayırıcı (opsiyonel) */
.be-landing .be-section:last-of-type { padding-bottom:72px; }
.be-divider{height:24px;background:linear-gradient(to bottom,rgba(13,27,42,1),rgba(13,27,42,.6),rgba(13,27,42,0));}


/* Bonuslar altındaki fazlalığı azalt */
.be-landing .be-section:last-of-type { 
  padding-bottom: 24px !important;  /* 72 yerine 24 yap */
}

/* Divider'ı daha ince tut (isteğe bağlı kaldırılabilir) */
.be-divider {
  height: 12px !important; /* 24 yerine 12 */
  margin-bottom: -12px;    /* footer’a daha yakın dursun */
}

/* Footer üst padding’i küçült */
.footer-area {
  padding-top: 50px !important;   /* pt-100 yerine */
  padding-bottom: 50px !important; /* pb-70 yerine biraz daha dengeli */
}