/* Site popup (resources/views/components/popup.blade.php) */
.site-popup { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.site-popup[hidden] { display: none; }
.site-popup__backdrop { position: absolute; inset: 0; background: rgba(14, 18, 29, .72); backdrop-filter: blur(3px); }

.site-popup__box { position: relative; width: 100%; max-width: 520px; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 14px; border-top: 6px solid var(--billdins-base, #FF5E14); box-shadow: 0 25px 70px rgba(0, 0, 0, .4); animation: sitePopupIn .4s ease; }
.site-popup__box::before { content: ""; position: absolute; right: -60px; bottom: -60px; width: 160px; height: 160px; border-radius: 50%; background: rgba(var(--billdins-base-rgb, 255, 94, 20), .08); pointer-events: none; }

.site-popup__body { position: relative; padding: 44px 40px 42px; text-align: center; font-family: var(--billdins-font, "Public Sans", sans-serif); }

.site-popup__label { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 13px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--billdins-gray, #4D5765); }
.site-popup__label i { width: 8px; height: 8px; border-radius: 50%; background: var(--billdins-base, #FF5E14); }
.site-popup__label i:nth-of-type(2) { opacity: .45; }
.site-popup__label i:nth-of-type(3) { opacity: .45; }

.site-popup__body h3 { margin: 0; font-family: var(--billdins-font-two, "Exo", sans-serif); font-size: 32px; font-weight: 800; line-height: 1.2; color: var(--billdins-black, #0E121D); }
.site-popup__line { display: block; width: 56px; height: 4px; margin: 18px auto 20px; border-radius: 4px; background: var(--billdins-base, #FF5E14); }
.site-popup__body p { margin: 0 0 28px; font-size: 17px; line-height: 1.7; color: var(--billdins-gray, #4D5765); }

.site-popup__btn { display: inline-block; padding: 14px 38px; border-radius: 50px; background: var(--billdins-base, #FF5E14); color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 24px rgba(var(--billdins-base-rgb, 255, 94, 20), .35); transition: transform .2s ease, background .2s ease; }
.site-popup__btn:hover { background: var(--billdins-black, #0E121D); color: #fff; transform: translateY(-2px); }

.site-popup__close { position: absolute; top: 14px; right: 14px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #F7F4ED; color: var(--billdins-black, #0E121D); cursor: pointer; transition: background .2s ease, color .2s ease; }
.site-popup__close:hover { background: var(--billdins-base, #FF5E14); color: #fff; }

@keyframes sitePopupIn { from { opacity: 0; transform: translateY(24px) scale(.96); } to { opacity: 1; transform: none; } }
@media (max-width: 575px) { .site-popup__body { padding: 40px 24px 32px; } .site-popup__body h3 { font-size: 26px; } }