/* ANA SAYFA — İLAN VİDEOSU KARTI (views/partials/ilan-tanitim.php). Referans (imoframe) stili,
   bizim renklerimiz: sıcak açık gri zemin, ortalı kısa başlık, gri ikinci satır, pembe hap düğme,
   altında (masaüstünde sağda) kendiliğinden oynayan örnek video. 16 Ekim 2026. */
.ilt { margin-top: 32px; }
.ilt-kart { display: grid; gap: 28px; padding: 32px 15px 15px; border-radius: 26px; text-align: center;
  background: radial-gradient(70% 45% at 15% 0%, #FBEFF3 0%, transparent 70%), radial-gradient(60% 40% at 100% 100%, #F1EEE9 0%, transparent 70%), #F6F5F2; }
.ilt-yazi { display: grid; justify-items: center; gap: 0; }
.ilt-rozet { background: #222; color: #fff; border-radius: 999px; padding: 4px 11px; font-size: 12px; font-weight: 700; margin-bottom: 16px; }
.ilt .ilt-baslik { margin: 0 0 12px; font-size: 30px; font-weight: 500; line-height: 1.17; letter-spacing: -0.02em; color: #222; }
.ilt .ilt-baslik span { color: #8C8C8C; }
.ilt-alt { margin: 0 0 24px; max-width: 320px; font-size: 16px; line-height: 1.5; color: #6B6B6B; }
.ilt-dugme { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 24px; border-radius: 999px; color: #fff; font-weight: 600; font-size: 15.5px;
  text-decoration: none; background: var(--ab-grad, linear-gradient(90deg, #E61E4D 0%, #E31C5F 50%, #D70466 100%)); box-shadow: 0 4px 12px rgba(215,4,102,.25); }
.ilt-video { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden; background: #222; }
.ilt-video video { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; display: block; }
.ilt-etiket { position: absolute; left: 12px; top: 12px; background: rgba(255,255,255,.92); color: #222; border-radius: 999px; padding: 5px 11px; font-size: 12.5px; font-weight: 600; }
@media (min-width: 860px) {
  .ilt { margin-top: 56px; }
  .ilt-kart { grid-template-columns: 1.1fr .9fr; align-items: center; gap: 40px; padding: 40px; text-align: left; }
  .ilt-yazi { justify-items: start; }
  .ilt .ilt-baslik { font-size: 44px; }
  .ilt-alt { max-width: 420px; font-size: 17px; }
  .ilt-video { aspect-ratio: 4 / 5; max-width: 380px; justify-self: end; width: 100%; }
}