/* Europort İstanbul 2026 — yatay banner 1255 × 188.
   render/yerlestir-yatay-1255x188.py üretir; elle düzenlemeyin.
   Yerleşim 690 × 90 ile birebir aynıdır: bütün piksel ölçüleri K = 1255/690 = 1.8188 ile büyütüldü.
   Bölüm 1: motorun masaüstü stillerindeki piksel değerleri (690'da ham kullanılanlar), Bölüm 2: 690 × 90 CSS'i. */

/* ---------- Bölüm 1: motor ---------- */
.eb-frame .glow{filter:blur(29.1px)}
.eb-frame .g1{width:1418.7px;height:836.67px}
.eb-frame .g2{width:1200.43px;height:1054.93px}
.eb-frame .g3{width:1054.93px;height:727.54px}
.eb-frame .L{gap:18.19px;padding:43.65px 58.2px}
.eb-frame .L::after{width:327.39px}
.eb-frame .L .logo{height:181.88px}
.eb-frame .L .date{gap:5.46px;width:552.93px}
.eb-frame .L .d1{font-size:60.02px}
.eb-frame .scene{padding:0 54.57px}
.eb-frame .scene.slog .l1,.eb-frame .scene.slog .l2{text-shadow:0 3.64px 32.74px rgba(7,10,28,.7)}
.eb-frame .scene.slog .l1{font-size:112.77px}
.eb-frame .scene.slog .l2{font-size:112.77px}
.eb-frame .scene.slog .one{font-size:109.13px;text-shadow:0 3.64px 32.74px rgba(7,10,28,.7)}
.eb-frame .scene.feat{padding:0 80.03px}
.eb-frame .scene.feat .ey{font-size:27.28px;margin-bottom:25.46px;text-shadow:0 3.64px 21.83px rgba(7,10,28,.6)}
.eb-frame .scene.feat .h{font-size:90.94px;text-shadow:0 3.64px 32.74px rgba(7,10,28,.7)}
.eb-frame .scene.feat.big .h{font-size:83.67px}
.eb-frame .scene.feat .s{font-size:40.01px;margin-top:21.83px;text-shadow:0 3.64px 21.83px rgba(7,10,28,.6)}
.eb-frame .scene.statrow{padding:0 47.29px}
.eb-frame .srow{gap:54.57px}
.eb-frame .scol{padding:0 29.1px}
.eb-frame .scol .n{font-size:116.41px;text-shadow:0 3.64px 36.38px rgba(7,10,28,.7)}
.eb-frame .scol .sl{font-size:32.74px;margin-top:16.37px}
.eb-frame .scene.datesc{padding:0 72.75px}
.eb-frame .dwrap{gap:23.64px}
.eb-frame .dbig{font-size:138.23px;text-shadow:0 3.64px 32.74px rgba(7,10,28,.7)}
.eb-frame .vrow{gap:40.01px}
.eb-frame .vrow .vl,.eb-frame .vrow .vr{height:3.64px}
.eb-frame .dven{font-size:43.65px}
.eb-frame .grow{top:16.37px;bottom:16.37px;left:18.19px;right:18.19px;gap:18.19px}
.eb-frame .gt{height:331.03px;box-shadow:inset 0 0 0 1.82px rgba(222,227,255,.2),0 12.73px 32.74px rgba(0,0,0,.32)}
.eb-frame .ind-panel{background:linear-gradient(90deg,rgba(11,16,48,0) 0,var(--deep) 509.28px,var(--deep) 100%)}
.eb-frame .ind-wheel{right:25.46px;top:21.83px;bottom:21.83px;width:472.9px}
.eb-frame .ind-track{width:472.9px}
.eb-frame .si{width:472.9px;min-height:72.75px;gap:14.55px;padding:10.91px 0;font-size:36.38px;text-shadow:0 1.82px 14.55px rgba(0,0,0,.85)}
.eb-frame .si::before{width:14.55px;height:14.55px;margin-top:12.73px}
.eb-frame .g1{top:-66.42px}
.eb-frame .g2{top:18.7px}
.eb-frame .g3{bottom:-76.24px}
.eb-frame .grow{top:28.52px;bottom:28.52px}

/* ---------- Bölüm 2: 690 × 90 yerleşimi, K ile ---------- */
/* Europort İstanbul 2026 — yatay banner 1255 × 188.
   Bu dosya yalnız bu banner içindir. Sahneler, süreler, metinler, yazı tipleri ve kayıt kutusu
   dikey bannerla aynıdır; burada yalnız 690 × 90 alanın yerleşimi kurulur. */

.europort-banner .eb-frame{display:block!important;width:1255px!important;height:188px!important;overflow:hidden}
.europort-banner .eb-mob{display:none!important}

/* Sol blok: logo ve tarih */
.eb-frame .L{padding:10.91px 10.91px 10.91px 30.91px;gap:5.46px}
/* logo ve tarih 20 px sağda (yerlestir-yatay-1255x188.py 3b) */
.eb-frame .L::after{margin-left:-20px}
.eb-frame .L .logo,.eb-frame .L .date{position:relative;z-index:1}
.eb-frame .L .date{width:225.54px;gap:1.82px}

/* Sağ blok: kayıt kutusu. Metinler belgeden gelir (industries), dikey bannerdaki kırmızı kutunun
   aynısı: beyaz yazı, beyaz düğme, kırmızı zemin; yazı yanıp söner, düğme büyüyüp küçülür. */
.eb-frame .ind-panel{top:0;bottom:0;right:0;left:auto;height:100%;width:236.45px!important;
  background:none;overflow:visible;z-index:20}
.eb-frame .ind-wheel{position:absolute;inset:0;width:100%!important;height:100%;opacity:1!important;
  visibility:visible;-webkit-mask:none;mask:none;overflow:hidden;background:#E51520;border-radius:0;
  padding:10.91px 9.09px}
.eb-frame .ind-track{width:100%!important;transform:none!important;position:static;height:100%;
  flex-direction:column;justify-content:center;align-items:center;gap:12.73px}
.eb-frame .si{width:100%;min-height:0;padding:0;gap:0;justify-content:center;text-align:center;text-shadow:none}
.eb-frame .si::before{display:none}
.eb-frame .si:nth-child(1){display:block;font-size:21.83px;font-weight:900;line-height:1.15;color:#fff;
  white-space:pre-line;letter-spacing:0;animation:eby-cta-fade 1s cubic-bezier(.4,0,.6,1) infinite;
  will-change:opacity}
.eb-frame .si:nth-child(2){display:flex;align-items:center;justify-content:center;width:196.43px;height:45.47px;
  margin:0 auto;background:#fff;color:#E51520;font-size:20.01px;font-weight:900;letter-spacing:0;line-height:1;
  border-radius:9.09px;white-space:nowrap;animation:eby-cta-pulse 1.6s ease-in-out infinite;will-change:transform}
.eb-frame .si:nth-child(n+3){display:none}
@keyframes eby-cta-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes eby-cta-fade{0%,28%{opacity:1}50%{opacity:.22}72%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .eb-frame .si:nth-child(1),.eb-frame .si:nth-child(2){animation:none;opacity:1}}

/* Yazı ölçüleri: ortadaki alan 690 − 152 (logo payı) − 130 (kayıt) = 408 px */
.eb-frame .scene.slog .l1,
.eb-frame .scene.slog .l2,
.eb-frame .scene.slog .one{font-size:36.38px;line-height:1.14;white-space:pre-line}
.eb-frame .scene.feat .ey{font-size:12.73px;letter-spacing:.2em;margin-bottom:9.09px}

.eb-frame .scene.feat .h,
.eb-frame .scene.feat.big .h{font-size:36.38px;line-height:1.18;white-space:pre-line;max-width:742.09px}
.eb-frame .scene.feat .s{font-size:14.55px;margin-top:9.09px;white-space:normal;max-width:742.09px}
.eb-frame .scol .n{font-size:52.75px;line-height:.95}
.eb-frame .scol .sl{font-size:14.55px;margin-top:7.28px;letter-spacing:.04em}
.eb-frame .dbig{font-size:40.01px}
.eb-frame .dven{font-size:21.83px}
