.tcb{
    position:relative;
    width:100%;          /* container'a tam yaslanır (sabit üst sınır yok) */
    aspect-ratio:4/1;
    background:#000;
    overflow:hidden;
    container-type:inline-size;
    font-family:'Poppins',sans-serif;
  }
  .tcb-bg{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;   /* görsel banner oranına göre hazır kompoze edildi */
  }
  /* sol tarafı iyice koyulaştıran perde (yazı okunurluğu) */
  .tcb-veil{
    position:absolute; inset:0;
    background:linear-gradient(90deg,#000 0%,#000 40%,rgba(0,0,0,.9) 55%,rgba(0,0,0,.45) 68%,rgba(0,0,0,0) 80%);
  }
  .tcb-l{position:absolute; white-space:nowrap; line-height:1; color:#fff}

  /* ── TURKCHEM logosu (gerçek PNG · üst/alt boşlukları kırpılmış 1292×391) ── */
  .tcb-logo{
    position:absolute; left:1.08cqw; top:6.42cqw;
    width:33.35cqw; height:auto; display:block;
  }
  /* ── turkchem.com.tr ── */
  .tcb-url{
    left:10.4cqw; top:20.8cqw;
    font-size:1.42cqw; font-weight:400; letter-spacing:.125em; color:#c9c9c9;
  }
  /* ── dikey ayırıcı çizgi ── */
  .tcb-divider{
    position:absolute; left:37.8cqw; top:6.9cqw;
    width:.14cqw; height:12.1cqw;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55) 12%,rgba(255,255,255,.55) 88%,rgba(255,255,255,0));
  }
  /* ── Kimya İle İlgili (el yazısı) ── */
  .tcb-script{
    left:51.65cqw; top:0.46cqw;
    font-family:'Kaushan Script',cursive;
    font-size:3.85cqw; font-weight:400; letter-spacing:.005em;
    /* gradient metin background-clip kutusuyla sınırlı: descender (y) ve son
       harfin kuyruğu kırpılmasın diye satır kutusu ve sağ pay büyütüldü */
    line-height:1.5; padding:0 .35em .12em 0;
    transform:scaleX(.817); transform-origin:left top;
    background:linear-gradient(95deg,#d8401a 0%,#ee6229 55%,#f9873c 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  /* ── Her Şey Bu Fuarda ── */
  .tcb-head{
    left:49.24cqw; top:5.95cqw;
    font-size:3.08cqw; font-weight:600; letter-spacing:-0.005em;
    transform:scaleX(.875); transform-origin:left top;
  }
  /* ── Everything About Chemistry ── */
  .tcb-headen{
    left:51.28cqw; top:10.15cqw;
    font-size:1.88cqw; font-weight:300; letter-spacing:.005em; color:#efefef;
    transform:scaleX(.785); transform-origin:left top;
  }
  /* ── HALL kutusu ── */
  .tcb-box{
    position:absolute; left:41.3cqw; top:12.85cqw;
    width:39.8cqw; height:5.15cqw;
    background:#f1f3f2;
    box-shadow:0 .25cqw .5cqw rgba(0,0,0,.55);
    display:flex; align-items:center; justify-content:center;
  }
  .tcb-box span{
    font-family:'Arimo',Arial,Helvetica,sans-serif;
    font-weight:700; font-size:3.95cqw; color:#111;
    letter-spacing:-0.005em; line-height:1;
    transform:translateY(-.05cqw);
  }
  /* ── tarih / yer satırı ── */
  .tcb-date{
    left:39.8cqw; top:20.9cqw;
    font-size:1.78cqw; font-weight:500; letter-spacing:-0.005em;
    transform:scaleX(.937); transform-origin:left top;
  }


  /* ══════════════ LIGHT MOD (html'de .dark yoksa) ══════════════
     Ayrı arka plan görseli (beyaz zeminli) + koyu logo + koyu yazı.
     Site teması <html class="dark"> ile çalışıyor (app.blade.php). */
  .tcb-light-only{ display:none; }
  html:not(.dark) .tcb-dark-only{ display:none; }
  html:not(.dark) .tcb-light-only{ display:block; }

  html:not(.dark) .tcb{ background:#F9FAFD; }
  html:not(.dark) .tcb-veil{
    background:linear-gradient(90deg,#F9FAFD 0%,#F9FAFD 40%,rgba(249,250,253,.9) 55%,rgba(249,250,253,.45) 68%,rgba(249,250,253,0) 80%);
  }
  html:not(.dark) .tcb-l{ color:#0f172a; }
  /* .tcb-script gradient metin: color:transparent korunmalı, yoksa düz renge düşer */
  html:not(.dark) .tcb-script{ color:transparent; }
  html:not(.dark) .tcb-url{ color:#64748b; }
  html:not(.dark) .tcb-headen{ color:#334155; }
  html:not(.dark) .tcb-divider{
    background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.32) 12%,rgba(15,23,42,.32) 88%,rgba(15,23,42,0));
  }
  /* HALL kutusu ters çevrilir: beyaz zeminde beyaz kutu kaybolur */
  html:not(.dark) .tcb-box{ background:#0f172a; box-shadow:0 .25cqw .5cqw rgba(15,23,42,.22); }
  html:not(.dark) .tcb-box span{ color:#fff; }