/* bla-popup.css - khung popup tư vấn (#popup-tuvan). Nhỏ gọn: nạp mọi trang; phần kiểu nội dung (bla-ux.css) chỉ nạp khi mở lần đầu. */
.bla-ux-lightbox { position: fixed; inset: 0; margin: auto; padding: 0; width: min(94vw, 1000px); max-height: 92vh; overflow: auto; border: 0; border-radius: 8px; background: #fff; color: #000; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.bla-ux-lightbox::backdrop { background: rgba(0,0,0,.65); }
.bla-ux-lightbox__x { position: absolute; top: 6px; right: 6px; z-index: 5; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.bla-ux-lightbox__x:hover { background: #ed1c24; }
.bla-ux-lightbox__body { min-height: 120px; }
.bla-ux-lightbox__body[aria-busy="true"]::before { content: ""; display: block; width: 36px; height: 36px; margin: 40px auto; border: 4px solid #eee; border-top-color: #ed1c24; border-radius: 50%; animation: bla-spin .8s linear infinite; }
@keyframes bla-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .bla-ux-lightbox__body[aria-busy="true"]::before { animation: none; } }