/* Cookie banner color & overlap fixes (overrides) */
                    #cookie-banner {
                        position: fixed;
                        left: 16px;
                        right: 16px;
                        bottom: 120px; /* default raised to avoid overlapping contact block on wide screens */
                        z-index: 40; /* sit below fixed contact buttons and modals */
                        background: #ffffff; /* light background for best readability */
                        color: #111827; /* dark text */
                        border: 1px solid rgba(16,24,40,0.06);
                        box-shadow: 0 6px 18px rgba(15,23,42,0.12);
                        border-radius: 12px;
                        padding: 14px 54px 14px 16px; /* reserve space on the right for the close button */
                        display: none;
                        align-items: center;
                        justify-content: space-between;
                        gap: 12px;
                        max-width: 980px;
                        margin: 0 auto;
                        transform: translateY(8px);
                        opacity: 0;
                        transition: transform 220ms cubic-bezier(.2,.9,.3,1), opacity 180ms ease;
                        pointer-events: none;
                    }

                    #cookie-banner.show {
                        display: flex;
                        transform: translateY(0);
                        opacity: 1;
                        pointer-events: auto;
                    }

                    #cookie-banner .cookie-inner {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    #cookie-banner .cookie-text {
                        color: #111827;
                        font-size: 14px;
                        line-height: 1.4;
                        margin: 0;
                        font-family: Georgia, 'Times New Roman', serif; /* warmer serif */
                        font-style: italic;
                    }

                    #cookie-banner .cookie-actions {
                        display: flex;
                        gap: 8px;
                        align-items: center;
                    }

                    #cookie-banner .cookie-btn {
                        background: #0078d4; /* primary blue */
                        color: #ffffff;
                        border: none;
                        padding: 9px 14px;
                        border-radius: 8px;
                        font-weight: 600;
                        cursor: pointer;
                    }

                    /* close button in banner */
                    .cookie-close {
                        position: absolute;
                        top: 8px;
                        right: 12px;
                        background: transparent;
                        border: none;
                        font-size: 20px;
                        line-height: 1;
                        color: #e11d48; /* red */
                        cursor: pointer;
                        padding: 6px;
                        border-radius: 6px;
                    }
                    .cookie-close:hover { background: rgba(225,29,72,0.08); color: #b91c1c; }

                    #cookie-banner .cookie-link {
                        color: #0078d4;
                        background: transparent;
                        border: 1px solid rgba(0,120,212,0.12);
                        padding: 8px 12px;
                        border-radius: 8px;
                        text-decoration: none;
                        font-weight: 500;
                    }

                    /* On small screens move the banner up so it doesn't cover fixed contact buttons */
                    @media (max-width: 720px) {
                        #cookie-banner {
                            bottom: 86px; /* leave room for fixed bottom buttons */
                            padding: 12px;
                            left: 12px;
                            right: 12px;
                        }

                        #cookie-banner .cookie-inner {
                            flex-direction: column;
                            align-items: flex-start;
                        }

                        #cookie-banner .cookie-actions {
                            width: 100%;
                            justify-content: flex-end;
                        }
                    }

                    @media (max-width: 700px) {
                        .update-banner {
                            flex-direction: column;
                            align-items: flex-start;
                            font-size: 0.98rem;
                            padding: 12px 6px 12px 6px;
                            border-radius: 0 0 10px 10px;
                            gap: 10px;
                        }
                        .update-banner__icon {
                            font-size: 1.4rem;
                            margin-bottom: 4px;
                            margin-right: 0;
                        }
                        .update-banner__title {
                            font-size: 1.05rem;
                            margin-bottom: 2px;
                        }
                        .update-banner__desc {
                            font-size: 0.97rem;
                            margin-bottom: 6px;
                        }
                        .update-banner__toggle.modern,
                        .update-banner__toggle.modern.close-btn {
                            width: 100%;
                            font-size: 1rem;
                            padding: 10px 0;
                            margin-bottom: 0;
                            border-radius: 7px;
                        }
                        .update-banner__details {
                            font-size: 0.97rem;
                            padding: 0 0 0 0;
                        }
                        .update-banner__details-footer {
                            margin-top: 8px;
                        }
                    }
                    @media (max-width: 420px) {
                        .update-banner {
                            font-size: 0.93rem;
                            padding: 8px 2px 8px 2px;
                        }
                        .update-banner__toggle.modern,
                        .update-banner__toggle.modern.close-btn {
                            font-size: 0.97rem;
                            padding: 9px 0;
                        }
                        .update-banner__title {
                            font-size: 0.98rem;
                        }
                    }
                    /* === Глобальная плашка о большом обновлении === */
                    .update-banner {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 18px;
                        background: linear-gradient(90deg, #0ea5e9 0%, #06b6d4 100%);
                        color: #fff;
                        padding: 22px 16px 22px 12px;
                        border-radius: 0 0 18px 18px;
                        box-shadow: 0 8px 32px rgba(14, 165, 233, 0.13), 0 2px 8px rgba(6, 182, 212, 0.09);
                        font-family: 'Inter', system-ui, Arial, sans-serif;
                        font-size: 1.15rem;
                        font-weight: 500;
                        margin-bottom: 18px;
                        position: relative;
                        z-index: 100;
                        animation: banner-fade-in 1.2s cubic-bezier(.4,0,.2,1);
                    }
                    .update-banner__icon {
                        font-size: 2.2rem;
                        color: #fff700;
                        filter: drop-shadow(0 2px 8px #fff70044);
                        flex-shrink: 0;
                        margin-right: 8px;
                        animation: banner-bounce 1.8s infinite cubic-bezier(.4,0,.2,1);
                    }
                    .update-banner__content {
                        display: flex;
                        flex-direction: column;
                        gap: 2px;
                    }
                    .update-banner__title {
                        font-size: 1.25rem;
                        font-weight: 700;
                        letter-spacing: 1px;
                        margin-bottom: 2px;
                        text-shadow: 0 2px 8px rgba(0,0,0,0.08);
                    }
                    .update-banner__desc {
                        font-size: 1rem;
                        font-weight: 400;
                        opacity: 0.97;
                        text-shadow: 0 1px 4px rgba(0,0,0,0.06);
                        margin-bottom: 8px;
                    }

                    .update-banner__toggle.modern {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                        background: rgba(255,255,255,0.15);
                        color: #fff;
                        border: 1.5px solid rgba(255,255,255,0.35);
                        border-radius: 10px;
                        padding: 10px 24px;
                        font-size: 1.1rem;
                        font-weight: 600;
                        letter-spacing: 0.3px;
                        cursor: pointer;
                        margin-bottom: 2px;
                        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                        outline: none;
                        backdrop-filter: blur(8px);
                        box-shadow: 0 4px 16px rgba(0,0,0,0.1);
                    }
                    .update-banner__toggle.modern:hover, .update-banner__toggle.modern:focus {
                        background: rgba(255,255,255,0.25);
                        border-color: rgba(255,255,255,0.5);
                        box-shadow: 0 6px 20px rgba(0,0,0,0.15);
                        transform: translateY(-2px);
                    }
                    .update-banner__toggle.modern i {
                        font-size: 1.1em;
                        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                    }
                    .update-banner__toggle.modern:hover i {
                        transform: translateY(-2px);
                    }
                    .update-banner__toggle.modern.close-btn {
                        margin: 18px auto 0 auto;
                        display: flex;
                        justify-content: center;
                        background: rgba(255,255,255,0.15);
                        color: #fff;
                        border: 1.5px solid rgba(255,255,255,0.35);
                        border-radius: 10px;
                        padding: 10px 24px;
                        font-size: 1.1rem;
                        font-weight: 600;
                        letter-spacing: 0.3px;
                        cursor: pointer;
                        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                        outline: none;
                        backdrop-filter: blur(8px);
                        box-shadow: 0 4px 16px rgba(0,0,0,0.1);
                    }
                    .update-banner__toggle.modern.close-btn:hover, .update-banner__toggle.modern.close-btn:focus {
                        background: rgba(255,255,255,0.25);
                        border-color: rgba(255,255,255,0.5);
                        box-shadow: 0 6px 20px rgba(0,0,0,0.15);
                        transform: translateY(-2px);
                    }
                    .update-banner__details-footer {
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        margin-top: 10px;
                    }
                    .update-banner__details {
                        background: linear-gradient(90deg, #0ea5e9 0%, #06b6d4 100%);
                        color: #fff;
                        border-radius: 0 0 14px 14px;
                        margin-top: 8px;
                        padding: 0 2px 0 0;
                        font-size: 0.98rem;
                        box-shadow: none;
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height 0.5s cubic-bezier(.4,0,.2,1);
                    }
                    .update-banner__details p {
                        margin: 8px 0 8px 0;
                        line-height: 1.5;
                    }
                    @media (max-width: 700px) {
                        .update-banner {
                            flex-direction: column;
                            align-items: flex-start;
                            font-size: 1rem;
                            padding: 16px 8px 16px 8px;
                            border-radius: 0 0 12px 12px;
                        }
                        .update-banner__icon {
                            font-size: 1.6rem;
                            margin-bottom: 6px;
                        }
                        .update-banner__title {
                            font-size: 1.08rem;
                        }
                    }
                    @keyframes banner-fade-in {
                        from { opacity: 0; transform: translateY(-30px); }
                        to { opacity: 1; transform: translateY(0); }
                    }
                    @keyframes banner-bounce {
                        0%, 100% { transform: translateY(0); }
                        50% { transform: translateY(-7px) scale(1.08); }
                    }
                    /* Modern stylesheet — improved typography, spacing and components */
                    :root {
                    --bg: #0f1724; /* dark accent for header shapes */
                    --primary: #0ea5e9; /* cyan */
                    --accent: #06b6d4;
                    --muted: #64748b;
                    --card-bg: #ffffff;
                    --surface: #f8fafc;
                    --text: #0f1724;
                    --rounded: 12px;
                    --glass: rgba(255,255,255,0.8);
                    --shadow-sm: 0 6px 18px rgba(15,23,36,0.08);
                    --shadow-md: 0 10px 30px rgba(15,23,36,0.10);
                    }

                    /* Import a bold display font for the brand */
                    @import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700;800&display=swap');

                    /* Local Extenda variable font (placed in /fonts) */
                    @font-face {
                        font-family: 'ExtendaVariable';
                        src: url('fonts/ExtendaVariable-Regular.ttf') format('truetype');
                        font-weight: 100 900;
                        font-style: normal;
                        font-display: swap;
                    }

                    /* Local Fonterule display font used for the brand next to the logo */
                    @font-face {
                        font-family: 'Fonterule';
                        src: url('Fonts/Fonterule.ttf') format('truetype');
                        font-weight: 400 900;
                        font-style: normal;
                        font-display: swap;
                    }

                    /* Reset + sensible defaults */
                    * { box-sizing: border-box; margin: 0; padding: 0; }
                    /* Removed height:100% — it breaks scroll on some mobile browsers.
                       Use min-height if needed for full-height layouts. */
                    html { min-height: 100%; }
                    body { min-height: 100%; }
                    /* Prevent horizontal scroll from overflowing elements */
                    html, body { overflow-x: hidden; overflow-y: auto; }
                    /* iOS touch: allow scroll even if accidentally touching near edges */
                    html { -webkit-overflow-scrolling: touch; }
                    /* iOS Yandex Browser: explicitly allow vertical pan/scroll on body */
                    body { touch-action: pan-x pan-y; }

                    /* Responsive media defaults */
                    img, iframe, video, canvas { max-width: 100%; }
                    img { height: auto; }
                    iframe { display: block; }

                    /* Avoid layout break from long tokens (urls, domains, etc.) */
                    body { overflow-wrap: anywhere; word-break: break-word; }
                    body {
                        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
                        background: #ffffff;
                        color: var(--text);
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        line-height: 1.5;
                        padding: 24px 12px;
                    }

                    .site-logo { text-align: center; margin-bottom: 18px; }
                    .site-logo h1 { font-size: 16px; color: var(--muted); font-weight: 600; }

                    /* Header with GIF logo on the left and brand text */
                    .site-header { display:flex; align-items:center; justify-content:flex-start; gap:12px; margin: 0 auto 6px; padding: 8px 0; width:100%; max-width:980px; position:relative; z-index:5; border-bottom: 1px solid rgba(14,165,233,0.06); }
                    .logo-row { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-width:0; }
                    .logo-wrap { display:flex; align-items:center; justify-content:center; width:auto; flex:0 0 auto; height:56px; line-height:1; }
                    .logo-gif { display:inline-block; width:auto; max-height:56px; height:auto; object-fit:contain; border-radius:0; box-shadow:none; margin:0; vertical-align:middle; max-width:100%; }
                    /* Ensure logo is visible */
                    .logo-wrap, .brand-text { display:inline-flex; align-items:center; align-self:center; }
                    .brand-text {
                        font-family: 'Fonterule', 'ExtendaVariable', 'Unbounded', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
                        font-size: 56px;
                        font-weight: 500;
                        color: var(--primary);
                        letter-spacing: 3px;
                        text-transform: uppercase;
                        line-height: 1;
                        margin-left: 8px;
                        margin-top: -13px;
                        display: inline-block;
                        vertical-align: middle;
                        flex: 1 1 auto;
                        min-width: 0;
                        max-width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-variation-settings: 'wght' 500, 'wdth' 358;
                    }
/* Support form styles moved to support.css */


                    /* Ensure CTAs stay compact on small screens */
                    .site-cta { display:flex; gap:10px; align-items:center; }

                    /* Header phone + CTA (used on master landing pages) */
                    .header-actions { margin-left:auto; display:flex; align-items:center; gap:10px; flex:0 0 auto; }
                    .header-phone {
                        display:inline-flex;
                        align-items:center;
                        padding: 8px 12px;
                        border-radius: 999px;
                        text-decoration: none;
                        font-weight: 700;
                        color: #0f172a;
                        background: rgba(14,165,233,0.10);
                        border: 1px solid rgba(14,165,233,0.18);
                        white-space: nowrap;
                    }
                    .header-phone:hover { background: rgba(14,165,233,0.14); }
                    .header-cta {
                        display:inline-flex;
                        align-items:center;
                        justify-content:center;
                        padding: 10px 14px;
                        border-radius: 12px;
                        border: none;
                        background: linear-gradient(135deg, #0ea5e9, #06b6d4);
                        color: #ffffff;
                        font-weight: 800;
                        cursor: pointer;
                        white-space: nowrap;
                        box-shadow: 0 10px 24px rgba(14,165,233,0.22);
                    }
                    .header-cta:hover { filter: brightness(1.03); }
                    @media (max-width:1200px) {
                        .site-header { flex-direction:row; align-items:center; gap:6px; padding:8px 6px; }
                        .brand-text { font-size:48px; margin-top:-11px; }
                        .header-actions { gap:8px; }
                        .header-phone { padding: 7px 10px; font-weight: 700; }
                        .header-cta { padding: 9px 12px; }
                    }
                    @media (max-width:900px) {
                        .brand-text { font-size:36px; margin-top:-8px; }
                    }

                    /* Small devices: show full text (no ellipsis) and allow wrapping */
                    @media (max-width:520px) {
                        .logo-wrap { height: 44px; }
                        .logo-gif { max-height: 44px; }
                        .brand-text {
                            font-size: 28px;
                            letter-spacing: 1px;
                            margin-top: 0;
                            margin-left: 6px;
                            white-space: normal;
                            overflow: visible;
                            text-overflow: clip;
                            line-height: 1.05;
                        }
                    }

                    @media (max-width:700px) {
                        .header-actions {
                            width: 100%;
                            margin-left: 0;
                            margin-top: 8px;
                            justify-content: flex-start;
                            flex-wrap: wrap;
                        }
                    }

                    @media (max-width:700px) {
                                    #cookie-banner {
                                        bottom: 120px; /* leave room for fixed bottom buttons */
                                        padding: 12px 12px 12px 12px;
                                        left: 12px;
                                        right: 12px;
                                    }
                    }

                    /* Ultra-mobile: optimize for screens <480px */
                    @media (max-width:480px) {
                        .logo-wrap { height:48px; }
                        .logo-gif { max-height:48px; }
                    }

                    /* Mobile nav / burger */
                    .burger { display:none !important; }
                    .site-nav { display:none !important; }
                    .site-nav a { color:var(--text); text-decoration:none; padding:6px 8px; border-radius:8px }
                    .site-nav a:hover { background:rgba(2,6,23,0.03) }

                    @media (max-width:900px) {
                        .site-nav.open { max-height:420px; opacity:1; }
                    }

                    /* ===== REVIEWS SECTION ===== */
                    .reviews-section { 
                        margin-top: 28px;
                        padding: 18px;
                        background: linear-gradient(180deg, rgba(14,165,233,0.02), rgba(6,182,212,0.01));
                        border-radius: 12px;
                        border: 1px solid rgba(14,165,233,0.06);
                    }

                    .reviews-section h2 { 
                        font-size: 24px; 
                        color: var(--primary); 
                        margin-bottom: 8px; 
                        font-weight: 800;
                        letter-spacing: -0.2px;
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    .reviews-subtitle {
                        color: rgba(2,6,23,0.68);
                        font-size: 15px;
                        margin-bottom: 16px;
                        max-width: 820px;
                        line-height: 1.45;
                    }

                    .reviews-section h2 .reviews-count {
                        background: var(--primary);
                        color: #fff;
                        padding: 2px 6px;
                        border-radius: 999px;
                        font-weight: 800;
                        font-size: 12px;
                        margin-left: 8px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        box-shadow: 0 4px 18px rgba(2,6,23,0.06);
                        min-width: 36px;
                    }
                    .reviews-section h2 .reviews-count[role="button"] { cursor: pointer; }

                    /* Reviews modal tweaks */
                    .reviews-modal-content { max-width: 920px; width: calc(100% - 36px); }
                    .reviews-modal-content .header-badge { margin-bottom: 6px; }
                    #reviews-modal .modal-content .reviews-container { padding: 6px 0; }
                    .reviews-star {
                        color: #f6c543;
                        font-size: 26px;
                        line-height: 1;
                        text-shadow: 0 0 6px rgba(246,197,67,0.6), 0 0 14px rgba(246,197,67,0.28);
                        filter: drop-shadow(0 2px 6px rgba(246,197,67,0.12));
                        animation: starGlow 4200ms ease-in-out infinite;
                        transform-origin: center;
                        will-change: transform, text-shadow;
                    }

                    /* Force all star icons and unicode stars to use golden glow */
                    .fa-star, i.fas.fa-star, i.far.fa-star, .reviews-star, .stars, .review-rating .stars {
                        color: #ffcf47 !important;
                        text-shadow: 0 0 6px rgba(255,207,71,0.45), 0 0 18px rgba(255,191,64,0.18) !important;
                        filter: drop-shadow(0 4px 12px rgba(255,183,48,0.12));
                    }

                    /* Subtle pulsing for inline star groups (ratings) */
                    @keyframes starPulse {
                        0% { transform: translateY(0) scale(1); opacity: 1; }
                        50% { transform: translateY(-1px) scale(1.02); opacity: 0.98; }
                        100% { transform: translateY(0) scale(1); opacity: 1; }
                    }

                    .stars, .review-rating .stars { animation: starPulse 3200ms ease-in-out infinite; }

                    /* Larger glowing stars in modal header */
                    .reviews-modal-hero .reviews-hero-badge, .reviews-modal-hero .reviews-hero-badge i, .reviews-modal-hero .reviews-hero-badge .fa-star {
                        background: linear-gradient(180deg,#ffd86b,#ffbf2d);
                        color: #5a3700;
                        box-shadow: 0 12px 40px rgba(255,176,40,0.22), inset 0 -8px 18px rgba(255,255,255,0.12);
                        text-shadow: 0 2px 8px rgba(255,200,70,0.45);
                    }

                    @keyframes starGlow {
                        0% {
                            transform: scale(1);
                            text-shadow: 0 0 5px rgba(246,197,67,0.45), 0 0 10px rgba(246,197,67,0.18);
                        }
                        50% {
                            transform: scale(1.02);
                            text-shadow: 0 0 10px rgba(246,197,67,0.8), 0 0 20px rgba(246,197,67,0.32);
                        }
                        100% {
                            transform: scale(1);
                            text-shadow: 0 0 5px rgba(246,197,67,0.45), 0 0 10px rgba(246,197,67,0.18);
                        }
                    }

                    .reviews-star:hover { transform: scale(1.03); }

                    .reviews-count {
                        color: var(--muted);
                        font-weight: 500;
                        font-size: 18px;
                    }

                    .reviews-actions { 
                        display: flex; 
                        gap: 12px; 
                        align-items: center; 
                        margin-bottom: 20px;
                        flex-wrap: wrap;
                    }

                    .add-review-button {
                        background: var(--primary);
                        color: white;
                        border: none;
                        padding: 12px 18px;
                        border-radius: 10px;
                        font-weight: 700;
                        font-size: 14px;
                        cursor: pointer;
                        transition: all 0.2s ease;
                    }

                    .add-review-button:hover {
                        background: #0284c7;
                        transform: translateY(-1px);
                        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
                    }

                    .add-review-button.alt {
                        background: transparent;
                        border: 1.5px solid rgba(14, 165, 233, 0.3);
                        color: var(--primary);
                    }

                    .add-review-button.alt:hover {
                        background: rgba(14, 165, 233, 0.05);
                        border-color: var(--primary);
                    }

                    .reviews-container { 
                        display: grid; 
                        gap: 12px;
                        margin-bottom: 20px;
                    }

                    .reviews-container.collapsed { 
                        max-height: 600px; 
                        overflow: hidden; 
                        position: relative;
                        /* add bottom padding so the gradient overlay does not visually cut into the last card */
                        padding-bottom: 72px;
                    }

                    .reviews-container.collapsed::after { 
                        content: ''; 
                        position: absolute; 
                        left: 0; 
                        right: 0; 
                        bottom: 0; 
                        height: 72px; 
                        background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.95)); 
                        pointer-events: none;
                    }

                    /* On small viewports the clipped effect can be confusing — reduce overlay height and allow natural flow */
                    @media (max-width: 700px) {
                        .reviews-container.collapsed { 
                            /* keep the collapse behavior but make the overlay smaller so cards aren't visually cut */
                            padding-bottom: 48px;
                            max-height: 520px;
                        }
                        .reviews-container.collapsed::after { height: 48px; }
                    }

                    /* Desktop review card */
                    .review-card {
                        background: #ffffff;
                        padding: 18px;
                        border-radius: 12px;
                        box-shadow: 0 10px 30px rgba(2,6,23,0.06);
                        display: grid;
                        grid-template-columns: 1fr auto;
                        gap: 16px;
                        align-items: start;
                        border-left: 5px solid var(--primary);
                        transition: transform 0.25s ease, box-shadow 0.25s ease;
                        overflow: hidden;
                        position: relative;
                    }

                    .review-card { animation: cardIn 320ms cubic-bezier(.2,.9,.3,1); }

                    @keyframes cardIn {
                        from { transform: translateY(8px); opacity: 0; }
                        to { transform: translateY(0); opacity: 1; }
                    }

                    .review-card:hover {
                        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.12);
                        transform: translateY(-1px);
                    }

                    .review-meta { 
                        display: flex; 
                        flex-direction: column; 
                        gap: 8px;
                    }

                    /* removed avatar — simplified card layout */

                    .review-meta .name-row { 
                        display: flex; 
                        gap: 12px; 
                        align-items: center; 
                        justify-content: space-between;
                    }

                    .reviewer-name { 
                        font-size: 16px; 
                        font-weight: 700; 
                        color: var(--text);
                    }

                    .review-date { 
                        font-size: 12px; 
                        color: var(--muted);
                        font-weight: 500;
                    }

                    .review-rating { 
                        display: flex; 
                        gap: 8px; 
                        align-items: center;
                        margin-top: 4px;
                    }

                    .review-rating .stars { 
                        font-size: 16px; 
                        letter-spacing: 1px; 
                        color: #f6c543;
                    }

                    .review-rating .score { 
                        display: none;
                    }

                    .review-text { 
                        color: var(--text); 
                        font-size: 15px; 
                        line-height: 1.6; 
                        margin-top: 8px;
                        word-break: break-word;
                        overflow-wrap: break-word;
                        white-space: normal;
                        /* No height limit — show full text on all devices */
                    }

                    .review-text.expanded { /* kept for JS compatibility */
                        max-height: none;
                    }

                    .review-actions { 
                        display: flex; 
                        flex-direction: column; 
                        gap: 8px; 
                        align-items: flex-end;
                    }

                    .review-actions .helpful { 
                        display: none;
                    }

                    .read-more { 
                        display: inline-block;
                        margin-top: 10px;
                        background: transparent;
                        border: none;
                        color: var(--primary);
                        cursor: pointer;
                        font-weight: 700;
                        padding: 6px 8px;
                        border-radius: 8px;
                        transition: background 0.18s ease;
                    }

                    .read-more:hover { background: rgba(14,165,233,0.06); }

                    /* Mobile: 700px and below */
                    @media (max-width: 700px) {
                        .reviews-container { gap: 12px; }
                        
                        .review-card {
                            grid-template-columns: 1fr auto;
                            padding: 16px;
                            border-left-width: 4px;
                            border-radius: 12px;
                            gap: 12px;
                            box-shadow: 0 2px 8px rgba(14, 165, 233, 0.06), 0 4px 12px rgba(14, 165, 233, 0.08);
                            transition: all 0.25s ease;
                        }
                        
                        .review-card:hover {
                            box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);
                            transform: translateY(-1px);
                        }
                        
                        .review-meta { gap: 8px; }
                        .review-meta .name-row { gap: 10px; }
                        
                        .reviewer-name { 
                            font-size: 16px; 
                            font-weight: 700;
                        }
                        
                        .review-date { font-size: 12px; }
                        
                        .review-rating { gap: 6px; margin-top: 6px; }
                        .review-rating .stars { font-size: 15px; }
                        .review-rating .score { font-size: 12px; padding: 4px 8px; }
                        
                        .review-text { 
                            font-size: 14px; 
                            line-height: 1.5;
                            margin-top: 6px;
                        }
                        
                        .review-actions { display: flex; flex-direction: row; justify-content: flex-end; gap: 8px; }
                        
                        .read-more { 
                            padding: 8px 12px;
                            font-size: 13px;
                            border-radius: 8px;
                        }
                    }

                    /* Ultra-mobile: 480px and below */
                    @media (max-width: 480px) {
                        .reviews-section h2 {
                            font-size: 18px;
                            margin-bottom: 12px;
                        }
                        
                        .reviews-actions { gap: 8px; }
                        
                        .add-review-button {
                            padding: 10px 14px;
                            font-size: 13px;
                        }
                        
                        .review-card {
                            padding: 12px 10px;
                            border-left-width: 3px;
                            border-radius: 10px;
                            gap: 10px;
                            grid-template-columns: 1fr auto;
                        }

                    /* Reviews header logo */
                    .reviews-section h2 { display:flex; align-items:center; gap:12px; }
                    .reviews-logo { width:28px; height:28px; object-fit:contain; opacity:0.95 }
                        
                        .reviewer-name { font-size: 15px; }
                        .review-date { font-size: 12px; }
                        
                        .review-rating .stars { font-size: 14px; }
                        .review-rating .score { font-size: 12px; padding: 3px 6px; }
                        
                        .review-text { 
                            font-size: 13px;
                            line-height: 1.45;
                        }
                    }

                    /* Pagination */
                    .reviews-pagination {
                        display: flex;
                        justify-content: center;
                        gap: 8px;
                        align-items: center;
                        flex-wrap: wrap;
                        margin-top: 20px;
                    }

                    .pagination-button {
                        border: 1px solid rgba(14, 165, 233, 0.2);
                        background: white;
                        padding: 8px 12px;
                        border-radius: 6px;
                        color: var(--text);
                        cursor: pointer;
                        transition: all 0.2s ease;
                        min-width: 36px;
                        font-size: 13px;
                        font-weight: 600;
                    }

                    .pagination-button:hover:not([disabled]) {
                        background: rgba(14, 165, 233, 0.05);
                        border-color: var(--primary);
                        color: var(--primary);
                    }

                    .pagination-button.active {
                        background: var(--primary);
                        color: white;
                        border-color: var(--primary);
                    }

                    .pagination-button[disabled] {
                        opacity: 0.5;
                        cursor: not-allowed;
                    }

                    .pagination-dots {
                        padding: 0 6px;
                        color: var(--muted);
                    }

                    .container {
                        max-width: 980px;
                        margin: 6px auto 36px;
                        background: #ffffff;
                        border-radius: 14px;
                        padding: 18px 20px;
                        box-shadow: 0 8px 30px rgba(2,6,23,0.04);
                    }

                    /* Header / hero */
                    .ad-header {
                        background: linear-gradient(135deg, rgba(14,165,233,0.08), rgba(6,182,212,0.06));
                        padding: 22px;
                        border-radius: 14px;
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        box-shadow: var(--shadow-sm);
                        transform: translateY(-4px);
                        /* iOS Yandex Browser: ensure vertical scroll works */
                        touch-action: pan-y;
                    }
                    .ad-header .category-tag { color: var(--muted); font-weight: 600; font-size: 13px; }
                    .ad-header h1 { font-size: 28px; color: var(--text); margin: 4px 0; }
                    .ad-header .ad-subtitle {
                        font-size: 16px;
                        line-height: 1.35;
                        font-weight: 600;
                        color: rgba(15, 23, 42, 0.82);
                        margin: 0;
                    }
                    .ad-header .location { color: var(--muted); font-size: 14px; }

                    /* Card layout */
                    .master-profile { display: grid; grid-template-columns: 360px 1fr; gap: 28px; margin-top: 20px; }

                    .master-card { 
                        background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
                        border-radius: 18px; 
                        padding: 28px; 
                        box-shadow: 0 8px 32px rgba(14, 165, 233, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
                        transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
                        position: relative;
                        overflow: hidden;
                        border: 1px solid rgba(14, 165, 233, 0.08);
                    }

                    .master-card::before {
                        content: '';
                        position: absolute;
                        top: -50%;
                        right: -50%;
                        width: 200%;
                        height: 200%;
                        background: radial-gradient(circle, rgba(14, 165, 233, 0.05) 0%, transparent 70%);
                        opacity: 0;
                        transition: opacity 0.4s ease;
                    }

                    .master-card:hover {
                        box-shadow: 0 16px 48px rgba(14, 165, 233, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);
                        transform: translateY(-4px);
                    }

                    .master-card:hover::before {
                        opacity: 1;
                    }

                    .master-header {
                        display: flex;
                        gap: 18px;
                        /* On wide screens the left column is narrow (360px),
                        so a stacked header looks cleaner than squeezing text beside avatar */
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        position: relative;
                        z-index: 1;
                    }

                    .master-main-info { 
                        display: flex; 
                        flex-direction: column; 
                        gap: 10px;
                        flex: 1;
                        min-width: 0;
                        width: 100%;
                        align-items: center;
                    }

                    .master-title {
                        display: flex;
                        flex-direction: column;
                        gap: 6px;
                        align-items: center;
                    }

                    .name { 
                        font-size: 26px; 
                        font-weight: 700; 
                        color: var(--text);
                        letter-spacing: -0.5px;
                    }

                    .verification-badge {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        padding: 8px 12px;

                        position: relative;
                        overflow: hidden;
                        border-radius: 999px;
                        border: 1px solid rgba(245, 158, 11, 0.40);

                        /* Harmonized luxury: blue background with gold accent */
                        background: var(--primary);
                        backdrop-filter: blur(10px) saturate(180%);
                        -webkit-backdrop-filter: blur(10px) saturate(180%);

                        color: rgba(245, 158, 11, 0.95);
                        font-size: 12px;
                        font-weight: 850;
                        letter-spacing: 0.18px;
                        text-transform: none;
                        white-space: nowrap;
                        width: fit-content;

                        box-shadow:
                            0 8px 24px rgba(14, 165, 233, 0.20),
                            0 4px 12px rgba(245, 158, 11, 0.10),
                            inset 0 1px 0 rgba(255, 255, 255, 0.20),
                            inset 0 -1px 0 rgba(0, 0, 0, 0.10);
                        transition:
                            transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                            box-shadow 0.3s ease,
                            background 0.3s ease;
                    }

                    .verification-badge > * {
                        position: relative;
                        z-index: 1;
                    }

                    /* Harmonized label: white text on blue */
                    .verification-badge .label {
                        color: rgba(255, 255, 255, 0.95);
                        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
                    }

                    /* No extra layers: harmonized minimalism */
                    .verification-badge::before,
                    .verification-badge::after {
                        content: none;
                    }

                    .verification-badge:hover {
                        transform: translateY(-1px) scale(1.02);
                        box-shadow:
                            0 12px 32px rgba(14, 165, 233, 0.25),
                            0 6px 16px rgba(245, 158, 11, 0.15),
                            inset 0 1px 0 rgba(255, 255, 255, 0.30);
                    }

                    .verification-badge:hover::before {
                        opacity: 0.85;
                        transform: translateX(120%);
                    }

                    /* Fallback: solid blue without blur */
                    @supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
                        .verification-badge {
                            background: var(--primary);
                            border-color: rgba(245, 158, 11, 0.50);
                        }
                    }

                    @media (prefers-reduced-motion: reduce) {
                        .verification-badge,
                        .verification-badge::before,
                        .verification-badge .icon { animation: none !important; transition: none !important; }
                        .verification-badge::after { animation: none !important; }
                    }

                    .verification-badge .icon {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 20px;
                        height: 20px;
                        border-radius: 999px;
                        border: 1px solid rgba(245, 158, 11, 0.40);
                        background: rgba(255, 255, 255, 0.20);
                        backdrop-filter: blur(6px) saturate(150%);
                        -webkit-backdrop-filter: blur(6px) saturate(150%);
                        box-shadow:
                            0 4px 12px rgba(14, 165, 233, 0.15),
                            inset 0 1px 0 rgba(255, 255, 255, 0.50);
                        animation: pulse-glow-glass 2s infinite ease-in-out;
                    }

                    .verification-badge .icon i {
                        font-size: 11px;
                        color: rgba(255, 255, 255, 0.95);
                        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
                    }

                    .rating-block { 
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 16px;
                        padding: 14px 0;
                        width: 100%;
                        border-top: 1px solid rgba(14, 165, 233, 0.08);
                        border-bottom: 1px solid rgba(14, 165, 233, 0.08);
                    }

                    .rating-left {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        flex-wrap: nowrap;
                        white-space: nowrap;
                    }

                    .reviews-count-wrap {
                        display: inline-flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        min-width: 56px;
                    }

                    .reviews-count-link {
                        display: inline-block;
                        margin-top: 2px;
                        font-size: 12px;
                        color: #1366d6;
                        text-decoration: none;
                        opacity: 0.95;
                        line-height: 1;
                        letter-spacing: 0.2px;
                    }

                    .reviews-count-link:hover,
                    .reviews-count-link:focus {
                        text-decoration: underline;
                        opacity: 1;
                    }

                    .rating-label {
                        font-size: 13px;
                        font-weight: 600;
                        color: var(--muted);
                    }

                    .rating-stars-wrap {
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                        background: rgba(246, 197, 67, 0.12);
                        padding: 6px 10px;
                        border-radius: 8px;
                    }

                    .stars { 
                        color: #f6c543; 
                        font-weight: 700; 
                        letter-spacing: 1px;
                        font-size: 14px;
                        text-shadow: 0 1px 3px rgba(246, 197, 67, 0.2);
                    }

                    .rating-value { 
                        font-size: 18px;
                        color: var(--text);
                        font-weight: 900;
                        letter-spacing: -0.3px;
                    }

                    .reviews-count { 
                        display: inline-flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 0px;
                        cursor: default;
                        user-select: none;
                        transition: opacity 0.18s ease;
                        text-decoration: none;
                        padding: 2px 6px;
                    }

                    .reviews-count-number {
                        font-size: 25px;
                        font-weight: 800;
                        color: var(--text);
                        line-height: 1;
                    }

                    .reviews-count-label {
                        font-size: 12px;
                        color: var(--muted);
                        line-height: 1;
                    }

                    .reviews-count[role="button"]:focus-visible {
                        outline: 2px solid var(--primary);
                        outline-offset: 2px;
                        border-radius: 4px;
                    }

                    /* compact badge variant removed — use small sizes above */

                    .reviews-count[role="button"] { cursor: pointer; }

                    .reviews-count[role="button"]:hover {
                        opacity: 0.8;
                    }

                    @media (max-width: 480px) {
                        .reviews-count-label { font-size: 11px; max-width: 60px; }
                        .reviews-count-wrap { min-width: 44px; }
                    }

                    /* Ultra-narrow: 360px and below */
                    @media (max-width: 360px) {
                        .rating-block {
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 8px;
                            padding: 8px 0;
                        }

                        .rating-left {
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 6px;
                            width: 100%;
                        }

                        .rating-label {
                            font-size: 11px;
                        }

                        .rating-stars-wrap {
                            padding: 4px 8px;
                            gap: 4px;
                        }

                        .stars {
                            font-size: 12px;
                            letter-spacing: 0.5px;
                        }

                        .rating-value {
                            font-size: 16px;
                        }

                        .reviews-count-number {
                            font-size: 18px;
                        }
                        .reviews-count-label {
                            font-size: 10px;
                            max-width: 50px;
                        }
                        .reviews-count-link {
                            font-size: 10px;
                            max-width: 65px;
                            word-wrap: break-word;
                            overflow-wrap: anywhere;
                            white-space: normal;
                        }
                        .reviews-count-wrap {
                            min-width: 40px;
                            gap: 1px;
                        }
                        .reviews-count {
                            padding: 0px 3px;
                            gap: 0px;
                        }
                    }

                    /* Master badges */
                    .master-badges { 
                        display: flex; 
                        gap: 10px; 
                        flex-wrap: wrap; 
                        margin: 16px 0;
                        padding-top: 16px;
                    }

                    .badge-item { 
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.08), rgba(6, 182, 212, 0.04));
                        padding: 10px 14px; 
                        border-radius: 10px; 
                        color: var(--primary);
                        border: 1px solid rgba(14, 165, 233, 0.15);
                        font-weight: 600;
                        font-size: 13px;
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        transition: all 0.25s ease;
                    }

                    .badge-item:hover { 
                        transform: translateY(-3px);
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(6, 182, 212, 0.08));
                        box-shadow: 0 6px 16px rgba(14, 165, 233, 0.12);
                        border-color: var(--primary);
                    }

                    .badge-icon {
                        font-size: 16px;
                    }

                    /* Response info */
                    .response-info {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        margin-top: 14px;
                        padding-top: 14px;
                        border-top: 1px solid rgba(14, 165, 233, 0.08);
                    }

                    .response-time,
                    .response-info .experience {
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        font-size: 13px;
                        color: var(--muted);
                        font-weight: 500;
                    }

                    .response-time .icon,
                    .response-info .experience .icon {
                        font-size: 16px;
                    }

                    /* Experience paragraph in master-description */
                    p.experience {
                        display: block !important;
                        color: var(--muted) !important;
                        font-size: 12px;
                        font-weight: 500;
                        margin-top: 12px;
                        padding-top: 12px;
                        border-top: 1px solid rgba(14, 165, 233, 0.08);
                    }

                    /* Master description section */
                    .master-description { 
                        background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
                        border-radius: 18px; 
                        padding: 28px; 
                        box-shadow: 0 8px 32px rgba(14, 165, 233, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
                        color: var(--text);
                        border: 1px solid rgba(14, 165, 233, 0.08);
                        transition: all 0.3s ease;
                    }

                    .master-description:hover {
                        box-shadow: 0 12px 40px rgba(14, 165, 233, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
                        transform: translateY(-2px);
                    }

                    .master-description h3 { 
                        font-size: 20px; 
                        margin-bottom: 14px;
                        color: var(--text);
                        font-weight: 700;
                    }

                    .section-eyebrow {
                        font-size: 12px;
                        color: var(--muted);
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        margin-bottom: 8px;
                        font-weight: 700;
                    }

                    .master-description h4 { 
                        font-size: 14px; 
                        margin-top: 14px; 
                        margin-bottom: 10px; 
                        color: var(--muted);
                        font-weight: 600;
                    }

                    .master-description h2 {
                        font-size: 18px;
                        margin-top: 18px;
                        margin-bottom: 10px;
                        color: var(--text);
                        font-weight: 800;
                    }

                    .master-description p { 
                        color: var(--text); 
                        line-height: 1.6; 
                        margin-bottom: 12px;
                        font-size: 14px;
                        font-weight: 400;
                    }

                    /* Phone link inside the description: simple inline style (no purple visited state) */
                    .master-description a#phone,
                    .master-description a#phone:visited {
                        color: var(--primary);
                        text-decoration: underline;
                        text-decoration-thickness: 2px;
                        text-underline-offset: 2px;
                        text-decoration-color: rgba(14,165,233,0.35);
                        font-weight: 800;
                    }

                    .master-description a#phone:hover {
                        text-decoration-color: rgba(14,165,233,0.85);
                    }

                    .master-description a#phone:focus-visible {
                        outline: 2px solid rgba(14,165,233,0.45);
                        outline-offset: 2px;
                        border-radius: 6px;
                    }

                    .master-description a.phone-teal,
                    .master-description a.phone-teal:visited {
                        color: #06b6d4;
                    }

                    /* Do not allow phone numbers to wrap */
                    .master-description a[href^="tel:"],
                    .location-section a[href^="tel:"] {
                        white-space: nowrap;
                    }

                    .service-list { 
                        list-style: disc; 
                        margin: 10px 0 10px 20px; 
                        color: var(--text); 
                        font-weight: 400; 
                        padding-left: 0;
                    }

                    /* Subtle list style: clean bullets and spacing */
                    .master-description .service-list {
                        list-style: none;
                        padding-left: 0;
                        margin-left: 0;
                        display: block;
                        gap: 8px;
                    }

                    .master-description .service-list li {
                        position: relative;
                        padding-left: 22px;
                        color: var(--text);
                        margin-bottom: 8px;
                        font-size: 14px;
                        line-height: 1.5;
                    }

                    .master-description .service-list li::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 8px;
                        height: 8px;
                        background: var(--primary);
                        border-radius: 50%;
                        box-shadow: 0 1px 0 rgba(14,165,233,0.08);
                    }

                    .master-description .lead {
                        font-size: 16px;
                        font-weight: 700;
                        color: var(--text);
                        margin-bottom: 10px;
                    }

                    .master-description .price-note {
                        margin-top: 10px;
                        color: var(--muted);
                        font-size: 13px;
                        line-height: 1.45;
                    }

                    /* FAQ (inside master-description) */
                    .master-description .faq-container {
                        margin-top: 12px;
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                    }

                    .master-description .faq-item {
                        border: 1px solid rgba(14, 165, 233, 0.16);
                        border-radius: 14px;
                        overflow: hidden;
                        background: linear-gradient(180deg, #ffffff, #fbfdff);
                        box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
                        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
                    }

                    .master-description .faq-item:hover {
                        border-color: rgba(14, 165, 233, 0.28);
                        box-shadow: 0 14px 34px rgba(2, 6, 23, 0.08);
                        transform: translateY(-1px);
                    }

                    .master-description .faq-question {
                        padding: 16px 18px;
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.08), rgba(6, 182, 212, 0.06));
                        cursor: pointer;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        gap: 8px;
                        font-weight: 800;
                        font-size: 15px;
                        color: var(--text);
                        user-select: none;
                    }

                    /* Remove legacy extra chevron (some global FAQ styles use :after) */
                    .master-description .faq-question:after {
                        content: none !important;
                    }

                    .master-description .faq-question i {
                        flex: 0 0 auto;
                        margin-left: auto;
                        font-size: 14px;
                        color: var(--primary);
                        transition: transform 0.25s ease;
                    }

                    .master-description .faq-item.active .faq-question i {
                        transform: rotate(180deg);
                    }

                    .master-description .faq-answer {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height 0.3s ease;
                        background: rgba(2, 6, 23, 0.02);
                    }

                    .master-description .faq-item.active .faq-answer {
                        max-height: 420px;
                    }

                    .master-description .faq-answer p {
                        margin: 0;
                        padding: 12px 18px 16px;
                        color: rgba(15, 23, 42, 0.78);
                        line-height: 1.65;
                        font-size: 14px;
                    }

                    .master-description ol { margin-left: 18px; }

                    /* Smaller headings for sub-sections */
                    .master-description h5 { font-size: 15px; margin-top: 12px; margin-bottom: 8px; color: var(--text); }

                    @media (max-width: 700px) {
                        .master-description { padding: 18px; }
                        .master-description .service-list li { padding-left: 26px; }
                        .master-description .lead { font-size: 15px; }
                    }

                    .description { margin-top: 18px; }
                    .description.compact .hero { text-align:left; padding: 18px 6px; }
                    .description.compact h2 { font-size:22px; margin-bottom:8px; color:var(--text); }
                    .lead { color:var(--muted); margin-bottom:12px; }
                    .hero-cta { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
                    .phone-button.large { padding:12px 20px; font-size:15px; border-radius:10px; }
                    .features-grid { display:flex; gap:12px; margin-top:10px; }
                    .feature { background:#fbfdff; padding:10px 12px; border-radius:10px; color:var(--muted); font-weight:700; }

                    /* Carousel */
                    .master-photo-wrapper { 
                        position: relative; 
                        /* Smaller on desktop so the right-side content doesn't get squeezed */
                        --avatar-size: clamp(96px, 12vw, 140px);
                        width: var(--avatar-size);
                        height: var(--avatar-size);
                        flex: 0 0 var(--avatar-size);
                        display: block;
                        align-self: flex-start;
                        border-radius: 22px;
                        overflow: hidden;
                        background:
                            radial-gradient(120% 90% at 30% 20%, rgba(14, 165, 233, 0.18) 0%, rgba(255, 255, 255, 0) 55%),
                            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
                        border: 1px solid rgba(2, 6, 23, 0.08);
                        box-shadow:
                            0 18px 45px rgba(2, 6, 23, 0.12),
                            0 8px 22px rgba(14, 165, 233, 0.10);
                    }

                    .master-photo { 
                        width: 100%; 
                        height: 100%; 
                        object-fit: contain;
                        object-position: center;
                        padding: 12px;
                        border-radius: inherit;
                        display: block;
                        transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
                    }

                    .master-photo-wrapper:hover .master-photo {
                        transform: scale(1.02);
                    }

                    @media (max-width: 600px) {
                        .master-header {
                            flex-direction: column;
                            align-items: center;
                            text-align: center;
                            gap: 14px;
                        }
                        .master-main-info {
                            align-items: center;
                        }
                        .master-title {
                            align-items: center;
                        }
                        .master-photo-wrapper {
                            --avatar-size: clamp(124px, 44vw, 176px);
                            border-radius: 18px;
                        }

                        /* Compact rating block - stay horizontal with reviews on right */
                        .rating-block {
                            flex-direction: row;
                            align-items: flex-start;
                            justify-content: space-between;
                            gap: 6px;
                            padding: 8px 0;
                        }

                        .rating-left {
                            flex-direction: row;
                            align-items: center;
                            gap: 4px;
                            flex: 1;
                        }

                        .rating-label {
                            font-size: 11px;
                        }

                        .rating-stars-wrap {
                            padding: 3px 6px;
                            gap: 3px;
                        }

                        .stars {
                            font-size: 12px;
                            letter-spacing: 0;
                        }

                        .rating-value {
                            font-size: 15px;
                        }

                        /* Compact reviews count - stay on right */
                        .reviews-count-number {
                            font-size: 20px;
                        }

                        .reviews-count-label {
                            font-size: 10px;
                        }

                        .reviews-count-link {
                            font-size: 9px;
                            max-width: 60px;
                            overflow-wrap: anywhere;
                            word-wrap: break-word;
                            white-space: normal;
                            line-height: 1.1;
                            text-align: center;
                        }

                        .reviews-count-wrap {
                            min-width: 42px;
                            gap: 0;
                            flex: 0 0 auto;
                        }

                        .reviews-count {
                            padding: 0 2px;
                        }
                    }
                    .photo-carousel { margin-top:20px; }
                    .carousel-container { display:flex; align-items:center; gap:10px; }
                    .carousel-track { display:flex; gap:10px; overflow:hidden; width:100%; }
                    .carousel-track img { width:160px; height:100px; object-fit:cover; border-radius:8px; }
                    .carousel-button { background:transparent; border-radius:8px; padding:8px 12px; border:1px solid rgba(2,6,23,0.06); cursor:pointer; }

                    /* CTAs & buttons */
                    .phone-button, .message-button, .add-review-button {
                    display:inline-block; padding:12px 18px; border-radius:10px; font-weight:700; text-decoration:none; cursor:pointer;
                    }
                    .phone-button { background: var(--primary); color: #fff; border: none; }
                    .message-button { background: transparent; color: var(--primary); border: 2px solid rgba(14,165,233,0.12); }
                    .add-review-button { background: var(--accent); color:#fff; border:none; }

                    /* Modals */
                    .modal { 
                        position: fixed; 
                        inset: 0; 
                        display: none; 
                        align-items: center; 
                        justify-content: center; 
                        z-index: 1000;
                        padding: 20px; /* breathing room on small screens */
                    }
                    .modal.show, .modal.open { display: flex; }

                    .modal-overlay {
                        position: absolute;
                        inset: 0;
                        background: rgba(2, 6, 23, 0.6);
                        backdrop-filter: blur(4px);
                        -webkit-backdrop-filter: blur(4px);
                    }

                    /* Improved modal content: centered card, responsive width and internal scrolling */
                    .modal-content { 
                        background: var(--card-bg); 
                        padding: 22px; 
                        border-radius: 14px; 
                        width: min(92%, 980px); 
                        max-width: 980px; 
                        box-shadow: 0 20px 50px rgba(2,6,23,0.45), 0 6px 18px rgba(2,6,23,0.18);
                        position: relative;
                        z-index: 10;
                        transform: translateY(6px) scale(.99);
                        transition: transform 220ms cubic-bezier(.2,.9,.2,1), opacity 220ms ease;
                        opacity: 0; 
                        max-height: 82vh; /* allow internal scrolling */
                        overflow: auto; /* scroll inside modal */
                        border: 1px solid rgba(255,255,255,0.03);
                    }
                    .modal.open .modal-content, .modal.show .modal-content { transform: translateY(0) scale(1); opacity: 1; }

                    /* Nice close button styling */
                    .modal-close {
                        position: absolute;
                        right: 14px;
                        top: 12px;
                        background: transparent;
                        border: none;
                        color: var(--muted);
                        font-size: 18px;
                        cursor: pointer;
                        padding: 8px;
                        border-radius: 8px;
                    }
                    .modal-close:hover { background: rgba(0,0,0,0.04); color: var(--text); }

                    /* Neon red close 'X' for modal */
                    .modal-close, .close-button {
                        background: linear-gradient(180deg,#ff4b6e,#ff1f50);
                        color: #fff !important;
                        width: 44px;
                        height: 44px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 12px;
                        padding: 0;
                        font-size: 16px;
                        box-shadow: 0 10px 30px rgba(255,40,80,0.18), 0 0 28px rgba(255,60,90,0.10) inset;
                        transition: transform 150ms ease, box-shadow 150ms ease, opacity 120ms ease;
                        border: 1px solid rgba(255,255,255,0.04);
                    }
                    .modal-close i, .close-button svg { filter: drop-shadow(0 6px 18px rgba(255,60,90,0.22)); }
                    .modal-close:hover, .close-button:hover {
                        transform: translateY(-2px) scale(1.06);
                        box-shadow: 0 18px 48px rgba(255,40,80,0.28), 0 0 40px rgba(255,90,110,0.14) inset;
                    }
                    .modal-close:active, .close-button:active { transform: scale(.98); }

                    /* Less intense on small screens */
                    @media (max-width:480px) {
                        .modal-close, .close-button { width:40px; height:40px; font-size:15px; box-shadow: 0 8px 20px rgba(255,40,80,0.16); }
                    }

                    /* Reviews modal specific tweaks for a premium look */
                    .reviews-modal-content { padding: 18px 22px; }
                    .reviews-modal-content .modal-header { display:flex; align-items:start; gap:12px; margin-bottom:12px; }
                    .reviews-modal-content #reviews-modal-title { margin:0; font-size:20px; }
                    .reviews-modal-content .modal-subtitle { color:var(--muted); font-size:13px; margin-top:4px; }

                    /* Premium hero and grid layout */
                    .reviews-modal-hero {
                        display: block;
                        border-radius: 14px;
                        padding: 18px;
                        background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
                        border: 1px solid rgba(255,255,255,0.06);
                        box-shadow: 0 14px 45px rgba(2,6,23,0.22);
                        margin-bottom: 14px;
                    }
                    .reviews-modal-grid { display:grid; grid-template-columns: 1fr 360px; gap:18px; align-items:start; }
                    .reviews-modal-left { min-width:0; }
                    .reviews-modal-right { width:100%; max-width:360px; }

                    .reviews-hero-top {
                        display: grid;
                        grid-template-columns: 1fr;
                        gap: 10px;
                        align-items: start;
                    }

                    /* Remove the star badge: it was causing layout shifts */
                    .reviews-hero-badge {
                        display: none !important;
                    }

                    #reviews-modal-title {
                        font-size: 22px;
                        margin: 0;
                        color: rgba(255,255,255,0.96);
                        letter-spacing: -0.3px;
                    }

                    .reviews-hero-sub {
                        color: rgba(255,255,255,0.74);
                        font-size: 13px;
                        margin-top: 6px;
                    }

                    .reviews-stats {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                        margin-top: 12px;
                    }

                    .reviews-stat {
                        background: rgba(255,255,255,0.04);
                        padding: 9px 12px;
                        border-radius: 12px;
                        text-align: left;
                        min-width: 120px;
                        border: 1px solid rgba(255,255,255,0.05);
                    }

                    .reviews-stat .val {
                        font-weight: 900;
                        font-size: 16px;
                        display: block;
                        color: rgba(255,255,255,0.95);
                    }

                    .reviews-stat .label {
                        font-size: 12px;
                        color: rgba(255,255,255,0.70);
                    }

                    /* Toolbar (sort/filter chips) */
                    .reviews-toolbar {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px 12px;
                        margin-top: 12px;
                    }

                    .reviews-toolbar-section {
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        gap: 8px;
                    }

                    .reviews-toolbar-label {
                        font-size: 12px;
                        font-weight: 800;
                        color: rgba(255,255,255,0.72);
                        text-transform: uppercase;
                        letter-spacing: 0.35px;
                        margin-right: 2px;
                    }

                    .reviews-chip {
                        appearance: none;
                        border: 1px solid rgba(255,255,255,0.08);
                        background: rgba(255,255,255,0.03);
                        color: rgba(255,255,255,0.90);
                        border-radius: 999px;
                        padding: 8px 12px;
                        font-size: 12px;
                        font-weight: 800;
                        cursor: pointer;
                        transition: transform 120ms ease, background 140ms ease, border-color 140ms ease;
                    }

                    .reviews-chip:hover {
                        transform: translateY(-1px);
                        background: rgba(255,255,255,0.06);
                        border-color: rgba(255,255,255,0.16);
                    }

                    .reviews-chip.active {
                        background: linear-gradient(180deg, rgba(255, 211, 106, 0.18), rgba(255, 159, 47, 0.10));
                        border-color: rgba(255, 211, 106, 0.35);
                        box-shadow: 0 10px 26px rgba(255,170,30,0.12);
                    }

                    /* Card-like reviews inside modal */
                    .modal-reviews-list .review-card { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:14px; border-radius:10px; margin-bottom:12px; box-shadow: 0 6px 24px rgba(6,10,30,0.06); border:1px solid rgba(255,255,255,0.02); }
                    .modal-reviews-list .reviewer-name { font-weight:700; }
                    .modal-reviews-list .review-date { color:var(--muted); font-size:12px; }
                    .modal-reviews-list .review-text { margin-top:8px; line-height:1.45; color:var(--text); }

                    /* Right column: quick filters or highlights */
                    .reviews-sidebar { position:relative; top:0; }
                    .reviews-highlight { background: linear-gradient(180deg,#0b1224, #061026); color:#fff; padding:12px; border-radius:10px; box-shadow: 0 8px 30px rgba(2,6,23,0.35); margin-bottom:12px; }

                    /* Responsive: collapse to single column on small screens */
                    @media (max-width: 880px) {
                        .reviews-modal-grid { grid-template-columns: 1fr; }
                        .reviews-modal-right { max-width:100%; }
                        .reviews-hero-top { grid-template-columns: 1fr; }
                    }

                    /* Mobile polish: make hero + toolbar look clean on phones */
                    @media (max-width: 520px) {
                        .reviews-modal-hero { padding: 14px; border-radius: 14px; }
                        .reviews-hero-top { grid-template-columns: 1fr; gap: 10px; }
                        #reviews-modal-title { font-size: 18px; }
                        .reviews-hero-sub { font-size: 12px; margin-top: 4px; }

                        .reviews-stats { gap: 8px; margin-top: 10px; }
                        .reviews-stat { min-width: 0; flex: 1 1 calc(50% - 8px); padding: 8px 10px; border-radius: 12px; }
                        .reviews-stat .val { font-size: 15px; }
                        .reviews-stat .label { font-size: 12px; }

                        .reviews-toolbar { gap: 8px; margin-top: 10px; }
                        .reviews-toolbar-label { display: none; }
                        .reviews-toolbar-section { width: 100%; }

                        /* Horizontal scroll chips (so long labels don't wrap ugly) */
                        .reviews-toolbar-section {
                            overflow-x: auto;
                            -webkit-overflow-scrolling: touch;
                            flex-wrap: nowrap;
                            padding-bottom: 6px;
                            scrollbar-width: none;
                        }
                        .reviews-toolbar-section::-webkit-scrollbar { display: none; }

                        .reviews-chip {
                            white-space: nowrap;
                            padding: 8px 10px;
                            font-size: 12px;
                            flex: 0 0 auto;
                        }
                    }

                    /* Make internal scrollbar subtle but visible */
                    .modal-content::-webkit-scrollbar { width:10px; height:10px; }
                    .modal-content::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.35)); border-radius:10px; }
                    .modal-content::-webkit-scrollbar-track { background: transparent; }

                    .premium-modal {
                        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
                        padding: 32px 24px;
                        border-radius: 20px;
                        border: 1px solid rgba(14, 165, 233, 0.1);
                        box-shadow: 0 20px 60px rgba(15, 23, 36, 0.15);
                    }

                    .million-dollar {
                        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 50%, #f8fafc 100%);
                        padding: 48px 40px;
                        border-radius: 32px;
                        border: 2px solid rgba(14, 165, 233, 0.15);
                        box-shadow: 
                            0 30px 80px rgba(14, 165, 233, 0.2),
                            0 0 100px rgba(14, 165, 233, 0.08),
                            inset 0 1px 2px rgba(255, 255, 255, 0.8);
                        position: relative;
                        overflow: hidden;
                    }

                    .million-dollar::before {
                        content: '';
                        position: absolute;
                        top: -50%;
                        right: -50%;
                        width: 200%;
                        height: 200%;
                        background: radial-gradient(circle, rgba(14, 165, 233, 0.08) 0%, transparent 70%);
                        animation: float 20s ease-in-out infinite;
                    }

                    @keyframes float {
                        0%, 100% { transform: translate(0, 0); }
                        50% { transform: translate(20px, -20px); }
                    }

                    .million-dollar .modal-header {
                        position: relative;
                        z-index: 2;
                    }

                    .modal-header {
                        text-align: center;
                        margin-bottom: 28px;
                    }

                    .modal-header h2 {
                        font-size: 28px;
                        font-weight: 700;
                        background: linear-gradient(135deg, var(--text) 0%, var(--primary) 100%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        margin-bottom: 6px;
                    }

                    .modal-subtitle {
                        color: var(--muted);
                        font-size: 14px;
                        font-weight: 500;
                    }

                    /* Contact methods */
                    .contact-methods {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr;
                        gap: 12px;
                        margin-bottom: 24px;
                    }

                    .contact-btn {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        padding: 18px 12px;
                        border-radius: 16px;
                        text-decoration: none;
                        border: 2px solid transparent;
                        transition: all 0.3s ease;
                        font-weight: 600;
                        font-size: 13px;
                        color: #fff;
                        position: relative;
                        overflow: hidden;
                    }

                    .contact-btn::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, transparent 100%);
                        pointer-events: none;
                    }

                    .contact-icon {
                        font-size: 32px;
                        margin-bottom: 8px;
                        display: block;
                        position: relative;
                        z-index: 1;
                    }

                    .contact-label {
                        display: block;
                        position: relative;
                        z-index: 1;
                    }

                    .telegram-btn {
                        background: linear-gradient(135deg, #0088cc 0%, #0066aa 100%);
                        box-shadow: 0 8px 24px rgba(0, 136, 204, 0.25);
                    }

                    .telegram-btn:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 14px 36px rgba(0, 136, 204, 0.4);
                    }

                    .whatsapp-btn {
                        background: linear-gradient(135deg, #25d366 0%, #20ba5a 100%);
                        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.25);
                    }

                    .whatsapp-btn:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 14px 36px rgba(37, 211, 102, 0.4);
                    }

                    .phone-btn {
                        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                        box-shadow: 0 8px 24px rgba(14, 165, 233, 0.25);
                    }

                    .phone-btn:hover {
                        transform: translateY(-4px);
                        box-shadow: 0 14px 36px rgba(14, 165, 233, 0.4);
                    }

                    .modal-badges {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 10px;
                        margin-top: 28px;
                        padding-top: 20px;
                        border-top: 1px solid rgba(14, 165, 233, 0.08);
                    }

                    .badge-mini {
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.06), rgba(6, 182, 212, 0.02));
                        border: 1px solid rgba(14, 165, 233, 0.12);
                        padding: 12px 8px;
                        border-radius: 10px;
                        font-size: 12px;
                        font-weight: 600;
                        color: var(--text);
                        text-align: center;
                        transition: all 0.3s ease;
                    }

                    .badge-mini:hover {
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.06));
                        border-color: var(--primary);
                        transform: translateY(-2px);
                    }

                    .divider {
                        text-align: center;
                        color: var(--muted);
                        font-size: 12px;
                        font-weight: 600;
                        margin: 20px 0;
                        position: relative;
                    }

                    .divider::before,
                    .divider::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        width: 35%;
                        height: 1px;
                        background: linear-gradient(90deg, transparent, rgba(100, 116, 139, 0.3), transparent);
                    }

                    .divider::before {
                        left: 0;
                    }

                    .divider::after {
                        right: 0;
                    }

                    .divider-premium {
                        text-align: center;
                        color: var(--primary);
                        font-size: 14px;
                        font-weight: 700;
                        margin: 28px 0 20px 0;
                        position: relative;
                        padding-top: 16px;
                    }

                    .divider-premium::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 60px;
                        height: 3px;
                        background: linear-gradient(90deg, transparent, var(--primary), transparent);
                        border-radius: 2px;
                    }

                    .info-block {
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(6, 182, 212, 0.04) 100%);
                        border: 2px solid rgba(14, 165, 233, 0.1);
                        border-radius: 16px;
                        padding: 18px 20px;
                        margin: 16px 0 24px 0;
                        text-align: center;
                        position: relative;
                        overflow: hidden;
                    }

                    .info-block::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.05), transparent);
                        pointer-events: none;
                    }

                    .info-block p {
                        color: var(--text);
                        font-size: 14px;
                        line-height: 1.6;
                        margin: 0;
                        position: relative;
                        z-index: 1;
                    }

                    .info-block strong {
                        color: var(--primary);
                        font-weight: 700;
                    }

                    .premium-form {
                        display: grid;
                        gap: 16px;
                    }

                    .premium-button {
                        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
                        color: #fff;
                        border: none;
                        padding: 14px 24px;
                        border-radius: 12px;
                        font-size: 15px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                        box-shadow: 0 8px 20px rgba(14, 165, 233, 0.25);
                        margin-top: 8px;
                    }

                    .premium-button:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 12px 32px rgba(14, 165, 233, 0.35);
                    }

                    .premium-button:active {
                        transform: translateY(0);
                    }

                    .ultra-premium {
                        padding: 16px 32px;
                        font-size: 16px;
                        font-weight: 700;
                        border-radius: 14px;
                        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #0284c7 100%);
                        box-shadow: 
                            0 12px 32px rgba(14, 165, 233, 0.3),
                            0 0 30px rgba(14, 165, 233, 0.15);
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        position: relative;
                        overflow: hidden;
                    }

                    .ultra-premium::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
                        top: -100%;
                        transition: top 0.6s ease;
                    }

                    .ultra-premium:hover::before {
                        top: 100%;
                    }

                    .ultra-premium:hover {
                        transform: translateY(-3px);
                        box-shadow: 
                            0 16px 48px rgba(14, 165, 233, 0.4),
                            0 0 50px rgba(14, 165, 233, 0.2);
                    }

                    .button-icon {
                        font-size: 16px;
                    }

                    .close {
                        position: absolute;
                        top: 16px;
                        right: 16px;
                        font-size: 28px;
                        font-weight: 300;
                        color: var(--muted);
                        cursor: pointer;
                        transition: all 0.3s ease;
                        background: none;
                        border: none;
                        padding: 0;
                        width: 36px;
                        height: 36px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 8px;
                    }

                    .close:hover {
                        color: var(--text);
                        background: rgba(14, 165, 233, 0.1);
                        transform: rotate(90deg);
                    }

                    /* Footer */
                    .footer { margin-top:36px; padding:28px 18px; background: linear-gradient(180deg,#ffffff,#f8fafc); border-radius:12px; }
                    .footer-content { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
                    .footer-column h3 { font-size:14px; margin-bottom:8px; }
                    .footer-bottom { text-align:center; margin-top:18px; color:var(--muted); font-size:13px; }
                    .footer a, .footer-bottom p { overflow-wrap: anywhere; word-break: break-word; }

                    /* Location section — stylish card with map placeholder */
                    .location-section { margin-top:20px; }
                    .location-card { display:flex; gap:18px; align-items:center; background: linear-gradient(180deg,#ffffff,#fbfdff); border-radius:14px; padding:18px; box-shadow: var(--shadow-md); width:100%; }
                    .location-card .location-info { flex:1; }
                    .location-info h2 { font-size:20px; margin:0 0 6px 0; }
                    .location-address { font-weight:800; font-size:16px; color:var(--text); margin-bottom:8px; }
                    .location-features { list-style:none; padding:0; margin:0; display:grid; gap:6px; color:var(--muted); }
                    .location-features li { padding-left:10px; position:relative; font-weight:600 }
                    .location-features li::before { content: ""; position:absolute; left:0; top:7px; width:8px; height:8px; background:var(--primary); border-radius:2px }
                    .contact-mini { margin-top:12px; color:var(--muted); font-weight:700 }
                    .contact-mini a { color:var(--primary); text-decoration:none }
                    .location-map { flex:0 0 280px; height:160px; border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative }
                    .map-placeholder { width:100%; height:100%; background: linear-gradient(135deg,#e6f7fb,#f8fbff); display:flex; align-items:center; justify-content:center; color:var(--muted); font-weight:800; border:1px solid rgba(14,165,233,0.06); }
                    .location-map iframe { width:100%; height:100%; border:0; display:block; }

                    /* On touch devices, embedded map iframes often hijack scroll gestures.
                       We show a small overlay that keeps the page scrollable; tap to enable map interaction temporarily. */
                    .map-scroll-shield{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px; color:rgba(15,23,42,0.82); font-weight:900; font-size:13px; letter-spacing:-0.1px; cursor:pointer; user-select:none; -webkit-user-select:none; background:rgba(255,255,255,0.55); backdrop-filter: blur(1px); }
                    .map-scroll-shield.hidden{ display:none; }
                    @media (pointer: fine) {
                        .map-scroll-shield{ display:none !important; }
                    }

                    @media (max-width: 800px) {
                        .location-card { flex-direction:column; align-items:stretch; }
                        .location-map { width:100%; height:220px; }
                    }

                    /* Responsive adjustments */
                    @media (max-width: 980px) {
                    .master-profile { grid-template-columns: 1fr; }
                    .carousel-track img { width:140px; height:90px; }
                    .footer-content { grid-template-columns:repeat(2,1fr); }
                    }

                    /* Tablet layout (do NOT affect phones): use side-by-side header when card is wide */
                    @media (min-width: 601px) and (max-width: 980px) {
                    .master-header { flex-direction: row; align-items: flex-start; text-align: left; }
                    .master-main-info { align-items: flex-start; width: auto; }
                    .master-title { align-items: flex-start; }
                    .rating-block { justify-content: flex-start; width: auto; }
                    }

                    @media (max-width: 600px) {
                    .ad-header h1 { font-size:20px; }
                    .carousel-track img { width:120px; height:80px; }
                    .footer-content { grid-template-columns:1fr; }
                    }

                    /* Small helpers */
                    .highlight { color: var(--primary); font-weight:700; }
                    .urgent-notice { background:linear-gradient(90deg, rgba(255,240,230,0.9), rgba(255,255,255,0.6)); padding:8px 12px; border-radius:8px; display:inline-block; font-weight:700; }

                    /* Image lazy blur placeholder */
                    .img-wrap { position: relative; display: inline-block; overflow: hidden; border-radius: 8px; background: linear-gradient(90deg,#f3f4f6,#ffffff); }
                    .img-wrap img.lazy-img { display:block; width:100%; height:100%; transition: filter .5s ease, transform .5s ease, opacity .35s ease; filter: blur(12px) scale(1.03); opacity:0.001; }
                    .img-wrap.loaded img.lazy-img { filter: blur(0) scale(1); opacity:1; }
                    .img-wrap::after { content: ''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0)); pointer-events:none }

                    /* Master avatar: override generic .img-wrap defaults (must be after .img-wrap rules) */
                    .master-photo-wrapper.img-wrap {
                        /* Responsive size that doesn't break the header layout */
                        --avatar-size: clamp(96px, 12vw, 140px);
                        width: var(--avatar-size);
                        height: var(--avatar-size);
                        flex: 0 0 var(--avatar-size);
                        display: block;
                        align-self: center;

                        border-radius: 999px;
                        overflow: hidden;
                        background:
                            radial-gradient(120% 90% at 30% 20%, rgba(14, 165, 233, 0.22) 0%, rgba(255, 255, 255, 0) 55%),
                            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
                        border: 1px solid rgba(2, 6, 23, 0.10);
                        box-shadow:
                            0 18px 45px rgba(2, 6, 23, 0.12),
                            0 8px 22px rgba(14, 165, 233, 0.10);
                    }

                    @media (min-width: 601px) and (max-width: 980px) {
                        .master-photo-wrapper.img-wrap {
                            align-self: flex-start;
                        }
                    }

                    .master-photo-wrapper.img-wrap img.master-photo {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center;
                        padding: 0;
                        border-radius: 999px;
                    }

                    /* Ensure avatar isn't stuck blurred if something goes wrong with lazy init */
                    .master-photo-wrapper.img-wrap img.master-photo.lazy-img {
                        opacity: 1;
                        filter: blur(0);
                        transform: none;
                    }

                    @media (max-width: 600px) {
                        .master-photo-wrapper.img-wrap {
                            --avatar-size: clamp(120px, 42vw, 170px);
                            align-self: center;
                        }
                    }

                    /* Ensure small logo container keeps layout */
                    .logo-wrap.img-wrap { width:60px; height:60px; background: transparent; border-radius: 0; padding: 0; }

                    /* Ensure logo image has no border/outline and is visible */
                    .logo-gif { border: none; outline: none; background: transparent; }
                    /* logo should become visible when its wrapper has .loaded */
                    .logo-wrap.img-wrap img { opacity:0.001; }
                    .logo-wrap.img-wrap.loaded img { opacity:1; }

                    /* animation */
                    @keyframes pulse {
                    0% { transform: scale(1); opacity: 1; }
                    50% { transform: scale(1.12); opacity: 0.7; }
                    100% { transform: scale(1); opacity: 1; }
                    }

                    .contact-block {
                        position: fixed; /* always attached to viewport bottom */
                        left: 0;
                        right: 0;
                        bottom: 0;
                        padding: 12px 16px;
                        background: rgba(255, 255, 255, 0.98);
                        backdrop-filter: blur(8px);
                        border-top: 1px solid rgba(0,0,0,0.05);
                        display: flex;
                        gap: 12px;
                        box-shadow: 0 -6px 30px rgba(0,0,0,0.08);
                        z-index: 950; /* above cookie banner, below modals */
                        width: 100%;
                        max-width: 980px;
                        margin: 0 auto;
                        left: 0; right: 0;
                    }

                    .phone-button, .message-button {
                        flex: 1;
                        padding: 12px 18px;
                        border-radius: 10px;
                        font-size: 14px;
                        font-weight: 600;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 6px;
                        transition: all 0.3s ease;
                        border: none;
                        cursor: pointer;
                    }

                    .phone-button {
                        background: linear-gradient(135deg, #0ea5e9, #06b6d4);
                        color: white;
                        box-shadow: 0 8px 20px rgba(14, 165, 233, 0.35);
                    }

                    .message-button {
                        background: linear-gradient(135deg, #06b6d4, #14b8a6);
                        color: white;
                        box-shadow: 0 8px 20px rgba(6, 182, 212, 0.35);
                    }

                    .phone-button:hover, .message-button:hover {
                        transform: translateY(-3px);
                        box-shadow: 0 12px 30px rgba(0,0,0,0.2);
                    }

                    .phone-button:active, .message-button:active {
                        transform: translateY(-1px);
                    }

                    .header {
                        background: white;
                        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                        padding: 15px 0;
                    }

                    .header nav {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .logo {
                        font-size: 24px;
                        font-weight: bold;
                        color: var(--primary-color);
                        text-decoration: none;
                    }

                    .contact-phone a {
                        font-size: 20px;
                        color: var(--text-color);
                        text-decoration: none;
                    }

                    .hero {
                        background: var(--light-gray);
                        padding: 60px 0;
                        text-align: center;
                    }

                    .hero h1 {
                        font-size: 36px;
                        margin-bottom: 20px;
                    }

                    .subtitle {
                        font-size: 20px;
                        margin-bottom: 30px;
                    }

                    .cta-button {
                        background: var(--primary-color);
                        color: white;
                        border: none;
                        padding: 15px 30px;
                        font-size: 18px;
                        border-radius: 5px;
                        cursor: pointer;
                        transition: background 0.3s;
                    }

                    .cta-button:hover {
                        background: #1976D2;
                    }

                    .services, .advantages {
                        padding: 60px 0;
                    }

                    .services h2, .advantages h2 {
                        text-align: center;
                        margin-bottom: 40px;
                    }

                    .services-grid, .advantages-grid {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                        gap: 30px;
                    }

                    .service-card {
                        background: white;
                        padding: 20px;
                        border-radius: 5px;
                        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                        text-align: center;
                    }

                    .advantage-item {
                        text-align: center;
                    }

                    footer {
                        background: var(--light-gray);
                        padding: 20px 0;
                        text-align: center;
                    }

                    .modal {
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0,0,0,0.5);
                        backdrop-filter: blur(5px);
                    }

                    .modal-content {
                        background: linear-gradient(145deg, #ffffff, #f5f7fa);
                        padding: 40px;
                        border-radius: 24px;
                        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
                    }

                    .modal-content h2 {
                        color: #2c3e50;
                        margin-bottom: 30px;
                        font-size: 24px;
                        text-align: center;
                    }

                    .close {
                        position: absolute;
                        right: 20px;
                        top: 10px;
                        font-size: 28px;
                        cursor: pointer;
                    }

                    #contact-form {
                        display: flex;
                        flex-direction: column;
                        gap: 15px;
                    }

                    #contact-form input {
                        padding: 10px;
                        border: 1px solid #ddd;
                        border-radius: 5px;
                    }

                    #contact-form button {
                        background: var(--primary-color);
                        color: white;
                        border: none;
                        padding: 10px;
                        border-radius: 5px;
                        cursor: pointer;
                    }

                    .work-hours {
                        font-size: 14px;
                        color: #666;
                        margin-top: 5px;
                    }

                    .price-table {
                        background: white;
                        border-radius: 8px;
                        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                        margin: 20px 0;
                    }

                    .price-row {
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-start;
                        gap: 12px;
                        padding: 15px 20px;
                        border-bottom: 1px solid #eee;
                    }

                    /* Prevent price rows from forcing horizontal scroll on narrow screens */
                    .price-row > span { flex: 1 1 auto; min-width: 0; }
                    .price-row > strong { flex: 0 0 auto; white-space: nowrap; }

                    @media (max-width: 480px) {
                        .price-row { flex-wrap: wrap; }
                    }

                    .reviews-grid {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                        gap: 20px;
                        margin-top: 30px;
                    }

                    /* Removed old duplicate review styles (replaced by modern .review-card above) */

                    .stats {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                        gap: 30px;
                        text-align: center;
                        margin: 40px 0;
                    }

                    .stat-item h3 {
                        font-size: 32px;
                        color: var(--primary-color);
                        margin-bottom: 10px;
                    }

                    .photo-carousel {
                        margin: 20px 0;
                        padding: 20px;
                        background: white;
                        border-radius: 8px;
                        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
                    }

                    .carousel-container {
                        position: relative;
                        overflow: hidden;
                        margin-bottom: 10px;
                    }

                    .carousel-track {
                        display: flex;
                        transition: transform 0.3s ease;
                    }

                    .carousel-track img {
                        width: 100%;
                        height: 400px;
                        object-fit: contain;
                        flex-shrink: 0;
                    }

                    .carousel-button {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        background: rgba(255,255,255,0.8);
                        border: none;
                        padding: 15px;
                        cursor: pointer;
                        font-size: 20px;
                    }

                    .carousel-button.prev { left: 10px; }
                    .carousel-button.next { right: 10px; }

                    .carousel-thumbnails {
                        display: flex;
                        gap: 10px;
                        overflow-x: auto;
                        padding: 10px 0;
                    }

                    .carousel-thumbnails img {
                        width: 80px;
                        height: 60px;
                        object-fit: cover;
                        cursor: pointer;
                        opacity: 0.6;
                        transition: opacity 0.3s;
                    }

                    .carousel-thumbnails img.active {
                        opacity: 1;
                        border: 2px solid var(--primary-color);
                    }

                    .reviews-section {
                        margin: 30px 0;
                        padding: 20px;
                        background: white;
                        border-radius: 8px;
                        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
                    }

                    .add-review-button {
                        background: var(--primary-color);
                        color: white;
                        border: none;
                        padding: 10px 20px;
                        border-radius: 4px;
                        cursor: pointer;
                        margin-bottom: 20px;
                    }

                    /* Логотип сайта */
                    .site-logo {
                        text-align: center;
                        padding: 15px;
                        background: linear-gradient(135deg, #f8f9fa, #e9ecef);
                        margin-bottom: 20px;
                    }

                    .site-logo h1 {
                        font-size: 18px;
                        color: #666;
                        font-weight: normal;
                    }

                    /* Бейджи доверия */
                    .trust-badges {
                        display: flex;
                        gap: 10px;
                        flex-wrap: wrap;
                        margin: 15px 0;
                    }

                    .badge {
                        display: flex;
                        align-items: center;
                        gap: 5px;
                        padding: 6px 12px;
                        border-radius: 20px;
                        font-size: 14px;
                        font-weight: 500;
                        background: #f8f9fa;
                    }

                    .badge.verified {
                        color: #2ecc71;
                        background: rgba(46, 204, 113, 0.1);
                    }

                    .badge.trusted {
                        color: #3498db;
                        background: rgba(52, 152, 219, 0.1);
                    }

                    .badge.top {
                        color: #f1c40f;
                        background: rgba(241, 196, 15, 0.1);
                    }

                    /* Улучшенная пагинация */
                    .reviews-pagination {
                        display: flex;
                        justify-content: center;
                        gap: 8px;
                        margin-top: 30px;
                        align-items: center;
                    }

                    .pagination-button {
                        border: none;
                        background: white;
                        padding: 8px 12px;
                        border-radius: 8px;
                        color: var(--text-color);
                        cursor: pointer;
                        transition: all 0.2s;
                        min-width: 40px;
                        font-size: 14px;
                    }

                    .pagination-button:hover {
                        background: var(--light-gray);
                    }

                    .pagination-button.active {
                        background: var(--primary-color);
                        color: white;
                    }

                    .pagination-button.nav {
                        color: var(--primary-color);
                    }

                    /* Стили пагинации */
                    .pagination-button {
                        padding: 8px 16px;
                        border: 1px solid #e0e0e0;
                        background: white;
                        color: var(--text-color);
                        cursor: pointer;
                        transition: all 0.2s;
                        min-width: 40px;
                        border-radius: 8px;
                        font-size: 14px;
                        margin: 0 2px;
                    }

                    .pagination-button:hover:not([disabled]) {
                        background: var(--primary-color);
                        color: white;
                        border-color: var(--primary-color);
                    }

                    .pagination-button.active {
                        background: var(--primary-color);
                        color: white;
                        border-color: var(--primary-color);
                    }

                    .pagination-button[disabled] {
                        opacity: 0.5;
                        cursor: not-allowed;
                    }

                    .pagination-dots {
                        padding: 0 8px;
                        color: #666;
                    }

                    /* Улучшенные кнопки действий */
                    .action-button {
                        padding: 12px 24px;
                        border-radius: 8px;
                        font-size: 16px;
                        font-weight: 500;
                        cursor: pointer;
                        transition: all 0.2s;
                        text-align: center;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                    }

                    .action-button.primary {
                        background: var(--primary-color);
                        color: white;
                        border: none;
                    }

                    .action-button.secondary {
                        background: white;
                        color: var(--primary-color);
                        border: 2px solid var(--primary-color);
                    }

                    .action-button:hover {
                        transform: translateY(-1px);
                        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                    }

                    /* Улучшенные кнопки */
                    .button {
                        padding: 16px 32px;
                        border-radius: 12px;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                        position: relative;
                        overflow: hidden;
                        text-align: center;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                    }

                    .button::after {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(rgba(255,255,255,0.2), transparent);
                        top: -100%;
                        left: 0;
                        transition: 0.3s;
                    }

                    .button:hover::after {
                        top: 0;
                    }

                    .button.primary {
                        background: linear-gradient(135deg, #3498db, #2980b9);
                        color: white;
                        border: none;
                        box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
                    }

                    .button.secondary {
                        background: white;
                        color: #3498db;
                        border: 2px solid #3498db;
                        box-shadow: 0 4px 15px rgba(52, 152, 219, 0.1);
                    }

                    .button:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4);
                    }

                    .button:active {
                        transform: translateY(1px);
                    }

                    /* Улучшенные стили кнопок */
                    .button, .add-review-button {
                        font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
                        font-size: 15px;
                        font-weight: 600;
                        text-transform: none;
                        letter-spacing: 0.3px;
                        padding: 14px 24px;
                        border-radius: 12px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                        transition: all 0.2s ease;
                        white-space: nowrap;
                        text-decoration: none;
                    }

                    .add-review-button {
                        background: #3498db;
                        color: white;
                        padding: 12px 20px;
                        font-size: 14px;
                        border-radius: 8px;
                    }

                    /* Стилизованные формы */
                    .styled-form {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .form-group {
                        position: relative;
                        margin-bottom: 10px;
                    }

                    .form-group input,
                    .form-group textarea {
                        width: 100%;
                        padding: 16px 20px;
                        border: 2px solid #e1e8f0;
                        border-radius: 12px;
                        font-size: 16px;
                        background: rgba(255, 255, 255, 0.9);
                        transition: all 0.3s;
                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
                    }

                    .form-group label {
                        position: absolute;
                        left: 20px;
                        top: -10px;
                        background: white;
                        padding: 0 8px;
                        font-size: 14px;
                        color: #666;
                        border-radius: 4px;
                    }

                    .form-group input:focus,
                    .form-group textarea:focus {
                        border-color: var(--primary-color);
                        box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.1);
                        outline: none;
                    }

                    .form-group input:focus ~ label,
                    .form-group textarea:focus ~ label,
                    .form-group input:not(:placeholder-shown) ~ label,
                    .form-group textarea:not(:placeholder-shown) ~ label {
                        top: -12px;
                        left: 10px;
                        font-size: 12px;
                        background: white;
                        padding: 0 5px;
                        color: var(--primary-color);
                    }

                    /* Рейтинг звезд */
                    .rating-group {
                        background: white;
                        padding: 20px;
                        border-radius: 12px;
                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
                        display: flex;
                        flex-direction: column;
                        gap: 5px;
                    }

                    .stars {
                        display: flex;
                        flex-direction: row-reverse;
                        gap: 5px;
                        justify-content: center;
                        margin-bottom: 10px;
                    }

                    .stars input {
                        display: none;
                    }

                    .stars label {
                        font-size: 36px;
                        color: #ddd;
                        cursor: pointer;
                        transition: all 0.2s;
                        padding: 0 5px;
                    }

                    .stars input:checked ~ label,
                    .stars label:hover,
                    .stars label:hover ~ label {
                        color: #ffd700;
                    }

                    .stars label:hover {
                        transform: scale(1.2);
                    }

                    .rating-label {
                        font-size: 14px;
                        color: #666;
                        margin-top: 5px;
                    }

                    /* Кнопка отправки */
                    .submit-button {
                        position: relative;
                        padding: 16px 32px;
                        background: linear-gradient(135deg, #3498db, #2980b9);
                        color: white;
                        border: none;
                        border-radius: 12px;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        overflow: hidden;
                        transition: all 0.3s;
                        width: 100%;
                    }

                    .submit-button:hover {
                        transform: translateY(-2px);
                        background: linear-gradient(135deg, #2980b9, #2573a7);
                        box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
                    }

                    .submit-button:disabled {
                        background: linear-gradient(135deg, #bdc3c7, #95a5a6);
                        transform: none;
                        cursor: not-allowed;
                    }

                    /* Анимация загрузки */
                    .loading {
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        border: 3px solid rgba(255,255,255,0.3);
                        border-radius: 50%;
                        border-top-color: #fff;
                        animation: spin 1s ease-in-out infinite;
                    }

                    @keyframes spin {
                        to { transform: rotate(360deg); }
                    }

                    /* Уведомления */
                    .notification {
                        position: fixed;
                        top: 20px;
                        right: 20px;
                        padding: 20px;
                        border-radius: 12px;
                        background: white;
                        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
                        transform: translateX(150%);
                        transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                        z-index: 1000;
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    .notification.success {
                        border-left: 4px solid #2ecc71;
                    }

                    .notification.error {
                        border-left: 4px solid #e74c3c;
                    }

                    .notification.show {
                        transform: translateX(0);
                    }

                    .notification-icon {
                        font-size: 24px;
                    }

                    .notification-content {
                        flex: 1;
                    }

                    .notification-title {
                        font-weight: 600;
                        margin-bottom: 4px;
                    }

                    .notification-message {
                        color: #666;
                        font-size: 14px;
                    }

                    /* Футер */
                    .footer {
                        background: #fff;
                        padding: 30px 20px;
                        margin-top: 40px;
                        border-top: 1px solid #e0e0e0;
                    }

                    .footer-content {
                        max-width: 1200px;
                        margin: 0 auto;
                        display: grid;
                        grid-template-columns: repeat(4, 1fr);
                        gap: 30px;
                    }

                    .footer-column h3 {
                        color: #333;
                        font-size: 16px;
                        margin-bottom: 15px;
                    }

                    .footer-column ul {
                        list-style: none;
                        padding: 0;
                    }

                    .footer-column ul li {
                        margin-bottom: 8px;
                    }

                    .footer-column a {
                        color: #666;
                        text-decoration: none;
                        font-size: 14px;
                        transition: color 0.2s;
                    }

                    .footer-column a:hover {
                        color: var(--primary-color);
                    }

                    .footer-bottom {
                        margin-top: 30px;
                        padding-top: 20px;
                        border-top: 1px solid #eee;
                        text-align: center;
                        color: #999;
                        font-size: 14px;
                    }

                    /* Адаптивный футер */
                    @media (max-width: 768px) {
                        .footer-content {
                            grid-template-columns: repeat(2, 1fr);
                            gap: 20px;
                            padding: 0 15px;
                        }

                        .footer {
                            padding: 20px 0;
                            margin-bottom: 60px; /* Для фиксированной панели контактов */
                        }

                        .footer-column {
                            text-align: left;
                        }

                        .footer-column h3 {
                            font-size: 14px;
                            margin-bottom: 10px;
                        }

                        .footer-column ul li {
                            margin-bottom: 6px;
                        }

                        .footer-column a {
                            font-size: 13px;
                        }

                        .footer-bottom {
                            margin-top: 20px;
                            padding: 15px;
                            font-size: 12px;
                        }

                        .reviews-pagination {
                            flex-wrap: wrap;
                            justify-content: center;
                            gap: 5px;
                        }

                        .pagination-button {
                            padding: 6px 12px;
                            font-size: 13px;
                        }
                    }

                    @media (max-width: 480px) {
                        .footer-content {
                            grid-template-columns: 1fr;
                            text-align: center;
                        }

                        .footer-column {
                            margin-bottom: 20px;
                        }
                    }

                    @media (max-width: 768px) {
                        .hero h1 {
                            font-size: 28px;
                        }
                        
                        .services-grid, .advantages-grid {
                            grid-template-columns: 1fr;
                        }
                    }

                    @media (max-width: 600px) {
                        .container {
                            margin: 0;
                            border-radius: 0;
                        }
                        
                        .contact-block {
                            position: fixed;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            padding: 10px;
                            background: white;
                            box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
                            z-index: 950; /* sit above cookie banner */
                            width: 100%;
                        }
                    }

                    /* Response Time */
                    .response-time {
                        margin: 10px 0;
                    }

                    .response-badge {
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                        background: linear-gradient(135deg, #76b852, #8DC26F);
                        color: white;
                        padding: 6px 12px;
                        border-radius: 20px;
                        font-size: 14px;
                        font-weight: 500;
                        box-shadow: 0 2px 8px rgba(118, 184, 82, 0.3);
                    }

                    /* Online Status */
                    .online-status {
                        font-size: 14px;
                        color: #666;
                        display: flex;
                        align-items: center;
                        gap: 6px;
                    }

                    .online-status.active::before {
                        content: '';
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        background: #2ecc71;
                        border-radius: 50%;
                        animation: pulse 2s infinite;
                    }

                    @keyframes pulse {
                        0% { transform: scale(1); opacity: 1; }
                        50% { transform: scale(1.2); opacity: 0.8; }
                        100% { transform: scale(1); opacity: 1; }
                    }

                    /* Service Features */
                    .service-features {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                        gap: 20px;
                        margin: 30px 0;
                    }

                    .feature-item {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        padding: 15px;
                        background: white;
                        border-radius: 12px;
                        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
                        transition: transform 0.2s;
                    }

                    .feature-item:hover {
                        transform: translateY(-2px);
                    }

                    .feature-icon {
                        font-size: 24px;
                        width: 40px;
                        height: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: linear-gradient(135deg, #f8f9fa, #e9ecef);
                        border-radius: 10px;
                    }

                    /* Benefits List */
                    .benefits-list {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                        gap: 20px;
                        margin: 25px 0;
                    }

                    .benefit-item {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                        padding: 15px 20px;
                        background: white;
                        border-radius: 12px;
                        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
                        transition: transform 0.2s;
                    }

                    .benefit-item:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                    }

                    /* Process Steps */
                    .process-steps {
                        display: grid;
                        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                        gap: 30px;
                        margin: 30px 0;
                    }

                    .step {
                        position: relative;
                        background: white;
                        padding: 25px;
                        border-radius: 15px;
                        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
                        transition: all 0.3s ease;
                        text-align: center;
                    }

                    .step:hover {
                        transform: translateY(-5px);
                        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
                    }

                    .step-icon {
                        font-size: 32px;
                        margin-bottom: 15px;
                    }

                    .step-number {
                        position: absolute;
                        top: -15px;
                        right: -15px;
                        width: 30px;
                        height: 30px;
                        background: var(--primary-color);
                        color: white;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: bold;
                    }

                    .step-description h4 {
                        margin: 10px 0;
                        color: var(--primary-color);
                    }

                    .step-description p {
                        color: #666;
                        font-size: 14px;
                    }

                    .views-count {
                        background: linear-gradient(135deg, #f8f9fa, #e9ecef);
                        padding: 8px 15px;
                        border-radius: 20px;
                        font-size: 14px;
                        color: #666;
                        display: inline-flex;
                        align-items: center;
                        margin-top: 15px;
                    }

                    /* =====================================================
                    МОДАЛЬНОЕ ОКНО НА МИЛЛИОН ДОЛЛАРОВ
                    ===================================================== */

                    @keyframes modalEnter {
                        0% {
                            opacity: 0;
                            transform: scale(0.85) translateY(30px);
                        }
                        50% {
                            transform: scale(1.02);
                        }
                        100% {
                            opacity: 1;
                            transform: scale(1) translateY(0);
                        }
                    }

                    @keyframes shineEffect {
                        0% {
                            left: -100%;
                            opacity: 0;
                        }
                        20% {
                            opacity: 1;
                        }
                        100% {
                            left: 100%;
                            opacity: 0;
                        }
                    }

                    @keyframes slideUp {
                        from {
                            opacity: 0;
                            transform: translateY(20px);
                        }
                        to {
                            opacity: 1;
                            transform: translateY(0);
                        }
                    }

                    @keyframes fadeIn {
                        from { opacity: 0; }
                        to { opacity: 1; }
                    }

                    /* Модальное окно - основной контейнер */
                    .premium-modal-wrapper {
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        z-index: 1000;
                        align-items: center;
                        justify-content: center;
                    }

                    .premium-modal-wrapper.open {
                        display: flex;
                        animation: fadeIn 0.3s ease-out;
                    }

                    /*
                    IMPORTANT: .modal-content has a global default opacity: 0 and only becomes
                    visible inside `.modal.open`. Premium modals use `.premium-modal-wrapper.open`,
                    so we must explicitly keep the content visible here.
                    */
                    .premium-modal-wrapper .modal-content {
                        opacity: 1;
                        transform: none;
                    }

                    /* Полупрозрачный оверлей с блюром */
                    .premium-modal-wrapper .modal-overlay {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: rgba(15, 23, 36, 0.7);
                        backdrop-filter: blur(4px);
                        cursor: pointer;
                        animation: fadeIn 0.3s ease-out;
                    }

                    /* Основное содержимое модального окна */
                    .ultra-premium-modal {
                        position: relative;
                        background: linear-gradient(135deg, rgba(15, 23, 36, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);
                        border: 1px solid rgba(6, 182, 212, 0.3);
                        border-radius: 24px;
                        padding: 45px;
                        max-width: 500px;
                        width: 90%;
                        max-height: 85vh;
                        overflow-y: auto;
                        box-shadow: 
                            0 25px 50px rgba(0, 0, 0, 0.5),
                            0 0 100px rgba(6, 182, 212, 0.2),
                            inset 0 1px 0 rgba(255, 255, 255, 0.1);
                        animation: modalEnter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
                    }

                    /* Эффект блеска (shine) */
                    .modal-shine {
                        position: absolute;
                        top: -50%;
                        left: -100%;
                        width: 100%;
                        height: 200%;
                        background: linear-gradient(
                            90deg,
                            transparent,
                            rgba(255, 255, 255, 0.1),
                            transparent
                        );
                        transform: rotate(45deg);
                        animation: shineEffect 3s ease-in-out infinite;
                        pointer-events: none;
                    }

                    /* Кнопка закрытия */
                    .close-button {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        width: 40px;
                        height: 40px;
                        border: 1px solid rgba(6, 182, 212, 0.3);
                        background: rgba(6, 182, 212, 0.1);
                        border-radius: 50%;
                        color: var(--primary);
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        transition: all 0.3s ease;
                        z-index: 10;
                    }

                    .close-button:hover {
                        background: rgba(6, 182, 212, 0.2);
                        border-color: rgba(6, 182, 212, 0.6);
                        transform: rotate(90deg) scale(1.1);
                    }

                    .close-button svg {
                        width: 20px;
                        height: 20px;
                    }

                    /* Заголовок модального окна */
                    .modal-header {
                        margin-bottom: 30px;
                        animation: slideUp 0.6s ease-out 0.1s both;
                    }

                    .header-badge {
                        display: inline-block;
                        font-size: 12px;
                        font-weight: 600;
                        background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(59, 130, 246, 0.2));
                        border: 1px solid rgba(6, 182, 212, 0.4);
                        color: var(--primary);
                        padding: 6px 12px;
                        border-radius: 20px;
                        margin-bottom: 12px;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }

                    .modal-title {
                        font-size: 32px;
                        font-weight: 700;
                        background: linear-gradient(135deg, #06b6d4, #0ea5e9, #3b82f6);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        margin: 8px 0;
                        letter-spacing: -0.5px;
                    }

                    .modal-description {
                        font-size: 16px;
                        color: rgba(255, 255, 255, 0.7);
                        margin-top: 8px;
                        line-height: 1.4;
                    }

                    .highlight-text {
                        color: var(--primary);
                        font-weight: 600;
                        position: relative;
                    }

                    /* Методы контакта - СУПЕР красиво */
                    .contact-methods-premium {
                        display: flex;
                        flex-direction: column;
                        gap: 12px;
                        margin-bottom: 24px;
                        animation: slideUp 0.6s ease-out 0.2s both;
                    }

                    .contact-method {
                        display: flex;
                        align-items: center;
                        gap: 16px;
                        padding: 16px 20px;
                        background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(6, 182, 212, 0.05));
                        border: 1px solid rgba(6, 182, 212, 0.2);
                        border-radius: 16px;
                        color: #fff;
                        text-decoration: none;
                        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
                        position: relative;
                        overflow: hidden;
                        cursor: pointer;
                    }

                    .contact-method::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: -100%;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
                        transition: left 0.5s ease;
                    }

                    .contact-method:hover::before {
                        left: 100%;
                    }

                    .contact-method:hover {
                        border-color: var(--primary);
                        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(6, 182, 212, 0.15));
                        transform: translateX(8px);
                        box-shadow: 0 10px 30px rgba(6, 182, 212, 0.2);
                    }

                    .contact-method .method-icon {
                        font-size: 28px;
                        flex-shrink: 0;
                    }

                    .contact-method .method-info {
                        flex: 1;
                    }

                    .contact-method .method-name {
                        font-weight: 600;
                        font-size: 16px;
                        margin-bottom: 4px;
                    }

                    .contact-method .method-desc {
                        font-size: 13px;
                        color: rgba(255, 255, 255, 0.6);
                    }

                    .contact-method .method-arrow {
                        color: var(--primary);
                        font-weight: 600;
                        transition: transform 0.3s ease;
                    }

                    .contact-method:hover .method-arrow {
                        transform: translateX(4px);
                    }

                    /* Telegram метод */
                    .telegram-method {
                        border-color: rgba(52, 152, 219, 0.3);
                    }

                    .telegram-method:hover {
                        background: linear-gradient(135deg, rgba(52, 152, 219, 0.15), rgba(52, 152, 219, 0.05));
                        border-color: rgba(52, 152, 219, 0.6);
                        box-shadow: 0 10px 30px rgba(52, 152, 219, 0.2);
                    }

                    /* WhatsApp метод */
                    .whatsapp-method {
                        border-color: rgba(37, 211, 102, 0.3);
                    }

                    .whatsapp-method:hover {
                        background: linear-gradient(135deg, rgba(37, 211, 102, 0.15), rgba(37, 211, 102, 0.05));
                        border-color: rgba(37, 211, 102, 0.6);
                        box-shadow: 0 10px 30px rgba(37, 211, 102, 0.2);
                    }

                    /* Phone метод */
                    .phone-method {
                        border-color: rgba(6, 182, 212, 0.3);
                    }

                    .phone-method:hover {
                        background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(6, 182, 212, 0.05));
                        border-color: rgba(6, 182, 212, 0.6);
                        box-shadow: 0 10px 30px rgba(6, 182, 212, 0.2);
                    }

                    /* Разделитель */
                    .divider-section {
                        margin: 24px 0;
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    .divider-section::before,
                    .divider-section::after {
                        content: '';
                        flex: 1;
                        height: 1px;
                        background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.3), transparent);
                    }

                    .divider-text {
                        font-size: 12px;
                        color: rgba(255, 255, 255, 0.5);
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }

                    /* ПРЕМИУМ ФОРМА */
                    .premium-form-style {
                        display: flex;
                        flex-direction: column;
                        gap: 28px;
                        animation: slideUp 0.6s ease-out 0.3s both;
                        margin-top: 10px;
                    }

                    .form-field {
                        position: relative;
                        margin-top: 24px;
                    }

                    .form-field input,
                    .form-field textarea {
                        width: 100%;
                        padding: 14px 16px;
                        background: rgba(255, 255, 255, 0.05);
                        border: 1px solid rgba(6, 182, 212, 0.2);
                        border-radius: 12px;
                        color: #fff;
                        font-family: inherit;
                        font-size: 14px;
                        transition: all 0.3s ease;
                        position: relative;
                        z-index: 1;
                        box-sizing: border-box;
                    }

                    .form-field input::placeholder,
                    .form-field textarea::placeholder {
                        color: rgba(255, 255, 255, 0.4);
                    }

                    .form-field label {
                        position: absolute;
                        top: -28px;
                        left: 0;
                        font-size: 12px;
                        color: rgba(255, 255, 255, 0.6);
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        transition: all 0.3s ease;
                        display: block;
                        width: 100%;
                    }

                    .form-field input:focus,
                    .form-field textarea:focus {
                        background: rgba(255, 255, 255, 0.08);
                        border-color: var(--primary);
                        outline: none;
                        box-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
                    }

                    .field-focus {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 0;
                        height: 2px;
                        background: linear-gradient(90deg, var(--primary), var(--accent));
                        transition: width 0.3s ease;
                    }

                    .form-field input:focus ~ .field-focus,
                    .form-field textarea:focus ~ .field-focus {
                        width: 100%;
                    }

                    /* Текстовое поле */
                    .textarea-field {
                        margin-top: 28px;
                    }

                    .textarea-field textarea {
                        resize: vertical;
                        min-height: 100px;
                    }

                    /* СУПЕР КНОПКА */
                    .premium-submit-btn {
                        position: relative;
                        padding: 16px 32px;
                        background: linear-gradient(135deg, #3b82f6, #06b6d4);
                        border: none;
                        border-radius: 12px;
                        color: #fff;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
                        overflow: hidden;
                        margin-top: 10px;
                        animation: slideUp 0.6s ease-out 0.4s both;
                    }

                    .premium-submit-btn::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: -100%;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
                        transition: left 0.5s ease;
                    }

                    .premium-submit-btn:hover::before {
                        left: 100%;
                    }

                    .premium-submit-btn:hover {
                        transform: translateY(-2px);
                        box-shadow: 
                            0 20px 40px rgba(59, 130, 246, 0.3),
                            0 0 30px rgba(6, 182, 212, 0.3),
                            inset 0 1px 0 rgba(255, 255, 255, 0.2);
                    }

                    .premium-submit-btn:active {
                        transform: translateY(0);
                    }

                    .btn-text {
                        position: relative;
                        z-index: 1;
                    }

                    .btn-icon {
                        position: relative;
                        z-index: 1;
                        transition: transform 0.3s ease;
                    }

                    .premium-submit-btn:hover .btn-icon {
                        transform: translateX(4px);
                    }

                    /* Секция доверия */
                    .trust-section {
                        display: flex;
                        gap: 12px;
                        margin-top: 24px;
                        padding-top: 20px;
                        border-top: 1px solid rgba(6, 182, 212, 0.2);
                        animation: slideUp 0.6s ease-out 0.5s both;
                    }

                    .trust-item {
                        flex: 1;
                        display: flex;
                        align-items: center;
                        gap: 8px;
                        font-size: 12px;
                        color: rgba(255, 255, 255, 0.7);
                        text-align: center;
                    }

                    .trust-icon {
                        font-size: 18px;
                        color: var(--primary);
                    }

                    /* МОДАЛЬНОЕ ОКНО НОМЕРА ТЕЛЕФОНА */
                    .phone-modal-content {
                        position: relative;
                        background: linear-gradient(135deg, rgba(15, 23, 36, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);
                        border: 1px solid rgba(6, 182, 212, 0.3);
                        border-radius: 24px;
                        padding: 24px;
                        max-width: 320px;
                        width: 90%;
                        max-height: 85vh;
                        overflow-y: auto;
                        box-shadow: 
                            0 25px 50px rgba(0, 0, 0, 0.5),
                            0 0 100px rgba(6, 182, 212, 0.2),
                            inset 0 1px 0 rgba(255, 255, 255, 0.1);
                        animation: modalEnter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
                    }

                    .phone-modal-header {
                        text-align: center;
                        margin-bottom: 18px;
                    }

                    .phone-icon {
                        font-size: 40px;
                        margin-bottom: 12px;
                        display: block;
                        animation: slideUp 0.6s ease-out 0.1s both;
                    }

                    .phone-modal-header h2 {
                        font-size: 24px;
                        font-weight: 700;
                        background: linear-gradient(135deg, #06b6d4, #0ea5e9);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        margin: 0;
                        animation: slideUp 0.6s ease-out 0.2s both;
                    }

                    .phone-modal-info {
                        background: rgba(6, 182, 212, 0.1);
                        border: 1px solid rgba(6, 182, 212, 0.2);
                        border-radius: 12px;
                        padding: 12px;
                        margin-bottom: 16px;
                        animation: slideUp 0.6s ease-out 0.3s both;
                    }

                    .phone-modal-info .info-text {
                        color: rgba(255, 255, 255, 0.9);
                        font-size: 13px;
                        margin: 0 0 6px 0;
                        line-height: 1.3;
                    }

                    .phone-modal-info .info-text strong {
                        color: var(--primary);
                    }

                    .phone-modal-info .info-subtext {
                        color: rgba(255, 255, 255, 0.6);
                        font-size: 12px;
                        margin: 0;
                        line-height: 1.5;
                    }

                    .phone-display {
                        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(6, 182, 212, 0.15));
                        border: 2px solid rgba(6, 182, 212, 0.4);
                        border-radius: 16px;
                        padding: 14px;
                        margin-bottom: 16px;
                        text-align: center;
                        animation: slideUp 0.6s ease-out 0.4s both;
                    }

                    .phone-number {
                        font-size: 28px;
                        font-weight: 700;
                        color: var(--primary);
                        letter-spacing: 1px;
                        font-family: 'Courier New', monospace;
                    }

                    .phone-modal-content .copy-button {
                        width: 100%;
                        padding: 16px;
                        background: linear-gradient(135deg, #3b82f6, #06b6d4);
                        border: none;
                        border-radius: 12px;
                        color: #fff;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        margin-bottom: 16px;
                        animation: slideUp 0.6s ease-out 0.5s both;
                    }

                    .phone-modal-content .copy-button:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 15px 35px rgba(59, 130, 246, 0.3);
                    }

                    .phone-modal-content .copy-button:active {
                        transform: translateY(0);
                    }

                    .phone-modal-content .message-button {
                        width: 100%;
                        padding: 16px;
                        background: linear-gradient(135deg, #06b6d4, #14b8a6);
                        border: none;
                        border-radius: 12px;
                        color: #fff;
                        font-size: 16px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        margin-bottom: 16px;
                        animation: slideUp 0.6s ease-out 0.55s both;
                    }

                    .phone-modal-content .message-button:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 15px 35px rgba(6, 182, 212, 0.3);
                    }

                    .phone-modal-content .message-button:active {
                        transform: translateY(0);
                    }

                    .phone-modal-info {
                        margin-bottom: 24px;
                    }

                    .phone-display {
                        margin-bottom: 20px;
                    }

                    .phone-modal-footer {
                        text-align: center;
                        color: rgba(255, 255, 255, 0.5);
                        font-size: 12px;
                        line-height: 1.4;
                    }

                    .phone-modal-form-section {
                        margin-top: 24px;
                        padding-top: 20px;
                        border-top: 1px solid rgba(255, 255, 255, 0.1);
                        animation: slideUp 0.6s ease-out 0.6s both;
                    }

                    .phone-modal-form-section h3 {
                        color: rgba(255, 255, 255, 0.8);
                        font-size: 14px;
                        margin-bottom: 20px;
                        text-align: center;
                        font-weight: 500;
                        text-transform: uppercase;
                        letter-spacing: 0.5px;
                    }

                    .phone-modal-form {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .phone-modal-form .form-field {
                        position: relative;
                        margin: 0;
                        padding-top: 0;
                        animation: slideUp 0.6s ease-out both;
                    }

                    .phone-modal-form .form-field:nth-child(1) { animation-delay: 0.65s; }
                    .phone-modal-form .form-field:nth-child(2) { animation-delay: 0.7s; }
                    .phone-modal-form .form-field:nth-child(3) { animation-delay: 0.75s; }

                    .phone-modal-form input,
                    .phone-modal-form textarea {
                        width: 100%;
                        padding: 12px;
                        background: rgba(255, 255, 255, 0.05);
                        border: 1px solid rgba(6, 182, 212, 0.3);
                        border-radius: 8px;
                        color: #fff;
                        font-size: 14px;
                        font-family: inherit;
                        transition: all 0.3s ease;
                    }

                    .phone-modal-form input::placeholder,
                    .phone-modal-form textarea::placeholder {
                        color: rgba(255, 255, 255, 0.4);
                    }

                    .phone-modal-form input:focus,
                    .phone-modal-form textarea:focus {
                        outline: none;
                        background: rgba(255, 255, 255, 0.08);
                        border-color: rgba(6, 182, 212, 0.6);
                        box-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
                    }

                    .phone-modal-form .form-field label {
                        position: absolute;
                        top: -20px;
                        left: 0;
                        font-size: 12px;
                        color: rgba(6, 182, 212, 0.8);
                        font-weight: 500;
                        text-transform: uppercase;
                        letter-spacing: 0.3px;
                    }

                    .phone-modal-submit {
                        padding: 14px;
                        background: linear-gradient(135deg, #06b6d4, #0891b2);
                        border: none;
                        border-radius: 10px;
                        color: #fff;
                        font-size: 15px;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        margin-top: 16px;
                        animation: slideUp 0.6s ease-out 0.8s both;
                    }

                    .phone-modal-submit:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 10px 25px rgba(6, 182, 212, 0.35);
                    }

                    .phone-modal-submit:active {
                        transform: translateY(0);
                    }

                    .phone-modal-submit:disabled {
                        opacity: 0.6;
                        cursor: not-allowed;
                    }

                    .phone-modal-footer p {
                        margin: 0;
                    }

                    /* Для мобильных */
                    @media (max-width: 600px) {
                        .phone-modal-content {
                            padding: 30px 24px;
                        }

                        .phone-modal-header h2 {
                            font-size: 24px;
                        }

                        .phone-number {
                            font-size: 28px;
                        }
                    }

                    /* Для мобильных */
                    @media (max-width: 600px) {
                        .ultra-premium-modal {
                            padding: 30px 24px;
                            border-radius: 20px;
                            max-width: 95vw;
                        }

                        .modal-title {
                            font-size: 24px;
                        }

                        .contact-methods-premium {
                            gap: 10px;
                        }

                        .contact-method {
                            padding: 14px 16px;
                            gap: 12px;
                        }

                        .trust-section {
                            flex-direction: column;
                            gap: 10px;
                        }

                        .trust-item {
                            padding: 8px;
                            background: rgba(6, 182, 212, 0.05);
                            border-radius: 8px;
                        }
                    }

                    /* Премиум рейтинг звезд */
                    .rating-group-premium {
                        animation: slideUp 0.6s ease-out 0.3s both;
                    }

                    .stars-premium {
                        display: flex;
                        flex-direction: row-reverse;
                        gap: 8px;
                        justify-content: center;
                        margin-bottom: 0;
                    }

                    .stars-premium input {
                        display: none;
                    }

                    .stars-premium label {
                        font-size: 32px;
                        color: rgba(255, 255, 255, 0.3);
                        cursor: pointer;
                        transition: all 0.2s;
                        padding: 8px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .stars-premium input:checked ~ label,
                    .stars-premium label:hover,
                    .stars-premium label:hover ~ label {
                        color: #ffd700;
                        text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
                    }

                    .stars-premium label:hover {
                        transform: scale(1.2);
                    }
                    /* ===== PREMIUM PAGE STYLING ===== */

                    /* Заголовок страницы */
                    .ad-header {
                        margin: 0 auto 40px;
                        padding: 40px 24px;
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(6, 182, 212, 0.08) 100%);
                        border-radius: 20px;
                        border: 1px solid rgba(14, 165, 233, 0.15);
                        text-align: center;
                    }

                    .ad-header h1 {
                        font-size: 42px;
                        font-weight: 700;
                        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        margin: 0;
                        line-height: 1.2;
                    }

                    .ad-header p {
                        margin-top: 12px;
                        font-size: 16px;
                        color: #64748b;
                    }

                    /* Содержимое страницы */
                    .content-section {
                        max-width: 900px;
                        margin: 0 auto 60px;
                        padding: 40px;
                        background: #ffffff;
                        border-radius: 16px;
                        border: 1px solid rgba(14, 165, 233, 0.1);
                        box-shadow: 0 8px 24px rgba(15, 23, 36, 0.08);
                    }

                    .content-section h2 {
                        font-size: 28px;
                        font-weight: 700;
                        color: var(--text);
                        margin: 36px 0 16px;
                        padding-bottom: 12px;
                        border-bottom: 2px solid rgba(14, 165, 233, 0.2);
                        display: flex;
                        align-items: center;
                        gap: 12px;
                    }

                    .content-section h2:first-child {
                        margin-top: 0;
                    }

                    .content-section h3 {
                        font-size: 20px;
                        font-weight: 600;
                        color: var(--text);
                        margin: 24px 0 12px;
                        display: flex;
                        align-items: center;
                        gap: 10px;
                    }

                    .content-section p {
                        font-size: 15px;
                        line-height: 1.8;
                        color: #475569;
                        margin: 16px 0;
                    }

                    .content-section ul {
                        list-style: none;
                        margin: 20px 0;
                        padding: 0;
                    }

                    .content-section li {
                        font-size: 15px;
                        line-height: 1.8;
                        color: #475569;
                        margin: 12px 0;
                        padding-left: 28px;
                        position: relative;
                    }

                    .content-section li:before {
                        content: "▸";
                        position: absolute;
                        left: 0;
                        color: #0ea5e9;
                        font-weight: bold;
                        font-size: 18px;
                    }

                    /* Специальные списки */
                    .values-list li:before,
                    .trust-reasons li:before {
                        content: "✓";
                        color: #10b981;
                        font-size: 16px;
                        font-weight: bold;
                    }

                    .values-list strong {
                        color: #0ea5e9;
                        font-weight: 600;
                    }

                    /* Highlight блоки */
                    .content-section blockquote {
                        margin: 24px 0;
                        padding: 20px 24px;
                        background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(6, 182, 212, 0.08) 100%);
                        border-left: 4px solid #0ea5e9;
                        border-radius: 8px;
                        font-style: italic;
                        color: #1e293b;
                        line-height: 1.8;
                    }

                    /* Таблицы стилей */
                    .content-section table {
                        width: 100%;
                        border-collapse: collapse;
                        margin: 24px 0;
                        border-radius: 8px;
                        overflow: hidden;
                        box-shadow: 0 2px 8px rgba(15, 23, 36, 0.06);
                    }

                    .content-section th {
                        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                        color: white;
                        padding: 14px 16px;
                        text-align: left;
                        font-weight: 600;
                    }

                    .content-section td {
                        padding: 14px 16px;
                        border-bottom: 1px solid rgba(14, 165, 233, 0.1);
                    }

                    .content-section tr:hover {
                        background: rgba(14, 165, 233, 0.03);
                    }

                    /* Фото в контенте */
                    .content-section img {
                        max-width: 100%;
                        height: auto;
                        border-radius: 12px;
                        margin: 24px 0;
                        box-shadow: 0 8px 24px rgba(15, 23, 36, 0.12);
                        border: 1px solid rgba(14, 165, 233, 0.1);
                    }

                    /* Блок с советами/подсказками */
                    .tip-box {
                        margin: 24px 0;
                        padding: 20px 24px;
                        background: rgba(16, 185, 129, 0.08);
                        border-left: 4px solid #10b981;
                        border-radius: 8px;
                        font-size: 15px;
                        line-height: 1.8;
                        color: #065f46;
                    }

                    .tip-box strong {
                        color: #059669;
                    }

                    /* Warning блок */
                    .warning-box {
                        margin: 24px 0;
                        padding: 20px 24px;
                        background: rgba(239, 68, 68, 0.08);
                        border-left: 4px solid #ef4444;
                        border-radius: 8px;
                        font-size: 15px;
                        line-height: 1.8;
                        color: #7f1d1d;
                    }

                    /* Техническое уведомление секция */
                    .technical-notice {
                        padding: 60px 24px;
                        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                        text-align: center;
                    }

                    .technical-notice .warning-box {
                        max-width: 600px;
                        margin: 0 auto;
                        background: rgba(239, 68, 68, 0.12);
                        border: 1px solid rgba(239, 68, 68, 0.3);
                        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08);
                    }

                    .technical-notice .warning-box i {
                        margin-right: 12px;
                        font-size: 18px;
                    }

                    @media (max-width: 768px) {
                        .technical-notice {
                            padding: 40px 16px;
                        }
                    }

                    /* Info блок */
                    .info-box {
                        margin: 24px 0;
                        padding: 20px 24px;
                        background: rgba(59, 130, 246, 0.08);
                        border-left: 4px solid #3b82f6;
                        border-radius: 8px;
                        font-size: 15px;
                        line-height: 1.8;
                        color: #1e3a8a;
                    }

                    /* Кнопки в контенте */
                    .content-btn {
                        display: inline-block;
                        padding: 12px 24px;
                        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                        color: white;
                        text-decoration: none;
                        border-radius: 8px;
                        font-weight: 600;
                        transition: all 0.3s ease;
                        border: none;
                        cursor: pointer;
                        font-size: 15px;
                        margin: 8px 8px 8px 0;
                    }

                    .content-btn:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3);
                    }

                    .content-btn.secondary {
                        background: transparent;
                        border: 2px solid #0ea5e9;
                        color: #0ea5e9;
                    }

                    .content-btn.secondary:hover {
                        background: rgba(14, 165, 233, 0.08);
                    }

                    /* Числовые пункты */
                    .numbered-list {
                        list-style: none;
                        counter-reset: step-counter;
                        margin: 24px 0;
                    }

                    .numbered-list li {
                        counter-increment: step-counter;
                        margin: 16px 0;
                        padding-left: 40px;
                        position: relative;
                    }

                    .numbered-list li:before {
                        content: counter(step-counter);
                        position: absolute;
                        left: 0;
                        top: 0;
                        background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                        color: white;
                        width: 28px;
                        height: 28px;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: 600;
                        font-size: 14px;
                    }

                    /* FAQ стиль */
                    .faq-item {
                        margin: 16px 0;
                        padding: 0;
                        border: 1px solid rgba(14, 165, 233, 0.2);
                        border-radius: 8px;
                        overflow: hidden;
                    }

                    .faq-question {
                        padding: 18px 20px;
                        background: rgba(14, 165, 233, 0.05);
                        cursor: pointer;
                        font-weight: 600;
                        color: var(--text);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        transition: background 0.2s ease;
                    }

                    .faq-question:hover {
                        background: rgba(14, 165, 233, 0.1);
                    }

                    .faq-question:after {
                        content: "▼";
                        font-size: 12px;
                        color: #0ea5e9;
                        transition: transform 0.3s ease;
                    }

                    .faq-item.active .faq-question:after {
                        transform: rotate(-180deg);
                    }

                    .faq-answer {
                        max-height: 0;
                        overflow: hidden;
                        transition: max-height 0.3s ease;
                        padding: 0 20px;
                    }

                    .faq-item.active .faq-answer {
                        max-height: 500px;
                        padding: 16px 20px;
                    }

                    .faq-answer p {
                        margin: 0;
                        color: #475569;
                        line-height: 1.8;
                    }

                    /* Responsive */
                    @media (max-width: 768px) {
                        .ad-header {
                            padding: 30px 20px;
                        }

                        .ad-header h1 {
                            font-size: 32px;
                        }

                        .content-section {
                            padding: 28px 20px;
                            margin: 0 auto 40px;
                        }

                        .content-section h2 {
                            font-size: 24px;
                            margin: 28px 0 12px;
                        }

                        .content-section h3 {
                            font-size: 18px;
                            margin: 18px 0 10px;
                        }

                        .content-section p,
                        .content-section li {
                            font-size: 14px;
                        }
                    }

                    @media (max-width: 480px) {
                        .ad-header {
                            padding: 24px 16px;
                        }

                        .ad-header h1 {
                            font-size: 24px;
                        }

                        .content-section {
                            padding: 20px 16px;
                        }

                        .content-section h2 {
                            font-size: 20px;
                        }

                        .content-section h3 {
                            font-size: 16px;
                        }

                        .content-btn {
                            display: block;
                            width: 100%;
                            text-align: center;
                            margin: 12px 0;
                        }
                    }

                /* Blog styles */
                .blog-post-card {
                    background: #ffffff;
                    border: 1px solid #e2e8f0;
                    border-radius: 12px;
                    padding: 24px;
                    margin-bottom: 20px;
                    transition: all 0.3s ease;
                }

                .blog-post-card:hover {
                    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.12);
                    border-color: #0ea5e9;
                }

                .blog-post-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 12px;
                    flex-wrap: wrap;
                    gap: 10px;
                }

                .blog-category {
                    display: inline-block;
                    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                    color: white;
                    padding: 6px 14px;
                    border-radius: 20px;
                    font-size: 13px;
                    font-weight: 500;
                }

                .blog-date {
                    color: #64748b;
                    font-size: 13px;
                    font-weight: 500;
                }

                .blog-post-card h3 {
                    margin: 12px 0 8px 0;
                    color: #0f1724;
                    font-size: 18px;
                    font-weight: 600;
                }

                .blog-post-card p {
                    color: #475569;
                    line-height: 1.6;
                    margin: 12px 0;
                }

                .blog-post-meta {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 14px;
                    padding-top: 12px;
                    border-top: 1px solid #f1f5f9;
                }

                .blog-post-meta span {
                    color: #64748b;
                    font-size: 13px;
                }

                .read-more {
                    color: #0ea5e9;
                    text-decoration: none;
                    font-weight: 500;
                    transition: all 0.3s ease;
                }

                .read-more:hover {
                    color: #0284c7;
                }

                .blog-categories {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px;
                    margin-bottom: 30px;
                }

                .blog-categories .category-tag {
                    display: inline-block;
                    background: #f1f5f9;
                    color: #475569;
                    padding: 8px 16px;
                    border-radius: 20px;
                    font-size: 14px;
                    text-decoration: none;
                    transition: all 0.3s ease;
                }

                .blog-categories .category-tag:hover {
                    background: #0ea5e9;
                    color: white;
                }

                @media (max-width: 768px) {
                    .blog-post-header {
                        flex-direction: column;
                        align-items: flex-start;
                    }

                    .blog-post-card h3 {
                        font-size: 16px;
                    }

                    .blog-post-meta {
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 8px;
                    }
                }

                /* Homepage styles */
                .hero-section {
                    text-align: center;
                    padding: 60px 20px;
                    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                    color: white;
                    border-radius: 16px;
                    margin: 30px 0;
                }

                .hero-section h1 {
                    font-size: 48px;
                    font-weight: 700;
                    margin: 0 0 12px 0;
                }

                .hero-section p {
                    font-size: 18px;
                    margin: 0 0 30px 0;
                    opacity: 0.95;
                }

                .search-box {
                    display: flex;
                    gap: 12px;
                    max-width: 600px;
                    margin: 0 auto;
                }

                .search-input {
                    flex: 1;
                    padding: 14px 18px;
                    border: none;
                    border-radius: 8px;
                    font-size: 16px;
                    background: white;
                    color: #0f1724;
                }

                .search-input::placeholder {
                    color: #94a3b8;
                }

                .search-btn {
                    padding: 14px 24px;
                    background: #fff;
                    color: #0ea5e9;
                    border: none;
                    border-radius: 8px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                .search-btn:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                }

                .stats-section {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                    gap: 30px;
                    margin: 60px 0;
                    text-align: center;
                }

                .stat-item {
                    padding: 30px;
                    background: #f8fafc;
                    border-radius: 12px;
                    border: 1px solid #e2e8f0;
                }

                .stat-number {
                    font-size: 36px;
                    font-weight: 700;
                    color: #0ea5e9;
                    margin-bottom: 8px;
                }

                .stat-label {
                    color: #64748b;
                    font-size: 16px;
                }

                .how-it-works {
                    margin: 80px 0;
                }

                .how-it-works h2 {
                    font-size: 32px;
                    text-align: center;
                    margin-bottom: 50px;
                }

                .steps-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    gap: 30px;
                }

                .step-card {
                    text-align: center;
                    padding: 30px;
                    background: #f8fafc;
                    border-radius: 12px;
                    border: 1px solid #e2e8f0;
                    transition: all 0.3s ease;
                }

                .step-card:hover {
                    transform: translateY(-8px);
                    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.15);
                    border-color: #0ea5e9;
                }

                .step-number {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 50px;
                    height: 50px;
                    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                    color: white;
                    border-radius: 50%;
                    font-weight: 700;
                    font-size: 24px;
                    margin-bottom: 15px;
                }

                .step-card h3 {
                    font-size: 20px;
                    margin: 15px 0 10px 0;
                    color: #0f1724;
                }

                .step-card p {
                    color: #64748b;
                    font-size: 14px;
                }

                .categories-section {
                    margin: 80px 0;
                }

                .categories-section h2 {
                    font-size: 32px;
                    text-align: center;
                    margin-bottom: 50px;
                }

                .categories-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
                    gap: 20px;
                }

                .category-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: 30px 20px;
                    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                    border: 2px solid #e2e8f0;
                    border-radius: 12px;
                    text-decoration: none;
                    color: inherit;
                    transition: all 0.3s ease;
                    text-align: center;
                }

                .category-card:hover {
                    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                    color: white;
                    border-color: #0ea5e9;
                    transform: translateY(-8px);
                }

                .category-icon {
                    font-size: 40px;
                    margin-bottom: 10px;
                }

                .category-name {
                    font-weight: 600;
                    font-size: 16px;
                    margin-bottom: 5px;
                }

                .category-count {
                    font-size: 13px;
                    opacity: 0.7;
                }

                .masters-cta {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 40px;
                    align-items: center;
                    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                    padding: 50px;
                    border-radius: 16px;
                    margin: 80px 0;
                    border: 2px solid #e2e8f0;
                }

                .cta-content h2 {
                    font-size: 32px;
                    margin-bottom: 15px;
                    color: #0f1724;
                }

                .cta-content p {
                    font-size: 18px;
                    color: #475569;
                    margin-bottom: 20px;
                }

                .cta-content ul {
                    list-style: none;
                    padding: 0;
                    margin: 0 0 20px 0;
                }

                .cta-content li {
                    font-size: 16px;
                    color: #10b981;
                    margin: 10px 0;
                    font-weight: 500;
                }

                .cta-image {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .cta-placeholder {
                    font-size: 120px;
                    opacity: 0.8;
                }

                .reviews-section {
                    margin: 80px 0;
                }

                .reviews-section h2 {
                    font-size: 32px;
                    text-align: center;
                    margin-bottom: 50px;
                }

                .reviews-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                    gap: 30px;
                }

                .review-card {
                    padding: 30px;
                    background: white;
                    border: 1px solid #e2e8f0;
                    border-radius: 12px;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
                    transition: all 0.3s ease;
                }

                .review-card:hover {
                    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.12);
                }

                .review-stars {
                    color: #fbbf24;
                    font-size: 18px;
                    margin-bottom: 12px;
                }

                .review-text {
                    font-size: 16px;
                    color: #475569;
                    margin: 12px 0;
                    font-style: italic;
                }

                .review-author {
                    font-size: 14px;
                    color: #64748b;
                    font-weight: 500;
                    margin-top: 12px;
                }

                .why-us {
                    margin: 80px 0;
                }

                .why-us h2 {
                    font-size: 32px;
                    text-align: center;
                    margin-bottom: 50px;
                }

                .why-us-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                    gap: 30px;
                }

                .why-card {
                    padding: 30px;
                    background: white;
                    border: 1px solid #e2e8f0;
                    border-radius: 12px;
                    text-align: center;
                    transition: all 0.3s ease;
                }

                .why-card:hover {
                    transform: translateY(-8px);
                    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.15);
                    border-color: #0ea5e9;
                }

                .why-icon {
                    font-size: 50px;
                    margin-bottom: 15px;
                }

                .why-card h3 {
                    font-size: 18px;
                    margin: 15px 0 10px 0;
                    color: #0f1724;
                }

                .why-card p {
                    font-size: 14px;
                    color: #64748b;
                }

                .main-cta {
                    text-align: center;
                    padding: 60px 30px;
                    background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
                    color: white;
                    border-radius: 16px;
                    margin: 80px 0 40px 0;
                }

                .main-cta h2 {
                    font-size: 36px;
                    margin: 0 0 12px 0;
                }

                .main-cta p {
                    font-size: 18px;
                    margin-bottom: 30px;
                    opacity: 0.95;
                }

                .cta-button {
                    padding: 16px 40px;
                    background: white;
                    color: #0ea5e9;
                    border: none;
                    border-radius: 8px;
                    font-size: 18px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                .cta-button:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                }

                @media (max-width: 768px) {
                    .hero-section h1 {
                        font-size: 32px;
                    }

                    .hero-section p {
                        font-size: 16px;
                    }

                    .search-box {
                        flex-direction: column;
                    }

                    .search-input,
                    .search-btn {
                        width: 100%;
                    }

                    .stat-number {
                        font-size: 28px;
                    }

                    .how-it-works h2,
                    .categories-section h2,
                    .reviews-section h2,
                    .why-us h2 {
                        font-size: 24px;
                    }

                    .masters-cta {
                        grid-template-columns: 1fr;
                        padding: 30px;
                    }

                    .cta-placeholder {
                        font-size: 80px;
                    }

                    .main-cta h2 {
                        font-size: 28px;
                    }

                    .main-cta p {
                        font-size: 16px;
                    }
                }

                /* Premium Homepage Styles */
                .hero-section {
                    position: relative;
                    overflow: hidden;
                    padding: 80px 40px;
                    border-radius: 20px;
                    text-align: center;
                    margin: 30px 0;
                }

                .hero-background {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                    opacity: 1;
                    z-index: 0;
                }

                .hero-content {
                    position: relative;
                    z-index: 1;
                    color: white;
                }

                .hero-badge {
                    display: inline-block;
                    background: rgba(255, 255, 255, 0.2);
                    backdrop-filter: blur(10px);
                    border: 1px solid rgba(255, 255, 255, 0.3);
                    padding: 12px 24px;
                    border-radius: 50px;
                    font-size: 14px;
                    font-weight: 600;
                    margin-bottom: 20px;
                }

                .hero-badge i {
                    margin-right: 8px;
                    font-size: 16px;
                }

                .hero-section h1 {
                    font-size: 56px;
                    font-weight: 800;
                    margin: 20px 0;
                    line-height: 1.2;
                }

                .hero-section p {
                    font-size: 20px;
                    margin: 0 0 40px 0;
                    opacity: 0.95;
                }

                .search-box-premium {
                    max-width: 700px;
                    margin: 0 auto;
                }

                .search-wrapper {
                    display: flex;
                    gap: 10px;
                    background: white;
                    padding: 8px;
                    border-radius: 12px;
                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
                }

                .search-input-premium {
                    flex: 1;
                    border: none;
                    outline: none;
                    padding: 14px 18px;
                    font-size: 16px;
                    color: #0f1724;
                    background: transparent;
                }

                .search-input-premium::placeholder {
                    color: #cbd5e1;
                }

                .search-btn-premium {
                    padding: 14px 24px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-size: 18px;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                .search-btn-premium:hover {
                    transform: scale(1.05);
                    box-shadow: 0 8px 16px rgba(102, 126, 234, 0.4);
                }

                /* Фильтры поиска */
                .search-filters {
                    display: flex;
                    gap: 12px;
                    margin-top: 16px;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                .filter-btn {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    padding: 10px 16px;
                    background: rgba(255, 255, 255, 0.15);
                    border: 1px solid rgba(255, 255, 255, 0.3);
                    border-radius: 20px;
                    color: white;
                    font-size: 14px;
                    font-weight: 500;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    backdrop-filter: blur(10px);
                }

                .filter-btn:hover {
                    background: rgba(255, 255, 255, 0.25);
                    border-color: rgba(255, 255, 255, 0.5);
                    transform: translateY(-2px);
                }

                .filter-btn i {
                    font-size: 14px;
                }

                .search-hints {
                    margin-top: 16px;
                    text-align: center;
                }

                .search-hint {
                    font-size: 13px;
                    opacity: 0.85;
                }

                .search-hint strong {
                    font-weight: 600;
                }

                .stats-bar {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                    gap: 20px;
                    margin: 60px 0;
                    padding: 0;
                }

                .stat-badge {
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                    padding: 20px;
                    border-radius: 12px;
                    border: 1px solid #e2e8f0;
                    transition: all 0.3s ease;
                }

                .stat-badge:hover {
                    transform: translateY(-4px);
                    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
                }

                .stat-icon {
                    font-size: 32px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 60px;
                    height: 60px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                    border-radius: 12px;
                    color: white;
                    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
                    flex-shrink: 0;
                }

                .stat-icon i {
                    font-size: 28px;
                    color: white;
                    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                }

                .stat-info {
                    flex: 1;
                }

                .stat-title {
                    font-size: 20px;
                    font-weight: 700;
                    color: #0f1724;
                }

                .stat-subtitle {
                    font-size: 13px;
                    color: #64748b;
                    margin-top: 4px;
                }

                .section-header {
                    text-align: center;
                    margin-bottom: 50px;
                }

                .section-header h2 {
                    font-size: 40px;
                    font-weight: 800;
                    margin: 0 0 12px 0;
                }

                .section-header p {
                    font-size: 18px;
                    color: #64748b;
                    margin: 0;
                }

                .categories-premium {
                    margin: 80px 0;
                }

                .categories-carousel {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
                    gap: 24px;
                }

                .category-premium {
                    position: relative;
                    overflow: hidden;
                    height: 280px;
                    border-radius: 20px;
                    text-decoration: none;
                    cursor: pointer;
                    display: flex;
                    align-items: flex-end;
                    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
                    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
                }

                .category-premium:hover {
                    transform: translateY(-12px);
                    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
                }

                .category-bg {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    transition: all 0.4s ease;
                }

                .category-premium:hover .category-bg {
                    transform: scale(1.08);
                }

                .category-pattern {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 0;
                    opacity: 0.15;
                    background-image: radial-gradient(circle at 20% 50%, currentColor 0%, transparent 50%),
                                    radial-gradient(circle at 80% 80%, currentColor 0%, transparent 50%);
                }

                .category-appliances .category-bg {
                    background: linear-gradient(135deg, rgba(255, 107, 107, 0.75) 0%, rgba(255, 154, 86, 0.75) 100%), 
                                url('https://images.pexels.com/photos/5632399/pexels-photo-5632399.jpeg?w=800&h=600&fit=crop');
                    background-size: cover;
                    background-position: center;
                }

                .category-apartments .category-bg {
                    background: linear-gradient(135deg, rgba(79, 70, 229, 0.75) 0%, rgba(124, 58, 237, 0.75) 100%), 
                                url('https://images.pexels.com/photos/3555615/pexels-photo-3555615.jpeg?w=800&h=600&fit=crop');
                    background-size: cover;
                    background-position: center;
                }

                .category-houses .category-bg {
                    background: linear-gradient(135deg, rgba(5, 150, 105, 0.75) 0%, rgba(16, 185, 129, 0.75) 100%), 
                                url('https://images.pexels.com/photos/1724821/pexels-photo-1724821.jpeg?w=800&h=600&fit=crop');
                    background-size: cover;
                    background-position: center;
                }

                .category-buildings .category-bg {
                    background: linear-gradient(135deg, rgba(79, 70, 229, 0.75) 0%, rgba(124, 58, 237, 0.75) 100%), 
                                url('https://images.pexels.com/photos/3555615/pexels-photo-3555615.jpeg?w=800&h=600&fit=crop');
                    background-size: cover;
                    background-position: center;
                }

                .category-content {
                    position: relative;
                    z-index: 1;
                    width: 100%;
                    padding: 24px;
                    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));
                    color: white;
                }

                .category-number {
                    font-size: 48px;
                    font-weight: 800;
                    opacity: 0.15;
                    margin-bottom: -8px;
                    line-height: 1;
                }

                .category-emoji {
                    font-size: 48px;
                    margin-bottom: 12px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    color: white;
                    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
                }

                .category-emoji i {
                    font-size: 48px;
                }

                .category-info {
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                }

                .category-title {
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 1.2;
                }

                .category-desc {
                    font-size: 13px;
                    opacity: 0.9;
                    line-height: 1.3;
                }

                .category-masters {
                    font-size: 12px;
                    opacity: 0.85;
                    margin-top: 4px;
                }

                .category-avg {
                    font-size: 14px;
                    font-weight: 600;
                }

                .how-it-works-premium {
                    margin: 100px 0;
                }

                .process-steps {
                    display: flex;
                    justify-content: space-between;
                    align-items: stretch;
                    gap: 20px;
                    flex-wrap: wrap;
                }

                .process-step {
                    flex: 1;
                    min-width: 200px;
                    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
                    padding: 30px;
                    border-radius: 16px;
                    border: 2px solid #e2e8f0;
                    text-align: center;
                    transition: all 0.3s ease;
                }

                .process-step:hover {
                    transform: translateY(-8px);
                    border-color: #667eea;
                    box-shadow: 0 12px 30px rgba(102, 126, 234, 0.15);
                }

                .step-icon {
                    font-size: 48px;
                    margin-bottom: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #667eea;
                }

                .step-icon i {
                    font-size: 48px;
                }

                .process-step h3 {
                    font-size: 20px;
                    margin: 0 0 12px 0;
                    color: #0f1724;
                }

                .process-step p {
                    font-size: 14px;
                    color: #64748b;
                    margin: 0;
                }

                .step-time {
                    margin-top: 12px;
                    padding-top: 12px;
                    border-top: 1px solid #e2e8f0;
                    font-size: 12px;
                    color: #667eea;
                    font-weight: 600;
                }

                .process-arrow {
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    color: #cbd5e1;
                    margin: 0 -10px;
                }

                @media (max-width: 768px) {
                    .process-arrow {
                        display: none;
                    }
                }

                .featured-masters {
                    margin: 100px 0;
                }

                .masters-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                    gap: 24px;
                }

                .master-card-premium {
                    background: white;
                    border-radius: 16px;
                    overflow: hidden;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                    transition: all 0.4s ease;
                    position: relative;
                }

                .master-card-premium:hover {
                    transform: translateY(-8px);
                    box-shadow: 0 16px 32px rgba(102, 126, 234, 0.15);
                }

                .master-badge {
                    position: absolute;
                    top: 12px;
                    right: 12px;
                    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
                    color: white;
                    padding: 6px 14px;
                    border-radius: 20px;
                    font-size: 12px;
                    font-weight: 600;
                    z-index: 1;
                }

                .master-image {
                    width: 100%;
                    height: 160px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                }

                .master-card-content {
                    padding: 20px;
                }

                .master-card-content h3 {
                    font-size: 18px;
                    margin: 0 0 8px 0;
                    color: #0f1724;
                }

                .master-specialty {
                    font-size: 14px;
                    color: #64748b;
                    margin: 0 0 8px 0;
                }

                .master-rating {
                    font-size: 14px;
                    color: #f59e0b;
                    font-weight: 600;
                    margin: 0 0 12px 0;
                }

                .master-tags {
                    display: flex;
                    gap: 8px;
                    flex-wrap: wrap;
                    margin: 0 0 16px 0;
                }

                .tag {
                    display: inline-block;
                    background: #f1f5f9;
                    color: #475569;
                    padding: 6px 12px;
                    border-radius: 6px;
                    font-size: 12px;
                    font-weight: 500;
                }

                .master-btn {
                    width: 100%;
                    padding: 12px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                .master-btn:hover {
                    transform: scale(1.02);
                    box-shadow: 0 8px 16px rgba(102, 126, 234, 0.4);
                }

                .benefits-premium {
                    margin: 80px 0;
                }

                .benefits-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    gap: 24px;
                }

                .benefit-card {
                    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
                    padding: 30px;
                    border-radius: 16px;
                    border: 1px solid #e2e8f0;
                    text-align: center;
                    transition: all 0.3s ease;
                }

                .benefit-card:hover {
                    transform: translateY(-4px);
                    border-color: #667eea;
                    box-shadow: 0 12px 24px rgba(102, 126, 234, 0.1);
                }

                .benefit-icon {
                    font-size: 44px;
                    margin-bottom: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #667eea;
                }

                .benefit-icon i {
                    font-size: 44px;
                }

                .benefit-card h3 {
                    font-size: 18px;
                    margin: 0 0 10px 0;
                    color: #0f1724;
                }

                .benefit-card p {
                    font-size: 14px;
                    color: #64748b;
                    margin: 0;
                }

                .master-promo {
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    padding: 50px;
                    border-radius: 20px;
                    margin: 80px 0;
                    color: white;
                    text-align: center;
                }

                .master-promo h2 {
                    font-size: 36px;
                    margin: 0 0 12px 0;
                }

                .master-promo p {
                    font-size: 18px;
                    margin: 0 0 30px 0;
                    opacity: 0.95;
                }

                .promo-list {
                    list-style: none;
                    padding: 0;
                    margin: 0 0 30px 0;
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                    gap: 12px;
                }

                .promo-list li {
                    font-size: 16px;
                    font-weight: 500;
                }

                .testimonials-premium {
                    margin: 80px 0;
                }

                .testimonials-carousel {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                    gap: 24px;
                }

                .testimonial-card {
                    background: white;
                    padding: 30px;
                    border-radius: 16px;
                    border: 1px solid #e2e8f0;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                    transition: all 0.3s ease;
                }

                .testimonial-card:hover {
                    box-shadow: 0 12px 30px rgba(102, 126, 234, 0.15);
                }

                .testimonial-stars {
                    color: #fbbf24;
                    font-size: 18px;
                    margin-bottom: 12px;
                }

                .testimonial-text {
                    font-size: 16px;
                    color: #475569;
                    font-style: italic;
                    margin: 12px 0;
                }

                .testimonial-author {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin-top: 16px;
                }

                .author-avatar {
                    width: 40px;
                    height: 40px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: 600;
                    font-size: 12px;
                }

                .author-info {
                    flex: 1;
                }

                .author-name {
                    font-size: 14px;
                    font-weight: 600;
                    color: #0f1724;
                }

                .author-title {
                    font-size: 12px;
                    color: #64748b;
                }

                .final-cta-premium {
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                    padding: 80px 40px;
                    border-radius: 20px;
                    text-align: center;
                    color: white;
                    margin: 80px 0 40px 0;
                }

                .cta-premium-content h2 {
                    font-size: 44px;
                    margin: 0 0 12px 0;
                }

                .cta-premium-content p {
                    font-size: 18px;
                    margin: 0 0 30px 0;
                    opacity: 0.95;
                }

                .cta-btn-primary {
                    padding: 16px 40px;
                    background: white;
                    color: #667eea;
                    border: none;
                    border-radius: 8px;
                    font-size: 18px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                .cta-btn-primary:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
                }

                /* === GUARANTEES SECTION === */
                .guarantees-section {
                    padding: 80px 24px;
                    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                }

                .guarantees-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    gap: 24px;
                    margin-top: 50px;
                }

                .guarantee-card {
                    background: white;
                    padding: 32px 24px;
                    border-radius: 12px;
                    text-align: center;
                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                    transition: all 0.3s ease;
                    border: 1px solid #e2e8f0;
                }

                .guarantee-card:hover {
                    transform: translateY(-8px);
                    box-shadow: 0 12px 24px rgba(102, 126, 234, 0.15);
                    border-color: #667eea;
                }

                .guarantee-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 64px;
                    height: 64px;
                    margin: 0 auto 16px;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                    border-radius: 12px;
                    color: white;
                    font-size: 28px;
                }

                .guarantee-card h3 {
                    font-size: 18px;
                    font-weight: 700;
                    margin-bottom: 12px;
                    color: #0f1724;
                }

                .guarantee-card p {
                    font-size: 14px;
                    color: #64748b;
                    line-height: 1.6;
                }

                @media (max-width: 768px) {
                    .guarantees-section {
                        padding: 50px 16px;
                    }

                    .guarantees-grid {
                        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                        gap: 16px;
                    }
                }

                @media (max-width: 768px) {
                    .hero-section {
                        padding: 50px 20px;
                    }

                    .hero-section h1 {
                        font-size: 36px;
                    }

                    .hero-section p {
                        font-size: 16px;
                    }

                    .search-wrapper {
                        flex-direction: column;
                    }

                    .search-input-premium,
                    .search-btn-premium {
                        width: 100%;
                    }

                    .section-header h2 {
                        font-size: 28px;
                    }

                    .process-steps {
                        flex-direction: column;
                    }

                    .final-cta-premium {
                        padding: 50px 20px;
                    }

                    .cta-premium-content h2 {
                        font-size: 32px;
                    }
                }

            /* Live Stats Premium */
            .live-stats-premium {
                display: flex;
                justify-content: center;
                gap: 40px;
                padding: 60px 24px;
                background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(240, 147, 251, 0.05) 100%);
                margin: 40px 0;
                border-radius: 16px;
                flex-wrap: wrap;
            }

        /* Cookie banner */
        .cookie-banner {
            position: fixed;
            left: 16px;
            right: 16px;
            bottom: 20px;
            background: #fffaf0; /* warm, soft background for better look */
            color: #111827; /* dark text */
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(2,6,23,0.08);
            z-index: 40; /* keep below contact buttons and modals */
            padding: 12px 14px;
            display: none;
            border: 1px solid rgba(16,24,40,0.04);
            transform: translateY(8px);
            opacity: 0;
            transition: transform 220ms cubic-bezier(.2,.9,.3,1), opacity 180ms ease;
            pointer-events: none;
        }

        /* Ensure cookie banner doesn't overlap fixed contact buttons on wide screens */
        @media (min-width: 981px) {
            #cookie-banner {
                bottom: 66px; /* leave space for centered contact block */
                left: 16px;
                right: 16px;
            }
        }

        .cookie-banner.show { display:flex; transform: translateY(0); opacity:1; pointer-events:auto; }
        .cookie-banner .cookie-inner { display:flex; align-items:center; justify-content:space-between; gap:12px; }
        .cookie-banner .cookie-left { display:flex; gap:12px; align-items:flex-start; max-width:70%; }
        .cookie-banner .cookie-icon { width:40px; height:40px; background: linear-gradient(180deg,var(--primary),var(--accent)); border-radius:10px; display:flex; align-items:center; justify-content:center; box-shadow: 0 6px 18px rgba(2,6,23,0.06); font-size:18px; color: #fff; }
        .cookie-banner .cookie-text { font-size:14px; color: #111827; line-height:1.35; margin:0; }
        .cookie-actions { display:flex; gap:10px; align-items:center; }
        .cookie-btn { background: #005ea6; color:#ffffff; border:none; padding:9px 14px; border-radius:10px; cursor:pointer; font-weight:700; box-shadow: 0 6px 18px rgba(2,6,23,0.06); }
        .cookie-link { color: var(--primary); font-size:13px; text-decoration:none; padding:8px 10px; border-radius:8px; background: transparent; border: 1px solid rgba(14,165,233,0.12); }
        .cookie-link:hover { text-decoration:underline; }
        @media (max-width:720px) {
            .cookie-banner { left:12px; right:12px; bottom:120px; padding:10px; }
            .cookie-banner .cookie-inner { flex-direction: column; align-items:stretch; gap:10px; }
            .cookie-banner .cookie-left { max-width:100%; }
            .cookie-actions { justify-content:flex-end; }
        }

            .live-stats-card {
                text-align: center;
                padding: 24px;
                background: white;
                border: 2px solid #e2e8f0;
                border-radius: 12px;
                min-width: 200px;
                box-shadow: 0 4px 12px rgba(15, 23, 36, 0.08);
                transition: all 0.3s ease;
            }

            .live-stats-card:hover {
                border-color: #667eea;
                box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
                transform: translateY(-4px);
            }

            .live-indicator {
                font-size: 12px;
                color: #667eea;
                font-weight: 600;
                margin-bottom: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
            }

            .pulse {
                display: inline-block;
                width: 8px;
                height: 8px;
                background: #667eea;
                border-radius: 50%;
                animation: pulse-animation 2s infinite;
            }

            @keyframes pulse-animation {
                0% {
                    box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
                    opacity: 1;
                }
                50% {
                    opacity: 0.8;
                }
                100% {
                    box-shadow: 0 0 0 15px rgba(102, 126, 234, 0);
                    opacity: 0;
                }
            }

            .live-counter {
                font-size: 48px;
                font-weight: 700;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                margin: 12px 0;
                font-family: 'Unbounded', sans-serif;
            }

            .live-label {
                font-size: 14px;
                color: #64748b;
                font-weight: 500;
            }

            @media (max-width: 768px) {
                .live-stats-premium {
                    gap: 20px;
                    padding: 40px 16px;
                }

                .live-stats-card {
                    min-width: 160px;
                    padding: 16px;
                }

                .live-counter {
                    font-size: 36px;
                }
            }

            /* FAQ Section */
            .faq-section {
                padding: 80px 24px;
                background: white;
                max-width: 1200px;
                margin: 0 auto;
            }

            .faq-container {
                max-width: 800px;
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            /* Image protection: prevent right-clicking and dragging of images site-wide.
                Images with attribute `data-allow-download="true"` will be ignored. */
            .no-download-wrapper{position:relative;display:inline-block}
            .no-download-wrapper img{display:block;-webkit-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none}
            .no-download-overlay{position:absolute;inset:0;background:transparent;cursor:default}
            .no-download-overlay.touch-block{touch-action:none}

            /* optional small visible watermark hint (disabled by default) */
            .no-download-watermark{position:absolute;right:6px;bottom:6px;font-size:11px;color:rgba(255,255,255,0.7);background:rgba(0,0,0,0.25);padding:4px 6px;border-radius:4px;pointer-events:none}


            .faq-item {
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                overflow: hidden;
                transition: all 0.3s ease;
            }

            .faq-item:hover {
                border-color: #667eea;
                box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
            }

            .faq-question {
                width: 100%;
                padding: 20px 24px;
                background: white;
                border: none;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 16px;
                font-weight: 600;
                color: #0f1724;
                transition: all 0.3s ease;
                text-align: left;
            }

            .faq-question:hover {
                background: #f8fafc;
                color: #667eea;
            }

            .faq-question i {
                font-size: 14px;
                transition: transform 0.3s ease;
                color: #667eea;
            }

            .faq-item.active .faq-question {
                background: #f8fafc;
                color: #667eea;
            }

            .faq-item.active .faq-question i {
                transform: rotate(180deg);
            }

            .faq-answer {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
                background: #f8fafc;
            }

            .faq-item.active .faq-answer {
                max-height: 200px;
            }

            .faq-answer p {
                padding: 0 24px 20px 24px;
                color: #64748b;
                line-height: 1.6;
                margin: 0;
            }

            @media (max-width: 768px) {
                .faq-section {
                    padding: 60px 16px;
                }

                .faq-question {
                    padding: 16px 20px;
                    font-size: 15px;
                }

                .faq-answer p {
                    padding: 0 20px 16px 20px;
                    font-size: 14px;
                }
            }

            /* Blog Section */
            .blog-section {
                padding: 80px 24px;
                background: white;
                max-width: 1200px;
                margin: 0 auto;
            }

            .blog-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 24px;
                margin-top: 48px;
            }

            .blog-card {
                background: white;
                border-radius: 16px;
                overflow: hidden;
                border: 1px solid #e2e8f0;
                transition: all 0.3s ease;
                display: flex;
                flex-direction: column;
            }

            .blog-card:hover {
                border-color: #667eea;
                box-shadow: 0 12px 32px rgba(102, 126, 234, 0.15);
                transform: translateY(-8px);
            }

            .blog-image {
                height: 200px;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                background-size: cover;
                background-position: center;
            }

            .blog-image-1 {
                background: linear-gradient(135deg, #FF6B6B 0%, #FF9A56 100%), url('https://images.pexels.com/photos/5632399/pexels-photo-5632399.jpeg?w=500&h=300&fit=crop');
                background-size: cover;
            }

            .blog-image-2 {
                background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%), url('https://images.pexels.com/photos/3555615/pexels-photo-3555615.jpeg?w=500&h=300&fit=crop');
                background-size: cover;
            }

            .blog-image-3 {
                background: linear-gradient(135deg, #059669 0%, #10B981 100%), url('https://images.pexels.com/photos/1724821/pexels-photo-1724821.jpeg?w=500&h=300&fit=crop');
                background-size: cover;
            }

            .blog-content {
                padding: 24px;
                display: flex;
                flex-direction: column;
                flex-grow: 1;
            }

            .blog-category {
                display: inline-block;
                background: #f1f5f9;
                color: #667eea;
                padding: 4px 12px;
                border-radius: 6px;
                font-size: 12px;
                font-weight: 600;
                margin-bottom: 12px;
                width: fit-content;
            }

            .blog-card h3 {
                font-size: 18px;
                font-weight: 700;
                color: #0f1724;
                line-height: 1.4;
                margin-bottom: 12px;
            }

            .blog-card p {
                font-size: 14px;
                color: #64748b;
                line-height: 1.6;
                margin-bottom: 16px;
                flex-grow: 1;
            }

            .blog-link {
                display: inline-flex;
                align-items: center;
                color: #667eea;
                text-decoration: none;
                font-weight: 600;
                font-size: 14px;
                transition: all 0.3s ease;
            }

            .blog-link:hover {
                color: #764ba2;
                gap: 8px;
            }

            @media (max-width: 768px) {
                .blog-section {
                    padding: 60px 16px;
                }

                .blog-grid {
                    gap: 16px;
                }

                .blog-image {
                    height: 160px;
                }

                .blog-card h3 {
                    font-size: 16px;
                }

                .blog-card p {
                    font-size: 13px;
                }
            }

            /* Blog Page */
            .blog-hero {
                padding: 60px 24px;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                border-radius: 16px;
                text-align: center;
                color: white;
                margin-bottom: 48px;
            }

            .blog-hero-content h1 {
                font-size: 40px;
                font-weight: 800;
                margin-bottom: 12px;
            }

            .blog-hero-content p {
                font-size: 18px;
                opacity: 0.95;
                margin: 0;
            }

            .blog-search-section {
                padding: 32px 24px;
                background: white;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                margin-bottom: 48px;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .blog-search-section .search-wrapper {
                display: flex;
                gap: 12px;
            }

            .blog-search-section .search-input-premium {
                flex: 1;
                padding: 12px 16px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                font-size: 16px;
            }

            .blog-filters {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }

            .articles-section {
                padding: 0;
            }

            .articles-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
                gap: 24px;
            }

            .article-card {
                background: white;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                padding: 24px;
                transition: all 0.3s ease;
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .article-card:hover {
                border-color: #667eea;
                box-shadow: 0 12px 32px rgba(102, 126, 234, 0.15);
                transform: translateY(-4px);
            }

            .article-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 12px;
            }

            .article-category {
                display: inline-block;
                background: #f1f5f9;
                color: #667eea;
                padding: 4px 12px;
                border-radius: 6px;
                font-size: 12px;
                font-weight: 600;
            }

            .article-date {
                font-size: 12px;
                color: #94a3b8;
            }

            .article-title {
                font-size: 18px;
                font-weight: 700;
                color: #0f1724;
                line-height: 1.4;
                margin: 0;
            }

            .article-excerpt {
                font-size: 14px;
                color: #64748b;
                line-height: 1.6;
                margin: 0;
                flex-grow: 1;
            }

            .article-meta {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-top: 12px;
                border-top: 1px solid #f1f5f9;
            }

            .article-author {
                font-size: 13px;
                color: #64748b;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .article-link {
                color: #667eea;
                text-decoration: none;
                font-weight: 600;
                font-size: 14px;
                transition: color 0.3s ease;
            }

            .article-link:hover {
                color: #764ba2;
            }

            .article-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .article-tag {
                background: #f8fafc;
                color: #64748b;
                padding: 4px 10px;
                border-radius: 4px;
                font-size: 12px;
            }

            @media (max-width: 768px) {
                .blog-hero {
                    padding: 40px 16px;
                }

                .blog-hero-content h1 {
                    font-size: 28px;
                }

                .blog-hero-content p {
                    font-size: 16px;
                }

                .blog-search-section {
                    padding: 20px 16px;
                }

                .blog-search-section .search-wrapper {
                    flex-direction: column;
                }

                .blog-filters {
                    flex-direction: column;
                }

                .filter-select {
                    width: 100%;
                }

                .articles-grid {
                    grid-template-columns: 1fr;
                    gap: 16px;
                }
            }

            /* Portfolio Carousel */
            .portfolio-carousel-section {
                padding: 60px 24px;
                background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                border-radius: 16px;
                margin: 48px 0;
            }

            .portfolio-carousel-section h2 {
                font-size: 28px;
                font-weight: 700;
                color: #0f1724;
                margin-bottom: 32px;
                text-align: center;
            }

            /* Swiper (third-party) portfolio carousel */
            .portfolio-swiper {
                width: 100%;
                padding: 10px 8px 34px;
            }

            .portfolio-swiper .swiper-slide {
                border-radius: 14px;
                overflow: hidden;
                aspect-ratio: 16 / 9;
                height: clamp(240px, 48vw, 520px);
                background: #fff;
                border: 1px solid rgba(2,6,23,0.06);
                box-shadow: 0 10px 28px rgba(2,6,23,0.10);
                cursor: pointer;
            }

            .portfolio-swiper .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 240ms ease, filter 240ms ease;
            }

            .portfolio-swiper .swiper-slide:hover img {
                transform: scale(1.03);
                filter: saturate(1.05) contrast(1.02);
            }

            .portfolio-swiper .swiper-button-next,
            .portfolio-swiper .swiper-button-prev {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                background: rgba(255,255,255,0.92);
                border: 1px solid rgba(2,6,23,0.10);
                box-shadow: 0 14px 40px rgba(2,6,23,0.14);
                color: #0f1724;
            }

            .portfolio-swiper .swiper-button-next:after,
            .portfolio-swiper .swiper-button-prev:after {
                font-size: 16px;
                font-weight: 900;
            }

            .portfolio-swiper .swiper-button-next:hover,
            .portfolio-swiper .swiper-button-prev:hover {
                transform: translateY(-1px);
                box-shadow: 0 18px 55px rgba(2,6,23,0.18);
            }

            .portfolio-swiper .swiper-pagination {
                bottom: 0px !important;
            }

            .portfolio-swiper .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                background: #cbd5e1;
                opacity: 1;
            }

            .portfolio-swiper .swiper-pagination-bullet-active {
                width: 22px;
                border-radius: 6px;
                background: #667eea;
            }

            @media (max-width: 768px) {
                .portfolio-carousel-section {
                    padding: 40px 16px;
                }

                .portfolio-carousel-section h2 {
                    font-size: 22px;
                    margin-bottom: 24px;
                }

                .portfolio-swiper .swiper-slide {
                    aspect-ratio: 4 / 3;
                    height: clamp(240px, 70vw, 440px);
                }

                .portfolio-swiper .swiper-button-next,
                .portfolio-swiper .swiper-button-prev {
                    width: 38px;
                    height: 38px;
                }
            }

            /* Search Results Page */
            .search-header {
                padding: 32px 24px;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                border-radius: 12px;
                margin-top: 24px;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .search-header .search-wrapper {
                display: flex;
                gap: 12px;
            }

            .search-header .search-input-premium {
                flex: 1;
                padding: 12px 16px;
                border: none;
                border-radius: 8px;
                font-size: 16px;
            }

            .search-header .search-filters {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }

            .filter-select {
                padding: 10px 12px;
                border: none;
                border-radius: 8px;
                background: white;
                color: #0f1724;
                font-size: 14px;
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .filter-select:hover {
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            }

            .results-section {
                padding: 48px 24px;
                max-width: 1200px;
                margin: 0 auto;
            }

            .results-header {
                margin-bottom: 32px;
            }

            .results-header h1 {
                font-size: 28px;
                font-weight: 700;
                color: #0f1724;
                margin-bottom: 8px;
            }

            .results-header p {
                color: #64748b;
                font-size: 16px;
            }

            .results-container {
                display: flex;
            }

            .masters-list {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
                gap: 24px;
                width: 100%;
            }

            .master-card {
                background: white;
                border: 1px solid #e2e8f0;
                border-radius: 16px;
                overflow: hidden;
                transition: all 0.3s ease;
                display: flex;
                flex-direction: column;
            }

            .master-card:hover {
                border-color: #667eea;
                box-shadow: 0 12px 32px rgba(102, 126, 234, 0.15);
                transform: translateY(-4px);
            }

            .master-card-header {
                padding: 20px;
                border-bottom: 1px solid #f1f5f9;
                display: flex;
                gap: 16px;
                align-items: flex-start;
            }

            .master-avatar {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                color: white;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 700;
                font-size: 18px;
                flex-shrink: 0;
            }

            .master-header-info {
                flex: 1;
            }

            .master-card-header h3 {
                font-size: 18px;
                font-weight: 700;
                color: #0f1724;
                margin: 0 0 4px 0;
            }

            .master-specialty {
                font-size: 14px;
                color: #64748b;
            }

            .master-rating-badge {
                background: #f1f5f9;
                color: #667eea;
                padding: 8px 12px;
                border-radius: 8px;
                font-weight: 600;
                font-size: 14px;
                white-space: nowrap;
            }

            .master-card-body {
                padding: 20px;
                flex: 1;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

            .master-description {
                font-size: 14px;
                color: #64748b;
                line-height: 1.5;
                margin: 0;
            }

            .master-info-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }

            .info-item {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

            .info-label {
                font-size: 12px;
                color: #94a3b8;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .info-value {
                font-size: 14px;
                font-weight: 600;
                color: #0f1724;
            }

            .master-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }

            .master-tags .tag {
                background: #f1f5f9;
                color: #0f1724;
                padding: 6px 12px;
                border-radius: 6px;
                font-size: 12px;
                font-weight: 500;
            }

            .master-location {
                font-size: 13px;
                color: #64748b;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .master-card-footer {
                padding: 16px 20px;
                border-top: 1px solid #f1f5f9;
                display: flex;
                gap: 12px;
            }

            .btn-contact,
            .btn-message {
                flex: 1;
                padding: 12px 16px;
                border: none;
                border-radius: 8px;
                font-weight: 600;
                font-size: 14px;
                cursor: pointer;
                transition: all 0.3s ease;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
            }

            .btn-contact {
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                color: white;
            }

            .btn-contact:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
            }

            .btn-message {
                background: white;
                color: #667eea;
                border: 2px solid #667eea;
            }

            .btn-message:hover {
                background: #f8fafc;
                transform: translateY(-2px);
            }

            .no-results {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 60px 24px;
                text-align: center;
            }

            .no-results i {
                font-size: 72px;
                color: #cbd5e1;
                margin-bottom: 24px;
            }

            .no-results h2 {
                font-size: 24px;
                font-weight: 700;
                color: #0f1724;
                margin-bottom: 12px;
            }

            .no-results p {
                font-size: 16px;
                color: #64748b;
                margin-bottom: 24px;
            }

            .btn-back {
                display: inline-block;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                color: white;
                padding: 12px 24px;
                border-radius: 8px;
                text-decoration: none;
                font-weight: 600;
                transition: all 0.3s ease;
            }

            .btn-back:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
            }

            @media (max-width: 768px) {
                .search-header {
                    padding: 20px 16px;
                }

                .search-header .search-filters {
                    flex-direction: column;
                }

                .filter-select {
                    width: 100%;
                }

                .results-section {
                    padding: 32px 16px;
                }

                .results-header h1 {
                    font-size: 22px;
                }

                .masters-list {
                    grid-template-columns: 1fr;
                }

                .master-info-grid {
                    grid-template-columns: 1fr 1fr;
                }

                .master-card-header {
                    flex-wrap: wrap;
                }
            }

            /* Reduce intensity on very small screens */
            @media (max-width: 480px) {
                body .stars-gold, body i.fas.fa-star { text-shadow: 0 0 4px rgba(255,215,90,0.45) !important; filter: none !important; }
            }

            /* Ensure reviews modal close button (direct child of .modal) stays visible while modal content scrolls */
            .modal > .modal-close {
                position: absolute !important;
                top: 16px !important;
                right: 18px !important;
                z-index: 2200 !important;
            }

            /* Billion-dollar modal: dramatic hero, elegant glass card, and fully flexible text containers */
            .billion-modal .modal-content {
                background: linear-gradient(180deg, rgba(10,14,30,0.82), rgba(6,10,30,0.9));
                border-radius: 18px;
                padding: 28px;
                max-width: 1100px;
                width: min(98%, 1100px);
                box-shadow: 0 30px 120px rgba(2,6,23,0.6), inset 0 -6px 24px rgba(255,255,255,0.02);
                border: 1px solid rgba(255,255,255,0.03);
            }

            .billion-modal .reviews-modal-hero {
                background-image: radial-gradient( circle at 10% 10%, rgba(255,200,80,0.08), transparent 10%), radial-gradient(circle at 90% 80%, rgba(120,100,255,0.06), transparent 15%), linear-gradient(135deg, rgba(255,160,40,0.06), rgba(80,90,255,0.04));
                padding: 20px; border-radius: 12px; margin-bottom: 18px; display:flex; align-items:center; gap:18px;
            }

            .billion-modal .reviews-hero-badge { width:96px; height:96px; border-radius:18px; font-size:40px; display:flex;align-items:center;justify-content:center; }
            .billion-modal #reviews-modal-title { font-size:26px; color: #fff; margin:0; }
            .billion-modal .reviews-hero-sub { color: rgba(255,255,255,0.78); }
            .billion-modal .reviews-stat .val { color: #fff; }

            /* Ensure all review text inside modal fits: wrap, preserve whitespace, no clipping */
            .modal-reviews-list .review-text {
                max-height: none !important;
                overflow: visible !important;
                white-space: pre-wrap !important;
                word-break: break-word !important;
            }

            /* Make modal inner scroll area roomy and smooth */
            .billion-modal .modal-content { max-height: 88vh; overflow: auto; -webkit-overflow-scrolling: touch; }
            .billion-modal .modal-content::-webkit-scrollbar { width:10px; }
            .billion-modal .modal-content::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(255,200,70,0.16), rgba(255,140,30,0.06)); border-radius:10px; }

            .billion-modal .review-card { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border-radius:12px; padding:16px; margin-bottom:14px; border:1px solid rgba(255,255,255,0.02); }
            .billion-modal .reviewer-name { color:#fff; }
            .billion-modal .review-date { color: rgba(255,255,255,0.68); }
            .billion-modal .review-text { color: rgba(255,255,255,0.92); }

            /* On very narrow screens, keep modal tall but readable */
            @media (max-width: 720px) {
                .billion-modal .reviews-modal-grid { grid-template-columns: 1fr; }
                .billion-modal .reviews-hero-badge { width:72px; height:72px; font-size:28px; }
            }

            /* Mobile modal improvements: full-screen, touch-friendly, fixed close button */
            @media (max-width: 720px) {
                .modal {
                    align-items: flex-end;
                    justify-content: center;
                    padding: 0; /* let modal-content use full width */
                }

                .modal.open .modal-content, .modal.show .modal-content {
                    width: 100% !important;
                    max-width: 100% !important;
                    height: 100vh !important;
                    max-height: 100vh !important;
                    border-radius: 0 !important;
                    padding: 18px 14px 28px !important;
                    margin: 0 !important;
                    box-shadow: none !important;
                    overflow: auto !important;
                    -webkit-overflow-scrolling: touch;
                }

                /* Keep close button fixed and larger for touch */
                .modal > .modal-close {
                    position: fixed !important;
                    top: env(safe-area-inset-top, 12px) !important;
                    right: 12px !important;
                    z-index: 9999 !important;
                    width:48px !important; height:48px !important; border-radius:999px !important;
                    box-shadow: 0 18px 40px rgba(255,40,80,0.22) !important;
                }

                /* Hero becomes compact and left-aligned */
                .reviews-modal-hero { padding: 12px; gap:10px; }
                .reviews-modal-hero .reviews-hero-badge { width:64px; height:64px; font-size:26px; }

                /* Make grid single-column and ensure sidebar moves under content */
                .reviews-modal-grid { grid-template-columns: 1fr !important; gap:12px; }
                .reviews-modal-right { order: 2; }
                .reviews-modal-left { order: 1; }

                /* Make review cards slightly larger and avoid collapsing text */
                .modal-reviews-list .review-card { padding:14px; border-radius:10px; }
                .modal-reviews-list .review-text { white-space: pre-wrap; word-break: break-word; }

                /* Bigger, tappable pagination */
                .modal-pagination .pagination-button { padding:10px 12px; font-size:16px; min-width:44px; }

                /* Reduce hero badge glow intensity on mobile to save battery */
                .reviews-hero-badge { box-shadow: 0 10px 28px rgba(255,176,40,0.16); }
            }

            /* Premium verification badge animations */
            @keyframes pulse-glow-glass {
                0%, 100% {
                    box-shadow: 
                        0 6px 16px rgba(2, 6, 23, 0.10),
                        inset 0 1px 0 rgba(255, 255, 255, 0.70);
                }
                50% {
                    box-shadow: 
                        0 9px 22px rgba(2, 6, 23, 0.14),
                        inset 0 1px 0 rgba(255, 255, 255, 0.82);
                }
            }

            @keyframes badge-blobs {
                0%, 100% {
                    transform: translate3d(0, 0, 0) scale(1);
                }
                33% {
                    transform: translate3d(6%, -3%, 0) scale(1.02);
                }
                66% {
                    transform: translate3d(-4%, 4%, 0) scale(0.99);
                }
            }