/* IZMAIL CYBERPUNK DARK THEME v2 */

/* ===== BODY & GLOBAL ===== */
body {
    background: #080b14 !important;
    overflow-x: hidden;
}

/* Kill ALL white/light backgrounds */
body *:not(img):not(svg):not(video):not(iframe):not(canvas):not(.modal-content):not(.izmail-modal-content):not(.popup-content):not(.modal-body):not(.modal-header) {
    background-color: transparent !important;
}

/* Restore specific needed backgrounds */
.quiz-wrap,
.quiz-hero,
.izmail-page-wrapper {
    background: transparent !important;
}

/* Sections dark gradient */
.izmail-page-wrapper > div,
.izmail-page-wrapper > section,
.izmail-page-wrapper > div > div,
section,
.izmail-streets-hub,
.izmail-streets-hub .container {
    background: transparent !important;
}

/* Cards / blocks with rounded corners */
[style*="border-radius: 20px"],
[style*="border-radius: 16px"],
[style*="border-radius: 12px"],
[style*="border-radius: 8px"] {
    background: rgba(13, 17, 23, 0.9) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

[style*="border-radius"]:hover {
    border-color: rgba(0, 255, 255, 0.4) !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.15) !important;
}

/* ===== HEADINGS — BRIGHT CYAN ===== */
h1, h2, h3, h4, h5, h6,
.izmail-page-wrapper h1,
.izmail-page-wrapper h2,
.izmail-page-wrapper h3 {
    color: #00ffff !important;
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.4) !important;
}

/* ===== TEXT — BRIGHT ===== */
p, li, span, div, td, th, label,
.izmail-page-wrapper p,
.izmail-page-wrapper li,
.izmail-page-wrapper span,
.izmail-page-wrapper div {
    color: #e2e8f0 !important;
}

/* Strong — neon blue */
strong, b {
    color: #00d4ff !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5) !important;
}

/* Links */
a {
    color: #00d4ff !important;
}
a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.6) !important;
}

/* ===== DARK TEXT OVERRIDES ===== */
[style*="color: #1a1a2e"],
[style*="color: #0f172a"],
[style*="color: #1e3a5f"],
[style*="color: #333"],
[style*="color: #2d3748"],
[style*="color: #4a5568"],
[style*="color: #555"],
[style*="color: #666"],
[style*="color: #777"],
[style*="color: black"],
[style*="color: #000"] {
    color: #e2e8f0 !important;
}

/* ===== PINK → CYAN ===== */
[style*="#E91E8C"],
[style*="#e91e8c"],
[style*="rgb(233, 30, 140)"] {
    color: #00ffff !important;
}

[style*="background: linear-gradient"][style*="E91E8C"],
[style*="background: #E91E8C"],
[style*="background:#E91E8C"] {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
}

/* ===== BUTTONS — NEON GLOW ===== */
button, .btn,
[style*="cursor: pointer"][style*="border-radius"],
.izmail-cta-btn,
.izmail-form-submit,
.quiz-start-btn,
.quiz-btn {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
    color: #080b14 !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.4), 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
}

button:hover, .btn:hover,
.izmail-cta-btn:hover,
.quiz-start-btn:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.7), 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

/* ===== PRICES — NEON ===== */
[style*="font-size: 48px"],
[style*="font-size: 42px"],
[style*="font-size: 36px"],
[style*="font-size: 32px"] {
    color: #00ffff !important;
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.7), 0 0 40px rgba(0, 255, 255, 0.3) !important;
}

/* ===== FORMS ===== */
input, textarea, select {
    background: rgba(13, 17, 23, 0.9) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    color: #e2e8f0 !important;
    border-radius: 8px !important;
}

input:focus, textarea:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3) !important;
    outline: none !important;
}

input::placeholder {
    color: #586069 !important;
}

/* ===== STARS ===== */
[style*="color: gold"],
[style*="color: #FFD700"],
[style*="color: #F59E0B"] {
    color: #FFD700 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.6) !important;
}

/* ===== FAQ ===== */
.izmail-faq-item,
[style*="border-left: 4px"] {
    background: rgba(13, 17, 23, 0.9) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    border-left: 4px solid #00ffff !important;
}

.izmail-faq-item:hover,
[style*="border-left: 4px"]:hover {
    border-color: rgba(0, 255, 255, 0.5) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2) !important;
}

/* ===== REVIEW AVATARS ===== */
[style*="border-radius: 50%"][style*="background"] {
    background: linear-gradient(135deg, #00ffff, #ff00ff) !important;
    color: #080b14 !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.4) !important;
}

/* ===== STREET SEARCH ===== */
.izmail-streets-hub * {
    color: #e2e8f0 !important;
}

.izmail-streets-hub a {
    color: #00d4ff !important;
}

.izmail-streets-hub a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5) !important;
}

/* ============================================ */
/* ===== СПЕЦЭФФЕКТЫ ===== */
/* ============================================ */

/* 1. SCANLINES — полосы через весь экран */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        0deg,
        transparent 0px,
        transparent 2px,
        rgba(0, 255, 255, 0.015) 2px,
        rgba(0, 255, 255, 0.015) 4px
    );
    pointer-events: none;
    z-index: 99999;
}

/* 2. NEON BORDER на карточках */
@keyframes neonBorder {
    0%, 100% { border-color: rgba(0, 255, 255, 0.2); }
    50% { border-color: rgba(0, 255, 255, 0.5); }
}

[style*="border-radius: 16px"],
[style*="border-radius: 20px"] {
    animation: neonBorder 3s ease-in-out infinite;
}

/* 3. GLOWING HEADINGS */
@keyframes headingGlow {
    0%, 100% { text-shadow: 0 0 10px rgba(0, 255, 255, 0.3); }
    50% { text-shadow: 0 0 25px rgba(0, 255, 255, 0.6), 0 0 50px rgba(0, 255, 255, 0.2); }
}

h2, h3 {
    animation: headingGlow 4s ease-in-out infinite;
}

/* 4. BUTTON PULSE */
@keyframes btnPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(0, 255, 255, 0.4); }
    50% { box-shadow: 0 0 35px rgba(0, 255, 255, 0.7), 0 0 60px rgba(0, 255, 255, 0.3); }
}

.quiz-start-btn,
.izmail-cta-btn,
.izmail-form-submit {
    animation: btnPulse 2s ease-in-out infinite;
}

/* 5. HORIZONTAL NEON LINE */
.izmail-page-wrapper::before {
    content: '';
    position: fixed;
    top: 50%;
    left: -100%;
    width: 300%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        transparent 30%,
        #00ffff 45%,
        #ff00ff 50%,
        #00ffff 55%,
        transparent 70%,
        transparent 100%
    );
    animation: scanLine 8s linear infinite;
    pointer-events: none;
    z-index: 99998;
    opacity: 0.4;
}

@keyframes scanLine {
    0% { transform: translateX(-33%); }
    100% { transform: translateX(0%); }
}

/* 6. CARD HOVER 3D TILT */
[style*="border-radius: 16px"]:hover,
[style*="border-radius: 20px"]:hover {
    transform: translateY(-6px) perspective(1000px) rotateX(2deg) !important;
}

/* 7. GRADIENT DIVIDERS between sections */
.izmail-page-wrapper > div + div::before,
.izmail-page-wrapper > section + section::before {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.3), rgba(255, 0, 255, 0.2), transparent);
    margin: 0 auto;
    width: 80%;
}

/* 8. FOOTER DARK */
footer, .footer {
    background: #080b14 !important;
}

footer *, .footer * {
    color: #8b949e !important;
}

footer a:hover, .footer a:hover {
    color: #00ffff !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    h1, h2, h3 {
        font-size: inherit !important;
    }

    .izmail-page-wrapper::before {
        display: none; /* Убираем scan line на мобильных */
    }
}

/* ============================================ */
/* ===== EMOJI → STYLISH ICONS ===== */
/* ============================================ */

/* --- STARS: ⭐ → Stylish cyan stars --- */
.izmail-review-rating {
    font-size: 0 !important;
    line-height: 1 !important;
}
.izmail-review-rating::before {
    content: '★ ★ ★ ★ ★';
    font-size: 15px !important;
    letter-spacing: 3px;
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6) !important;
    filter: none !important;
}

/* --- General star rating text --- */
[style*="4.8 з 5"],
[style*="font-weight: 700"][style*="margin-bottom: 40px"] {
    font-size: 0 !important;
}

/* --- Feature icons: ⚡ ◈ ▣ ● → Neon styled --- */
.izmail-feature-icon {
    font-size: 0 !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(0, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    margin-bottom: 12px !important;
}

/* Icon 1: ⚡ Швидке підключення → Lightning SVG */
.izmail-feature:nth-child(1) .izmail-feature-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke=%2300ffff stroke-width=2%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M13 10V3L4 14h7v7l9-11h-7z/%3E%3C/svg%3E) center/contain no-repeat;
    font-size: 28px !important;
    filter: drop-shadow(0 0 6px rgba(0, 255, 255, 0.6));
}

/* Icon 2: ◈ Електронний договір → Document SVG */
.izmail-feature:nth-child(2) .izmail-feature-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke=%2300ffff stroke-width=2%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z/%3E%3C/svg%3E) center/contain no-repeat;
    filter: drop-shadow(0 0 6px rgba(0, 255, 255, 0.6));
}

/* Icon 3: ▣ Енергонезалежність → Battery/Shield SVG */
.izmail-feature:nth-child(3) .izmail-feature-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke=%2300ffff stroke-width=2%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z/%3E%3C/svg%3E) center/contain no-repeat;
    filter: drop-shadow(0 0 6px rgba(0, 255, 255, 0.6));
}

/* Icon 4: ● Підтримка 24/7 → Headset/Support SVG */
.izmail-feature:nth-child(4) .izmail-feature-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke=%2300ffff stroke-width=2%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z/%3E%3C/svg%3E) center/contain no-repeat;
    filter: drop-shadow(0 0 6px rgba(0, 255, 255, 0.6));
}

/* --- Power icon: ⚡ → Neon bolt --- */
.cyber-power-icon {
    font-size: 0 !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    vertical-align: middle !important;
}
.cyber-power-icon::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=%2300ffff viewBox=0 0 24 24%3E%3Cpath d=M13 10V3L4 14h7v7l9-11h-7z/%3E%3C/svg%3E) center/contain no-repeat;
    filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.8));
    font-size: 32px !important;
}

/* --- Modal success icon: ✅ → Neon check --- */
.izmail-modal-icon {
    font-size: 0 !important;
}
.izmail-modal-icon::before {
    content: '';
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg fill=none viewBox=0 0 24 24 stroke=%2300ffff stroke-width=2%3E%3Cpath stroke-linecap=round stroke-linejoin=round d=M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z/%3E%3C/svg%3E) center/contain no-repeat;
    filter: drop-shadow(0 0 12px rgba(0, 255, 255, 0.7));
    font-size: 64px !important;
}

/* --- Checkmarks: ✓ in lists → Neon styled --- */
li {
    list-style: none !important;
    position: relative !important;
    padding-left: 24px !important;
}

/* --- Stats icons glow --- */
.izmail-stat-number {
    color: #00ffff !important;
    text-shadow: 0 0 15px rgba(0, 255, 255, 0.6), 0 0 30px rgba(0, 255, 255, 0.3) !important;
    font-weight: 800 !important;
}

.izmail-stat-label {
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
}

/* --- FAQ icons: ❓ ⏱️ → styled --- */
.izmail-faq-item p[style*="font-size: 18px"],
.izmail-faq-item p[style*="font-weight: 700"] {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.3) !important;
}

/* --- Global: All remaining emojis → monochrome neon filter --- */
/* Catches: 📍🔥💼☎️ and any other inline emojis */


/* --- Footer emoji → hide via CSS filter --- */
footer a[href*="pokrittya"],
footer a[href*="izmail"],
footer a[href*="tender-odesa"],
.footer a[href*="pokrittya"],
.footer a[href*="izmail"],
.footer a[href*="tender-odesa"] {
    font-size: 0 !important;
}

footer a[href*="pokrittya"]::before,
.footer a[href*="pokrittya"]::before {
    content: '◎ Карта покриття (327 н.п.)';
    font-size: 14px !important;
    color: #00d4ff !important;
}

footer a[href*="pidklyuchit-internet-izmail"]::before,
.footer a[href*="pidklyuchit-internet-izmail"]::before {
    content: '◈ Інтернет в Ізмаїлі';
    font-size: 14px !important;
    color: #ff4081 !important;
}

footer a[href*="tender-odesa"]::before,
.footer a[href*="tender-odesa"]::before {
    content: '◆ Менеджер Одеса';
    font-size: 14px !important;
    color: #00d4ff !important;
}

/* --- SVG icons inherit neon color --- */
.izmail-page-wrapper svg {
    color: #00ffff !important;
    filter: drop-shadow(0 0 4px rgba(0, 255, 255, 0.5));
}

/* --- ★ stars styling --- */
.izmail-review-rating::before {
    content: '★ ★ ★ ★ ★' !important;
    font-size: 15px !important;
    letter-spacing: 3px !important;
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6) !important;
}

/* --- Hide JS alert emojis (⚠❌) - they're in alerts, not visible in page --- */

/* ============================================ */
/* ===== MODALS — DARK STYLED ===== */
/* ============================================ */

/* --- Izmail custom modal --- */
.izmail-modal {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(10px) !important;
}

.izmail-modal .izmail-modal-content {
    background: #131a2b !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.15), 0 20px 60px rgba(0, 0, 0, 0.6) !important;
    border-radius: 20px !important;
}

.izmail-modal .izmail-modal-title {
    color: #00ffff !important;
    text-shadow: 0 0 15px rgba(0, 255, 255, 0.4) !important;
}

.izmail-modal .izmail-modal-close {
    color: #8b949e !important;
    font-size: 28px !important;
}

.izmail-modal .izmail-modal-close:hover {
    color: #00ffff !important;
}

.izmail-modal .izmail-form-label {
    color: #e2e8f0 !important;
}

.izmail-modal .izmail-form-control {
    background: rgba(0, 20, 40, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    color: #e2e8f0 !important;
    border-radius: 10px !important;
}

.izmail-modal .izmail-form-control:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.3) !important;
}

.izmail-modal .izmail-form-submit {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
    color: #080b14 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.4) !important;
}

.izmail-modal .izmail-form-submit:hover {
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.7) !important;
    transform: translateY(-2px) !important;
}

/* --- Bootstrap modal (internetOrderModal) --- */
#internetOrderModal .modal-content {
    background: #131a2b !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.15), 0 20px 60px rgba(0, 0, 0, 0.6) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

#internetOrderModal .modal-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.15) !important;
}

#internetOrderModal .modal-header .close {
    color: #8b949e !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

#internetOrderModal .modal-header .close:hover {
    color: #00ffff !important;
}

#internetOrderModal .modal__send-title {
    color: #00ffff !important;
    text-shadow: 0 0 15px rgba(0, 255, 255, 0.4) !important;
    font-size: 22px !important;
}

#internetOrderModal .modal__send-offer {
    color: #e2e8f0 !important;
}

#internetOrderModal .modal__send-offer .prise {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5) !important;
    font-weight: 800 !important;
}

#internetOrderModal .modal__send-form-item {
    background: rgba(0, 20, 40, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    color: #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
}

#internetOrderModal .modal__send-form-item:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.3) !important;
}

#internetOrderModal .modal__send-form-item::placeholder {
    color: #586069 !important;
}

#internetOrderModal .modal__send-form-btn {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
    color: #080b14 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.4) !important;
    padding: 14px 24px !important;
}

#internetOrderModal .modal__send-form-btn:hover {
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.7) !important;
    transform: translateY(-2px) !important;
}

#internetOrderModal .modal__send-worktime {
    color: #8b949e !important;
}

#internetOrderModal .modal-body {
    background: transparent !important;
}

/* --- Modal backdrop dark --- */
.modal-backdrop.in,
.modal-backdrop.show {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    opacity: 1 !important;
}

/* --- Success modal --- */
#izmail-success-modal .izmail-modal-content {
    background: #131a2b !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    box-shadow: 0 0 50px rgba(0, 255, 255, 0.2) !important;
}

#izmail-success-modal svg {
    color: #00ffff !important;
    filter: drop-shadow(0 0 12px rgba(0, 255, 255, 0.6)) !important;
}

/* --- Popup modals (delay, scroll, exit) --- */
.popup-overlay .popup-content {
    background: #131a2b !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.15) !important;
}

.popup-overlay .popup-header {
    border-radius: 24px 24px 0 0 !important;
}

.popup-overlay .popup-input {
    background: rgba(0, 20, 40, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    color: #e2e8f0 !important;
}

.popup-overlay .popup-input:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.3) !important;
}

.popup-overlay .popup-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
}

.popup-overlay .popup-close:hover {
    background: rgba(0, 255, 255, 0.2) !important;
    color: #00ffff !important;
}

/* ============================================ */
/* ===== STREET SEARCH — ENLARGED + MATRIX ===== */
/* ============================================ */

.izmail-street-search {
    padding: 60px 0 !important;
    position: relative !important;
}

.izmail-search-container {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.izmail-search-title {
    font-size: 2.2rem !important;
    color: #00ffff !important;
    text-shadow: 0 0 25px rgba(0, 255, 255, 0.5) !important;
    text-align: center !important;
    margin-bottom: 32px !important;
}

.izmail-search-box {
    display: flex !important;
    gap: 0 !important;
    position: relative !important;
    max-width: 700px !important;
    margin: 0 auto !important;
}

/* --- MATRIX INPUT --- */
.izmail-search-input {
    flex: 1 !important;
    padding: 22px 28px !important;
    font-size: 20px !important;
    font-family: 'Courier New', 'Consolas', monospace !important;
    background: rgba(0, 10, 20, 0.95) !important;
    border: 2px solid rgba(255, 0, 64, 0.4) !important;
    border-right: none !important;
    border-radius: 16px 0 0 16px !important;
    color: #ff0040 !important;
    outline: none !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 8px rgba(255, 0, 64, 0.6) !important;
    transition: all 0.3s ease !important;
    caret-color: #ff0040 !important;
}

.izmail-search-input::placeholder {
    color: rgba(0, 255, 255, 0.3) !important;
    font-family: 'Courier New', 'Consolas', monospace !important;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.2) !important;
    letter-spacing: 2px !important;
}

.izmail-search-input:focus {
    border-color: #ff0040 !important;
    box-shadow: 0 0 25px rgba(255, 0, 64, 0.3), inset 0 0 20px rgba(255, 0, 64, 0.05) !important;
    background: rgba(0, 5, 15, 0.98) !important;
}

/* --- SEARCH BUTTON --- */
.izmail-search-btn {
    padding: 22px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #ff0040 0%, #cc0033 100%) !important;
    color: #fff !important;
    border: 2px solid #ff0040 !important;
    border-radius: 0 16px 16px 0 !important;
    cursor: pointer !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(255, 0, 64, 0.3) !important;
    white-space: nowrap !important;
}

.izmail-search-btn:hover {
    background: linear-gradient(135deg, #ff1a57 0%, #ff0040 100%) !important;
    box-shadow: 0 0 40px rgba(255, 0, 64, 0.6) !important;
    transform: none !important;
}

.izmail-search-btn .search-icon {
    display: inline-block !important;
    margin-right: 4px !important;
}

/* --- HINT --- */
.izmail-search-hint {
    text-align: center !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 14px !important;
    margin-top: 12px !important;
}

/* --- SEARCH RESULTS --- */
.izmail-search-results {
    display: none;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 700px !important;
    margin: 4px auto 0 !important;
    background: rgba(8, 12, 24, 0.98) !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 255, 255, 0.1) !important;
    z-index: 1000 !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    backdrop-filter: blur(20px) !important;
}

.izmail-search-result-item {
    display: block !important;
    padding: 16px 20px !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.08) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.izmail-search-result-item:last-child {
    border-bottom: none !important;
}

.izmail-search-result-item:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    padding-left: 28px !important;
}

.izmail-result-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    margin-bottom: 6px !important;
}

.izmail-result-name mark {
    background: rgba(255, 0, 64, 0.3) !important;
    color: #ff0040 !important;
    padding: 1px 3px !important;
    border-radius: 3px !important;
    text-shadow: 0 0 6px rgba(255, 0, 64, 0.4) !important;
}

.izmail-result-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13px !important;
}

.izmail-result-district {
    color: rgba(255, 255, 255, 0.5) !important;
}

.izmail-result-coverage {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.coverage-bar {
    display: inline-block !important;
    width: 50px !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.coverage-fill {
    display: block !important;
    height: 100% !important;
    border-radius: 2px !important;
    transition: width 0.5s ease !important;
    box-shadow: 0 0 6px currentColor !important;
}

.izmail-search-no-result {
    padding: 20px !important;
    text-align: center !important;
    color: #ff6b6b !important;
    font-size: 15px !important;
}

/* --- SCROLLBAR for results --- */
.izmail-search-results::-webkit-scrollbar {
    width: 6px;
}
.izmail-search-results::-webkit-scrollbar-track {
    background: transparent;
}
.izmail-search-results::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 255, 0.2);
    border-radius: 3px;
}

/* --- Mobile --- */
@media (max-width: 768px) {
    .izmail-search-title {
        font-size: 1.5rem !important;
    }
    .izmail-search-box {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .izmail-search-input {
        border-radius: 12px !important;
        border-right: 2px solid rgba(255, 0, 64, 0.4) !important;
        font-size: 18px !important;
        padding: 18px 20px !important;
    }
    .izmail-search-btn {
        border-radius: 12px !important;
        padding: 16px 24px !important;
    }
    .izmail-search-results {
        position: relative !important;
        margin-top: 8px !important;
    }
}

/* ============================================ */
/* ===== TELEGRAM CTA — CYBERPUNK BUTTON ===== */
/* ============================================ */

.tg-cyber-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 255, 255, 0.1);
}

.tg-cyber-cta-text {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.tg-cyber-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, #0088cc 0%, #00aaff 40%, #00ffff 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow:
        0 0 20px rgba(0, 136, 204, 0.4),
        0 0 40px rgba(0, 255, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Scanline overlay on button */
.tg-cyber-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 45%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.1) 55%,
        transparent 100%
    );
    transition: left 0.6s ease;
}

.tg-cyber-btn:hover::before {
    left: 100%;
}

.tg-cyber-btn:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow:
        0 0 30px rgba(0, 136, 204, 0.6),
        0 0 60px rgba(0, 255, 255, 0.3),
        0 10px 30px rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.tg-cyber-btn:active {
    transform: translateY(-1px) scale(0.98) !important;
}

/* Telegram icon inside button */
.tg-cyber-btn svg {
    width: 22px !important;
    height: 22px !important;
    fill: #fff !important;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5)) !important;
    flex-shrink: 0 !important;
    color: #fff !important;
}

/* Pulsing glow animation */
@keyframes tgPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(0, 136, 204, 0.4), 0 0 40px rgba(0, 255, 255, 0.15); }
    50% { box-shadow: 0 0 30px rgba(0, 136, 204, 0.6), 0 0 60px rgba(0, 255, 255, 0.3); }
}

.tg-cyber-btn {
    animation: tgPulse 3s ease-in-out infinite !important;
}

/* Sub text */
.tg-cyber-sub {
    display: block !important;
    text-align: center !important;
    color: rgba(0, 255, 255, 0.5) !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    letter-spacing: 1px !important;
}

/* Full-width variant */
.tg-cyber-block {
    text-align: center !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(0, 255, 255, 0.1) !important;
}

.tg-cyber-block .tg-cyber-label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

/* Existing telegram CTA section restyle */
.izmail-telegram-cta {
    text-align: center !important;
    padding: 40px 20px !important;
}

.izmail-telegram-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 18px 36px !important;
    background: linear-gradient(135deg, #0088cc 0%, #00aaff 40%, #00ffff 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 16px !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    box-shadow: 0 0 25px rgba(0, 136, 204, 0.5), 0 0 50px rgba(0, 255, 255, 0.2) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    transition: all 0.4s ease !important;
    animation: tgPulse 3s ease-in-out infinite !important;
    position: relative !important;
    overflow: hidden !important;
}

.izmail-telegram-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.15) 50%,
        transparent 100%
    );
    transition: left 0.6s ease;
}

.izmail-telegram-btn:hover::before {
    left: 100%;
}

.izmail-telegram-btn:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 0 40px rgba(0, 136, 204, 0.7), 0 0 80px rgba(0, 255, 255, 0.3) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ===== QUIZ DARK OVERRIDES — v1 16.02.2026 ===== */
.quiz-wrap {
    background: transparent !important;
}

.quiz-step {
    background: rgba(13, 17, 23, 0.95) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

.quiz-step-title {
    color: #00ffff !important;
}

.quiz-question {
    color: #e2e8f0 !important;
    font-size: 22px !important;
}

.quiz-option {
    background: rgba(0, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    color: #e2e8f0 !important;
}

.quiz-option:hover {
    background: rgba(0, 255, 255, 0.12) !important;
    border-color: rgba(0, 255, 255, 0.5) !important;
}

.quiz-option.selected {
    background: rgba(0, 255, 255, 0.15) !important;
    border-color: #00ffff !important;
    color: #00ffff !important;
}

.quiz-option-icon {
    color: #00ffff !important;
}

.quiz-popular {
    color: #00ff88 !important;
}

.quiz-input {
    background: rgba(0, 255, 255, 0.08) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    color: #e2e8f0 !important;
}

.quiz-input::placeholder {
    color: rgba(226, 232, 240, 0.7) !important;
}

.quiz-input:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.2) !important;
    background: rgba(0, 255, 255, 0.08) !important;
}

.quiz-progress {
    background: rgba(0, 255, 255, 0.1) !important;
}

.quiz-progress-bar {
    background: linear-gradient(90deg, #00ffff, #00ff88) !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.5) !important;
}

/* РЕЗУЛЬТАТ — dark theme */
.quiz-result {
    text-align: center;
}

.quiz-result-title {
    color: #00ff88 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    text-shadow: 0 0 20px rgba(0, 255, 136, 0.4) !important;
}

.quiz-tariff {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.08), rgba(0, 255, 255, 0.06)) !important;
    border: 1px solid rgba(0, 255, 136, 0.2) !important;
    border-radius: 16px !important;
    padding: 30px !important;
}

.quiz-tariff-price {
    color: #00ff88 !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    text-shadow: 0 0 30px rgba(0, 255, 136, 0.5) !important;
}

.quiz-tariff-features {
    text-align: left !important;
    margin-top: 20px !important;
}

.quiz-tariff-features div {
    color: #e2e8f0 !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.1) !important;
    padding: 8px 0 !important;
}

.quiz-places {
    background: rgba(0, 255, 255, 0.08) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    color: #00ffff !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 16px !important;
}

.quiz-timer {
    background: rgba(255, 68, 68, 0.1) !important;
    border: 1px solid rgba(255, 68, 68, 0.2) !important;
    color: #ff6666 !important;
    border-radius: 12px !important;
    padding: 16px !important;
}

.quiz-final-form {
    background: rgba(0, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 255, 255, 0.1) !important;
    border-radius: 16px !important;
}

.quiz-final-btn {
    background: linear-gradient(135deg, #00ff88, #00cc6a) !important;
    color: #080b14 !important;
    font-weight: 700 !important;
    box-shadow: 0 0 25px rgba(0, 255, 136, 0.4) !important;
}

.quiz-final-btn:hover {
    box-shadow: 0 0 40px rgba(0, 255, 136, 0.6) !important;
    transform: translateY(-2px) !important;
}

.quiz-hero {
    background: transparent !important;
}

.glitch-title,
.quiz-hero h1 {
    color: #00ffff !important;
    text-shadow: 0 0 30px rgba(0, 255, 255, 0.5) !important;
}

.quiz-sub {
    color: #a0aec0 !important;
}

.quiz-stat {
    color: #718096 !important;
}

/* Exit popup dark */
.quiz-exit-popup {
    background: rgba(0, 0, 0, 0.7) !important;
}

.quiz-exit-content {
    background: rgba(13, 17, 23, 0.98) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.15) !important;
}

.quiz-exit-content h3 {
    color: #00ffff !important;
}

/* Quiz success */
.quiz-success {
    background: rgba(13, 17, 23, 0.95) !important;
}

/* ═══ Phone input fields (tel-wrapper, coverage form) dark theme ═══ */
.izmail-tel-wrapper {
    background: rgba(0, 20, 40, 0.8) !important;
    border-color: rgba(0, 255, 255, 0.25) !important;
}

.izmail-tel-wrapper:focus-within {
    border-color: #00ffff !important;
    background: rgba(0, 20, 40, 0.95) !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.2) !important;
}

.izmail-tel-prefix {
    color: #ffffff !important;
}

.izmail-tel-wrapper input,
.izmail-phone-input {
    color: #e2e8f0 !important;
}

.izmail-tel-wrapper input::placeholder,
.izmail-phone-input::placeholder {
    color: rgba(226, 232, 240, 0.5) !important;
}

/* Coverage form dark theme */
.izmail-coverage-form {
    background: rgba(13, 17, 23, 0.9) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.1) !important;
}

.izmail-coverage-form:hover {
    box-shadow: 0 0 30px rgba(0, 255, 255, 0.2) !important;
}

.izmail-coverage-form .izmail-form-control {
    background: rgba(0, 20, 40, 0.8) !important;
    border-color: rgba(0, 255, 255, 0.25) !important;
    color: #e2e8f0 !important;
}

.izmail-coverage-form .izmail-form-control:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.2) !important;
}

.izmail-coverage-form .izmail-form-control::placeholder {
    color: rgba(226, 232, 240, 0.5) !important;
}

.izmail-coverage-form label,
.izmail-coverage-form .izmail-form-label {
    color: #e2e8f0 !important;
}

.izmail-coverage-form .izmail-form-submit {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
    color: #080b14 !important;
}

/* ═══ Exit Popup — dark theme (16.02.2026) ═══ */
.quiz-exit-content button[onclick*="quiz-exit"],
.quiz-exit-content button[style*="color:#666"] {
    color: #e2e8f0 !important;
}

.quiz-exit-content button[onclick*="quiz-exit"]:hover,
.quiz-exit-content button[style*="color:#666"]:hover {
    color: #00ffff !important;
}

.quiz-exit-content {
    color: #e2e8f0 !important;
}

.quiz-exit-content p {
    color: #e2e8f0 !important;
}

.quiz-exit-content .quiz-input {
    color: #ffffff !important;
    background: rgba(0, 255, 255, 0.08) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
}

.quiz-exit-content .quiz-input::placeholder {
    color: rgba(226, 232, 240, 0.7) !important;
}

.quiz-exit-content .quiz-btn {
    background: linear-gradient(135deg, #00ffff 0%, #0088ff 100%) !important;
    color: #080b14 !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.4) !important;
}