/*
 * İLAN VİDEOSU — videonun üstündeki yazılar (public/assets/ilan-bant.js).
 * Sayfada ve videoda AYNI dosya. Bütün ölçüler --u (kısa kenarın %1'i).
 * AdaparselX dili: Figtree, #222 mürekkep, pembe vurgu #E31C5F, 8'lik köşe.
 */
.ib { position: absolute; inset: 0; overflow: hidden; pointer-events: none;
  font-family: Figtree, IlanPara, 'Noto Sans', system-ui, sans-serif; color: #fff; --u: 3.6px;
  --pembe: #E31C5F; --kenar: calc(var(--u) * 5.5); -webkit-font-smoothing: antialiased; }
.ib * { box-sizing: border-box; }

/* ---- İlan bilgisi ---- */
.ib-bilgi { position: absolute; left: var(--kenar); right: var(--kenar); bottom: calc(var(--kenar) * 1.4);
  transform: scale(var(--olcek, 1)); transform-origin: left bottom; }
.ib-bilgi.ib-ust-bant, .ib-perde.ib-ust-bant { bottom: calc(var(--u) * 20); }
.ib-fiyat { font-weight: 800; letter-spacing: -0.02em; line-height: 1.02; }
.ib-sehir { font-weight: 600; }
.ib-oz { font-weight: 500; }

/* Lüks: koyu perde, büyük fiyat, ince pembe çizgili şehir. */
.ib-perde { position: absolute; left: 0; right: 0; bottom: 0; height: 46%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.28) 45%, rgba(0,0,0,.62)); }
.ib-perde.ib-ust-bant { bottom: 0; height: 60%; }
.ib-luks .ib-sehir { font-size: calc(var(--u) * 3.3); text-transform: uppercase; letter-spacing: .14em;
  display: flex; align-items: center; gap: calc(var(--u) * 2); margin-bottom: calc(var(--u) * 1.4); }
.ib-luks .ib-sehir::before { content: ''; width: calc(var(--u) * 6); height: max(2px, calc(var(--u) * .45)); background: var(--pembe); }
.ib-luks .ib-fiyat { font-size: calc(var(--u) * 9.5); text-shadow: 0 calc(var(--u) * .3) calc(var(--u) * 2) rgba(0,0,0,.25); }
.ib-luks .ib-oz { font-size: calc(var(--u) * 3.4); margin-top: calc(var(--u) * 1.6); opacity: .92; }

/* Hap: beyaz kapsüller, fiyat pembe. */
.ib-bilgi.ib-hap { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 1.5); align-items: center; }
.ib-hap { display: inline-block; background: rgba(255,255,255,.94); color: #222; border-radius: 999px;
  padding: calc(var(--u) * 1.3) calc(var(--u) * 2.8); font-size: calc(var(--u) * 3.3); font-weight: 600;
  box-shadow: 0 calc(var(--u) * .4) calc(var(--u) * 2) rgba(0,0,0,.18); }
.ib-hap-fiyat { background: var(--pembe); color: #fff; font-weight: 800; font-size: calc(var(--u) * 4); }

/* Şerit: beyaz kart, solda pembe çizgi. */
.ib-bilgi.ib-serit { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 3);
  background: #fff; color: #222; border-radius: calc(var(--u) * 2.2); padding: calc(var(--u) * 3) calc(var(--u) * 3.6);
  border-left: calc(var(--u) * 1.1) solid var(--pembe); box-shadow: 0 calc(var(--u) * .8) calc(var(--u) * 4) rgba(0,0,0,.22); }
.ib-serit .ib-fiyat { font-size: calc(var(--u) * 6); }
.ib-serit .ib-sehir { font-size: calc(var(--u) * 3); color: #6A6A6A; margin-top: calc(var(--u) * .6); }
.ib-serit .ib-oz { font-size: calc(var(--u) * 3); color: #222; text-align: right; }

/* Minimal: sol üstte, gölgeli yazı, zemin yok. */
.ib-bilgi.ib-minimal { top: var(--kenar); bottom: auto; transform-origin: left top;
  text-shadow: 0 1px calc(var(--u) * 1.6) rgba(0,0,0,.55); }
.ib-minimal .ib-sehir { font-size: calc(var(--u) * 3); opacity: .95; }
.ib-minimal .ib-fiyat { font-size: calc(var(--u) * 6); margin-top: calc(var(--u) * .4); }
.ib-minimal .ib-oz { font-size: calc(var(--u) * 2.9); margin-top: calc(var(--u) * .8); }

/* ---- Logo ve iletişim ---- */
.ib-iletisim { position: absolute; display: flex; align-items: center; gap: calc(var(--u) * 2.2); }
.ib-logo { display: block; max-height: calc(var(--u) * 10); max-width: calc(var(--u) * 26); object-fit: contain; }
.ib-ad { font-weight: 700; font-size: calc(var(--u) * 3.3); }
.ib-tel { font-weight: 500; font-size: calc(var(--u) * 2.8); margin-top: calc(var(--u) * .4); }

/* İmza: sağ üst köşe, gölgeli yazı. */
.ib-iletisim.ib-d-imza { top: var(--kenar); right: var(--kenar); flex-direction: row-reverse; text-align: right;
  text-shadow: 0 1px calc(var(--u) * 1.6) rgba(0,0,0,.55); }
.ib-d-imza .ib-logo { max-height: calc(var(--u) * 9); filter: drop-shadow(0 1px calc(var(--u) * 1.2) rgba(0,0,0,.35)); }

/* Alt bant: tam genişlik beyaz bant. */
.ib-iletisim.ib-d-altbant { left: 0; right: 0; bottom: 0; height: calc(var(--u) * 16); background: #fff; color: #222;
  padding: 0 var(--kenar); border-top: max(2px, calc(var(--u) * .5)) solid var(--pembe); }
.ib-d-altbant .ib-logo { max-height: calc(var(--u) * 10); }
.ib-d-altbant .ib-tel { color: #6A6A6A; }

/* Yalnız logo: sağ üst (minimal bilgi solda). */
.ib-iletisim.ib-d-logo { top: var(--kenar); right: var(--kenar); }
.ib-iletisim.ib-d-logo .ib-logo { max-height: calc(var(--u) * 8); filter: drop-shadow(0 1px calc(var(--u) * 1.2) rgba(0,0,0,.35)); }

/* ---- Önizleme damgası (ücretsiz klip) ---- */
.ib-damga { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) rotate(-24deg);
  font-weight: 800; font-size: calc(var(--u) * 15); letter-spacing: .08em; color: rgba(255,255,255,.22);
  white-space: nowrap; text-shadow: 0 0 calc(var(--u) * 1) rgba(0,0,0,.12); }
.ib-damga-alt { position: absolute; right: var(--kenar); bottom: calc(var(--kenar) * .6); font-size: calc(var(--u) * 2.6);
  font-weight: 700; color: rgba(255,255,255,.8); text-shadow: 0 1px calc(var(--u) * 1) rgba(0,0,0,.5); }

/* Yatay video: kenar payı daha geniş, bilgi bloğu sola yaslı ve dar. */
.ib-yatay .ib-bilgi { right: auto; max-width: 60%; }
.ib-yatay .ib-bilgi.ib-serit { right: var(--kenar); max-width: none; }
.ib-yatay .ib-perde { height: 55%; }