/* Panda Fikir Sanat · TikTok LIVE Backstage sayfası.
   style.css'in üstüne yüklenir: plato dili aynı kalır, vurgu kırmızıya döner. */

.canli-sayfa{--accent:var(--kirmizi)}
.canli-sayfa .tag b{color:var(--kirmizi)}
.canli-sayfa .slate-no,
.canli-sayfa .slate-bar i{color:var(--kirmizi)}
.canli-sayfa .slate-bar i{background:var(--kirmizi)}
.canli-sayfa ::selection{background:var(--kirmizi);color:#fff}
.canli-sayfa :focus-visible{outline-color:var(--kirmizi)}
.topnav-cta--canli{border-color:#4d1a27}
.topnav-cta--canli span{color:var(--kirmizi)!important}
.topnav-cta--canli:hover{background:var(--kirmizi)!important;border-color:var(--kirmizi)!important;color:#fff!important}
.topnav-cta--canli:hover span{color:#fff!important}

/* ---------- 00 açılış: kırmızı kutu ---------- */
.canli-acilis{padding-top:calc(var(--bar) + clamp(1.4rem,3vw,2.6rem));padding-bottom:clamp(3rem,6vw,5rem);border-top:0}
.canli-kutu{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  min-height:min(78vh,760px);border:1px solid #4d1a27;border-radius:8px;overflow:hidden;
  background:linear-gradient(135deg,#220c13 0%,#150a0d 55%,#0f0a0b 100%)}
.canli-kutu::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(110% 90% at 22% 50%,rgba(254,44,85,.18),transparent 60%)}
.canli-tuval{position:relative;width:100%;height:100%;min-height:460px;border-right:1px solid #3a1520;background:#130a0d}
.canli-kutu-govde{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;
  padding:clamp(1.8rem,4.5vw,4.5rem)}
.canli-kutu h1{font-size:clamp(2.7rem,6vw,5.6rem);font-weight:650;letter-spacing:-.065em;line-height:.98}
.canli-kutu h1 .ital{color:var(--kirmizi)}
.canli-lede{max-width:40ch;color:var(--mute);font-size:clamp(1rem,1.3vw,1.14rem)}
.canli-kaydir{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
  border-bottom:1px solid #4d1a27;padding-bottom:.35rem;transition:color .25s ease,border-color .25s ease}
.canli-kaydir:hover{color:var(--paper);border-color:var(--kirmizi)}

/* ---------- ortak soru bölümleri ---------- */
.canli-bolum{padding-top:clamp(4.5rem,9vw,8rem);padding-bottom:clamp(4.5rem,9vw,8rem)}
.soru{max-width:18ch;font-size:clamp(2.2rem,5.6vw,4.8rem)}
.soru i{font-style:normal;color:var(--kirmizi)}
.cevap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);
  margin-top:clamp(2.4rem,5vw,4rem)}
.cevap p{color:var(--mute);max-width:56ch}
.cevap p+p{margin-top:1.1rem}
.cevap .live-motto-label{margin-top:1.6rem}
.cevap .live-motto{color:var(--paper)}

/* ---------- 02 sunduklarımız ---------- */
.sunum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(2.6rem,5vw,4.5rem);
  background:var(--edge-soft);border:1px solid var(--edge-soft)}
.sunum li{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.4rem,2.4vw,2rem);
  background:var(--void);transition:background .35s ease}
.sunum li::before{content:'';position:absolute;left:0;top:0;height:2px;width:0;background:var(--kirmizi);
  transition:width .5s cubic-bezier(.2,.7,.3,1)}
.sunum li:hover{background:#140b0e}
.sunum li:hover::before{width:100%}
.sunum span{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--kirmizi)}
.sunum h3{font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;letter-spacing:-.03em}
.sunum p{color:var(--mute);font-size:.92rem}
.sunum-not{margin-top:1.2rem;font-size:.84rem;color:var(--dim)}

/* ---------- 03 tek başına / birlikte ---------- */
.karsilastir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2.6rem,5vw,4rem);
  border:1px solid var(--edge);border-radius:6px;overflow:hidden}
.karsilastir-kolon{display:flex;flex-direction:column}
.karsilastir-kolon p{margin:0;padding:1.1rem clamp(1.2rem,2.4vw,2rem);border-top:1px solid var(--edge-soft);color:var(--mute)}
.karsilastir-baslik{font-family:var(--mono);font-size:.64rem!important;letter-spacing:.18em;text-transform:uppercase;
  border-top:0!important;color:var(--dim)!important}
.karsilastir-kolon--birlikte{background:linear-gradient(135deg,#1d0b11,#130a0d);border-left:1px solid #4d1a27}
.karsilastir-kolon--birlikte p{color:var(--paper);border-top-color:#3a1520}
.karsilastir-kolon--birlikte .karsilastir-baslik{color:var(--kirmizi)!important}

/* ---------- 04 ücret ---------- */
.ucret-kutu{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.6rem,5vw,4.5rem);align-items:start;
  margin-top:clamp(2.4rem,5vw,4rem);padding:clamp(1.6rem,3.6vw,3rem);border:1px solid #4d1a27;border-radius:8px;
  background:linear-gradient(135deg,#1d0b11,#120a0c)}
.ucret-kutu .ucret-cevap{font-family:var(--display);font-weight:650;font-size:clamp(3.2rem,8vw,6.4rem);letter-spacing:-.07em;
  line-height:.9;color:var(--kirmizi)}
.ucret-kutu p{color:var(--mute);max-width:52ch}
.ucret-kutu div p+p{margin-top:1rem}
.ucret-kutu div p:first-child{color:var(--paper);font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.5rem);
  letter-spacing:-.025em;line-height:1.35}
.onay-bekliyor{display:inline-block;margin-top:1.4rem!important;padding:.35rem .7rem;border:1px dashed #b98a2a;
  border-radius:4px;font-family:var(--mono);font-size:.6rem!important;letter-spacing:.16em;text-transform:uppercase;
  color:#e8b64a!important}

/* ---------- 05 kimleri arıyoruz ---------- */
.kimleri-lede{margin-top:clamp(1.6rem,3vw,2.4rem);font-family:var(--display);font-size:clamp(1.3rem,2.4vw,2rem);
  letter-spacing:-.035em;line-height:1.25}
.kimleri-lede .ital{color:var(--kirmizi)}
.tutkular{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:clamp(1.8rem,3.4vw,2.8rem)}
.tutkular li{padding:.8rem 1.35rem;border:1px solid var(--edge);border-radius:999px;font-family:var(--display);
  font-size:clamp(1rem,1.6vw,1.3rem);font-weight:550;letter-spacing:-.025em;transition:.3s cubic-bezier(.2,.8,.3,1)}
.tutkular li:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff;transform:translateY(-2px)}
.tutkular .tutku-sen{border-style:dashed;border-color:#4d1a27;color:var(--kirmizi);font-family:Georgia,serif;font-style:italic;font-weight:400}
.tutkular .tutku-sen:hover{color:#fff}
.not-kutu{margin-top:1.6rem!important;padding:1rem 1.2rem;border-left:2px solid var(--kirmizi);background:#140b0e;
  color:var(--mute)!important;font-size:.92rem}
.not-kutu b{color:var(--paper);font-weight:600}

/* ---------- 06 başvuru ---------- */
.canli-son{padding-bottom:clamp(5rem,10vw,9rem)}
.canli-son-kutu{display:flex;flex-direction:column;align-items:center;gap:1.3rem;text-align:center;
  padding:clamp(2.4rem,6vw,5rem) clamp(1.4rem,4vw,3rem);border:1px solid #4d1a27;border-radius:8px;
  background:radial-gradient(90% 120% at 50% 0%,rgba(254,44,85,.16),transparent 60%),linear-gradient(180deg,#1d0b11,#110a0c)}
.canli-son-kutu h2{font-size:clamp(2.4rem,6vw,5rem)}
.canli-son-kutu h2 .ital{color:var(--kirmizi)}
.canli-son-kutu > p{color:var(--mute);max-width:44ch}
.canli-son-kutu .live-label{justify-content:center}

/* ---------- ekran boyutları ---------- */
@media (max-width:1180px){
  .sunum{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .canli-kutu{grid-template-columns:minmax(0,1fr);min-height:0}
  .canli-tuval{min-height:0;height:auto;aspect-ratio:4/3;border-right:0;border-bottom:1px solid #3a1520}
  .cevap-grid{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  .ucret-kutu{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:680px){
  .sunum{grid-template-columns:minmax(0,1fr)}
  .karsilastir{grid-template-columns:minmax(0,1fr)}
  .karsilastir-kolon--birlikte{border-left:0;border-top:1px solid #4d1a27}
  .canli-tuval{aspect-ratio:1/1}
}