/* Giriş popup'ı (yalnız yayında popup varken yüklenir) */
.promo { padding: 0; border: 0; background: transparent; max-width: min(560px, 92vw); max-height: 92vh; max-height: 92dvh; overflow: visible; }
.promo::backdrop { background: rgba(6, 26, 61, 0.62); backdrop-filter: blur(3px); }
.promo[open] { animation: promo-in 0.28s cubic-bezier(0.22, 0.61, 0.36, 1); }
.promo[open]::backdrop { animation: promo-fade 0.28s ease; }
.promo.is-closing { animation: promo-out 0.18s ease forwards; }
.promo__box { position: relative; display: grid; gap: var(--space-3); }
.promo__media { display: block; border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 24px 60px rgba(4, 18, 48, 0.45); background: var(--white); }
.promo__media img { display: block; width: 100%; height: auto; max-height: calc(92dvh - 80px); object-fit: contain; }
a.promo__media:focus-visible { box-shadow: var(--focus-ring), 0 24px 60px rgba(4, 18, 48, 0.45); }
.promo__close { position: absolute; top: -14px; right: -14px; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; border: 3px solid var(--white); border-radius: 50%; background: var(--navy-900); color: var(--white); cursor: pointer; box-shadow: 0 6px 16px rgba(4, 18, 48, 0.35); transition: background-color 0.15s ease, transform 0.15s ease; }
.promo__close:hover { background: var(--brand-700); transform: rotate(90deg); }
.promo__close .icon { width: 18px; height: 18px; }
.promo__cta { box-shadow: 0 10px 24px rgba(11, 37, 69, 0.3); }
@keyframes promo-in { from { opacity: 0; transform: translateY(16px) scale(0.97); } to { opacity: 1; transform: none; } }
@keyframes promo-out { to { opacity: 0; transform: translateY(8px) scale(0.98); } }
@keyframes promo-fade { from { opacity: 0; } }
@media (max-width: 699px) { .promo__close { top: 8px; right: 8px; } }
@media (prefers-reduced-motion: reduce) { .promo[open], .promo[open]::backdrop, .promo.is-closing, .promo__close:hover { animation: none; transform: none; } }