/* ==========================================================================
   Frenox — Ana sayfa FUAR banner'ı: HOSTECH by TUSİD İstanbul 2026 (10–14 Kasım)  · v2 (14.10.2026)
   banner-v2.css (fxb-) sistemine EK dosya: önce banner-v2.css, sonra bu dosya yüklenir.
   Modifier: .fxb--fuar · bilgi kartı .fxb__info (içinde fuar logosu) · mobil/tablet logo plakası .fxb__logo
   Yer: hero (section.jumbotron) ile rakam bandı (#rakamlar) arasına.  JavaScript yok.
   Kaldırma: 14.11.2026 akşamı (fuar bitişi) — blok, bu CSS ve görseller şablondan çıkarılır.
   ========================================================================== */
.fxb-sec--fuar { padding-top:24px; padding-bottom:0; background:transparent; }   /* üst: slider noktaları (20) + 24 = 44 px = alttaki #rakamlar boşluğu */
.fxb-sec--fuar .container { padding-top:0; padding-bottom:0; }
.fxb--fuar { min-height:400px; }
.fxb--fuar .fxb__media { width:64%; }
.fxb--fuar .fxb__media img { object-position:36% 60%; }     /* dik dolaplar metin ile kart arasına otursun */
.fxb--fuar.fxb--koyu::before { background:
  linear-gradient(90deg, #0b0f14 0%, #0b0f14 38%, rgba(11,15,20,.88) 48%, rgba(11,15,20,.36) 68%, rgba(11,15,20,.20) 100%),
  linear-gradient(0deg, rgba(11,15,20,.35) 0%, rgba(11,15,20,0) 40%); }
.fxb--fuar .fxb__body { max-width:600px; }
.fxb--fuar .fxb__title { font-size:32px; }
.fxb--fuar .fxb__text strong { font-weight:600; color:#fff; }

/* Bilgi kartı — alıntı kartıyla aynı dil; dikey ortalı; üstte fuar logosu */
.fxb__info { position:absolute; right:32px; top:50%; transform:translateY(-50%); z-index:0; width:300px; margin:0; padding:16px 20px 16px;
  border-radius:14px; border:1px solid var(--fxb-line); background:#fff; box-shadow:0 18px 40px -18px rgba(11,15,20,.45); color:#1c2733; }
.fxb__info-logo { display:block; width:128px; height:auto; margin:0 0 12px; }
.fxb__info dl { display:grid; grid-template-columns:auto 1fr; column-gap:16px; row-gap:8px; margin:0; padding-top:12px; border-top:1px solid var(--fxb-line); }
.fxb__info dt { margin:0; font-size:11px; line-height:16px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--fxb-muted); align-self:baseline; }
.fxb__info dd { margin:0; font-size:14px; line-height:1.45; }
.fxb__info dd.fxb__info-stand { font-size:30px; line-height:1; font-weight:700; letter-spacing:-.01em; color:#1c2733; }
.fxb__info dd.fxb__info-stand small { display:block; margin-top:4px; font-size:12.5px; font-weight:600; letter-spacing:.04em; color:var(--fxb-accent); }
.fxb__info > p { margin:12px 0 0; padding-top:11px; border-top:1px solid var(--fxb-line); font-size:12.5px; line-height:18px; color:var(--fxb-muted); }

/* Logo plakası — yalnız tablet ve mobilde görünür (masaüstünde logo kartın içinde) */
.fxb__logo { display:none; position:absolute; z-index:2; pointer-events:none; padding:8px 10px; border-radius:10px; background:#fff; box-shadow:0 10px 24px -12px rgba(11,15,20,.5); }
.fxb__logo img { display:block; width:104px; height:auto; }

@media (max-width:1199px) {
  .fxb--fuar { min-height:330px; }
  .fxb--fuar .fxb__title { font-size:28px; }
  .fxb--fuar .fxb__media img { object-position:48% 58%; }
  .fxb__info { display:none; }
  .fxb__logo { display:block; right:32px; top:32px; }        /* sağ üst; CTA sol altta — aynı eksende değiller */
}
@media (max-width:767px) {
  .fxb-sec--fuar { padding-top:0; }   /* mobilde üst/alt zaten 20/20 */
  .fxb--fuar .fxb__media { position:relative; inset:auto; width:100%; height:320px; z-index:-2; }   /* dikey kaynak görsel (<picture> media=max-width:767px) 1000×820 */
  .fxb--fuar .fxb__media img { object-position:50% 50%; }
  .fxb--fuar.fxb--koyu::before { inset:0 0 auto 0; height:321px; z-index:-1;
    background:linear-gradient(180deg, rgba(11,15,20,.05) 0%, rgba(11,15,20,.25) 60%, #0b0f14 100%); }
  .fxb--fuar .fxb__body { position:static; margin-top:-40px; }   /* static: CTA ::after tüm kartı (görsel dahil) kaplasın */
  .fxb--fuar .fxb__title { font-size:23px; }
  .fxb__logo { left:14px; top:14px; right:auto; padding:7px 9px; }   /* sol üst: render'ın boş açık duvarı */
  .fxb__logo img { width:96px; }
}