/* ========== NEW HEADER V2 STYLES ========== */

        /* Urgency Banner */
        .urgency-banner {
            background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
            color: white;
            padding: 12px 0;
            position: relative;
            z-index: 1001;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .urgency-banner .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }
        .urgency-text {
            margin: 0;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            flex: 1;
        }
        .urgency-text strong {
            font-size: 18px;
            font-weight: 700;
        }
        .urgency-link {
            color: white;
            text-decoration: underline;
            font-weight: 700;
            margin-left: 10px;
        }
        .urgency-close {
            background: transparent;
            border: none;
            color: white;
            font-size: 28px;
            cursor: pointer;
            padding: 0;
            width: 30px;
            height: 30px;
            line-height: 1;
            opacity: 0.8;
            transition: opacity 0.3s;
        }
        .urgency-close:hover {
            opacity: 1;
        }

        /* Main Header V2 */
        .main-header-v2 {
            background: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
            padding: 15px 0;
        }
        .header-content-v2 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
        }

        /* Logo V2 */
        .logo-v2 {
            flex-shrink: 0;
        }
        .logo-text-v2 {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }
        .logo-primary-v2 {
            font-size: 28px;
            font-weight: 800;
            color: #2196F3;
            letter-spacing: 1px;
        }
        .logo-secondary-v2 {
            font-size: 14px;
            font-weight: 500;
            color: #666;
        }

        /* Navigation V2 */
        .main-nav-v2 ul {
            list-style: none;
            display: flex;
            gap: 30px;
            margin: 0;
            padding: 0;
        }
        .main-nav-v2 a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 15px;
            transition: color 0.3s;
        }
        .main-nav-v2 a:hover {
            color: #2196F3;
        }
        .nav-dropdown {
            position: relative;
        }
        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            border-radius: 8px;
            padding: 10px 0;
            min-width: 220px;
            z-index: 1002;
            margin-top: 10px;
        }
        .nav-dropdown:hover .dropdown-menu {
            display: block;
        }
        .dropdown-menu li {
            margin: 0;
        }
        .dropdown-menu a {
            display: block;
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
        }
        .dropdown-menu a:hover {
            background: #f5f5f5;
            color: #2196F3;
        }

        /* Header CTAs V2 */
        .header-ctas-v2 {
            display: flex;
            gap: 12px;
            align-items: center;
        }
        .header-cta-call,
        .header-cta-chat,
        .header-cta-book {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            transition: all 0.3s;
            white-space: nowrap;
        }
        .header-cta-call {
            background: #7B1FA2;
            color: white;
            border: 2px solid #4CAF50;
        }
        .header-cta-call:hover {
            background: #45a049;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(76,175,80,0.3);
        }
        .header-cta-chat {
            background: #25D366;
            color: white;
            border: 2px solid #25D366;
        }
        .header-cta-chat:hover {
            background: #20bd5a;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37,211,102,0.3);
        }
        .header-cta-book {
            background: #2196F3;
            color: white;
            border: 2px solid #2196F3;
        }
        .header-cta-book:hover {
            background: #1976D2;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(39,174,96,0.3);
        }

        /* Mobile Menu Toggle V2 */
        .mobile-menu-toggle-v2 {
            display: none;
            flex-direction: column;
            gap: 5px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 8px;
        }
        .mobile-menu-toggle-v2 span {
            width: 25px;
            height: 3px;
            background: #333;
            border-radius: 2px;
            transition: all 0.3s;
        }

        /* Mobile Sticky Bottom Bar */
        .mobile-sticky-bottom {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
            z-index: 999;
            padding: 10px;
        }
        .mobile-sticky-bottom {
            display: none;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 8px;
        }
        .mobile-cta-call,
        .mobile-cta-chat,
        .mobile-cta-book {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding: 12px 8px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
            transition: all 0.3s;
        }
        .mobile-cta-call {
            background: #7B1FA2;
            color: white;
        }
        .mobile-cta-chat {
            background: #25D366;
            color: white;
        }
        .mobile-cta-book {
            background: #2196F3;
            color: white;
        }
        .mobile-cta-call:active,
        .mobile-cta-chat:active,
        .mobile-cta-book:active {
            transform: scale(0.95);
        }

        /* Mobile Responsive */
        @media (max-width: 968px) {
            .main-nav-v2,
            .header-ctas-v2 {
                display: none;
            }
            .mobile-menu-toggle-v2 {
                display: flex;
            }
            .mobile-sticky-bottom {
                display: grid;
            }
            .urgency-text {
                font-size: 14px;
            }
            .urgency-text strong {
                font-size: 16px;
            }
            body {
                padding-bottom: 70px; /* Space for sticky bottom bar */
            }
        }

        @media (max-width: 768px) {
            .header-content-v2 {
                gap: 15px;
            }
            .logo-primary-v2 {
                font-size: 24px;
            }
            .logo-secondary-v2 {
                font-size: 12px;
            }
            .urgency-text {
                font-size: 13px;
            }
            .urgency-link {
                display: block;
                margin-left: 0;
                margin-top: 5px;
            }
        }

        /* Fluid typography using clamp() for responsive scaling */
        * { overflow-x: hidden !important; max-width: 100% !important; }
        body { line-height: 1.6; overflow-x: hidden; }
        h1 { font-size: clamp(1.75rem, 4vw + 1rem, 3rem); line-height: 1.3; }
        h2 { font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem); line-height: 1.4; }
        h3 { font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem); line-height: 1.5; }
        p { font-size: clamp(0.875rem, 1vw + 0.25rem, 1.125rem); line-height: 1.7; }
        .hero-title { font-size: clamp(2rem, 5vw + 1rem, 3.5rem); line-height: 1.2; }
        a:hover { opacity: 0.85; transition: opacity 0.3s; }
        a:focus { outline: 2px solid #2196F3; outline-offset: 2px; }
        button:hover { opacity: 0.9; transition: opacity 0.3s; }
        button:focus { outline: 2px solid #2196F3; outline-offset: 2px; }
        .cta-primary { background: #2196F3; color: white; }
        .cta-secondary { background: #7B1FA2; color: white; }
        .highlight-yellow { color: #FDD835; }

        /* Mobile icon centering - all icons should be centered on mobile */
        @media (max-width: 768px) {
            .mobile-optimize { display: block; }

            /* Center all icon elements on mobile */
            .service-icon,
            .problem-icon,
            .benefit-icon,
            .toronto-icon,
            .service-card .service-icon,
            .problem-card .problem-icon,
            .benefit-card .benefit-icon {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            }

            /* Center service cards and their content on mobile */
            .service-card,
            .problem-card,
            .benefit-card {
                text-align: center;
            }
        }