}
        })();
    </script>
    
    <!-- GA4 Tracking Script -->
    <script>
        // Centralized GA4 tracking functions
        window.GA4Tracker = {
            // Track custom page view
            trackPageView: function(pageType, locale, additionalData) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'page_view', {
                        'page_type': pageType || 'general',
                        'locale': locale || 'en',
                        'page_title': document.title,
                        'page_location': window.location.href,
                        'page_path': window.location.pathname,
                        ...additionalData
                    });
                }
            },
            
            // Track form interactions
            trackFormStart: function(formType, formLocation) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'form_start', {
                        'form_type': formType,
                        'form_location': formLocation,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                }
            },
            
            trackFormSubmit: function(formType, formLocation, success) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', success ? 'form_submit' : 'form_error', {
                        'form_type': formType,
                        'form_location': formLocation,
                        'page_type': this.getPageType(),
                        'locale': 'en',
                        'value': success ? 1 : 0
                    });
                    
                    // Mark as conversion if successful
                    if (success) {
                        gtag('event', 'conversion', {
                            'send_to': 'G-G41NMM2DPP/conversion',
                            'event_category': 'form',
                            'event_label': formType + '_' + formLocation
                        });
                    }
                }
            },
            
            // Track CTA clicks
            trackCTAClick: function(ctaType, ctaText, ctaLocation) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'cta_click', {
                        'cta_type': ctaType,
                        'cta_text': ctaText,
                        'cta_location': ctaLocation,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                }
            },
            
            // Track phone clicks
            trackPhoneClick: function(phoneNumber, location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'phone_click', {
                        'phone_number': phoneNumber,
                        'location': location,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                    
                    // Mark as conversion
                    gtag('event', 'conversion', {
                        'send_to': 'G-G41NMM2DPP/conversion',
                        'event_category': 'contact',
                        'event_label': 'phone_click'
                    });
                }
            },
            
            // Track WhatsApp clicks
            trackWhatsAppClick: function(location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'whatsapp_click', {
                        'location': location,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                    
                    // Mark as conversion
                    gtag('event', 'conversion', {
                        'send_to': 'G-G41NMM2DPP/conversion',
                        'event_category': 'contact',
                        'event_label': 'whatsapp_click'
                    });
                }
            },
            
            // Track property interactions
            trackPropertyView: function(propertyReference, propertyType, location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'view_item', {
                        'item_id': propertyReference,
                        'item_name': propertyType + ' in ' + location,
                        'item_category': propertyType,
                        'item_location': location,
                        'locale': 'en'
                    });
                }
            },
            
            trackPropertyClick: function(propertyReference, propertyType, location, source) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'select_item', {
                        'item_id': propertyReference,
                        'item_name': propertyType + ' in ' + location,
                        'item_category': propertyType,
                        'item_location': location,
                        'source': source || 'property_listing',
                        'locale': 'en'
                    });
                }
            },
            
            // Track image views
            trackImageView: function(imageIndex, imageUrl, propertyReference, imageType) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'view_image', {
                        'image_index': imageIndex,
                        'image_url': imageUrl,
                        'property_reference': propertyReference || null,
                        'image_type': imageType || 'property_gallery',
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                }
            },
            
            // Track scroll depth
            trackScrollDepth: function(depth) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'scroll', {
                        'scroll_depth': depth,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                }
            },
            
            // Track time on page
            trackTimeOnPage: function(seconds) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'timing_complete', {
                        'name': 'time_on_page',
                        'value': seconds,
                        'page_type': this.getPageType(),
                        'locale': 'en'
                    });
                }
            },
            
            // Helper function to detect page type
            getPageType: function() {
                const path = window.location.pathname;
                if (path.includes('/concierge/cars')) return 'cars';
                if (path.includes('/concierge/yachts')) return 'yachts';
                if (path.includes('/concierge/jets')) return 'jets';
                if (path.includes('/properties/') && !path.includes('/properties?')) return 'property_page';
                if (path.includes('/properties') || path.includes('/sales') || path.includes('/rentals')) return 'property_listing';
                if (path.includes('/contact')) return 'contact';
                if (path.includes('/blog')) return 'blog';
                return 'general';
            },
            
            // Initialize scroll depth tracking
            initScrollDepthTracking: function() {
                const depths = [25, 50, 75, 100];
                const tracked = {};
                
                window.addEventListener('scroll', function() {
                    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                    const docHeight = document.documentElement.scrollHeight - window.innerHeight;
                    const scrollPercent = Math.round((scrollTop / docHeight) * 100);
                    
                    depths.forEach(function(depth) {
                        if (scrollPercent >= depth && !tracked[depth]) {
                            tracked[depth] = true;
                            window.GA4Tracker.trackScrollDepth(depth);
                        }
                    });
                }, { passive: true });
            },
            
            // Initialize time on page tracking
            initTimeOnPageTracking: function() {
                const startTime = Date.now();
                
                // Track when user leaves page
                window.addEventListener('beforeunload', function() {
                    const timeOnPage = Math.round((Date.now() - startTime) / 1000);
                    if (timeOnPage > 0) {
                        // Use sendBeacon for reliability
                        if (navigator.sendBeacon && typeof gtag !== 'undefined') {
                            const data = JSON.stringify({
                                'event': 'timing_complete',
                                'name': 'time_on_page',
                                'value': timeOnPage,
                                'page_type': window.GA4Tracker.getPageType(),
                                'locale': 'en'
                            });
                            navigator.sendBeacon('https://www.google-analytics.com/g/collect', data);
                        } else {
                            window.GA4Tracker.trackTimeOnPage(timeOnPage);
                        }
                    }
                });
            }
        };
        
        // Initialize tracking on page load
        document.addEventListener("DOMContentLoaded", function() {
            // Chatbot functionality (existing)
            const chatbotButton = document.getElementById('chatbot-button');
            const chatbotWindow = document.getElementById('chatbot-window');
            const chatbotClose = document.getElementById('chatbot-close');
            const chatbotInput = document.getElementById('chatbot-input');
            const chatbotMessages = document.getElementById('chatbot-messages');
            
            if (chatbotButton && chatbotWindow) {
                chatbotButton.addEventListener('click', function() {
                    chatbotWindow.style.display = chatbotWindow.style.display === 'none' ? 'flex' : 'none';
                });
            }
            
            if (chatbotClose && chatbotWindow) {
                chatbotClose.addEventListener('click', function() {
                    chatbotWindow.style.display = 'none';
                });
            }
            
            if (chatbotInput && chatbotMessages) {
                chatbotInput.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter' && this.value.trim()) {
                        const message = this.value.trim();
                        this.value = '';
                        const userMsg = document.createElement('div');
                        userMsg.style.cssText = 'background: var(--color-accent); color: white; padding: 0.75rem; border-radius: 8px; max-width: 80%; align-self: flex-end;';
                        userMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">' + message + '</p>';
                        chatbotMessages.appendChild(userMsg);
                        chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        setTimeout(() => {
                            const botMsg = document.createElement('div');
                            botMsg.style.cssText = 'background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;';
                            botMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">Thank you for your message. Our team will contact you soon. For immediate assistance, call +34 640 830 461.</p>';
                            chatbotMessages.appendChild(botMsg);
                            chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        }, 500);
                    }
                });
            }
            
            // Initialize scroll depth tracking (medium priority)
            window.GA4Tracker.initScrollDepthTracking();
            
            // Initialize time on page tracking (medium priority)
            window.GA4Tracker.initTimeOnPageTracking();
            
            // Universal form tracking
            document.querySelectorAll('.ga4-form, form[action*="contact.store"]').forEach(function(form) {
                const formType = form.dataset.formType || 'general';
                const formLocation = form.dataset.formLocation || 'unknown';
                let formStarted = false;
                
                // Track form start (when user focuses first input)
                const firstInput = form.querySelector('input[type="text"], input[type="email"], input[type="tel"], textarea');
                if (firstInput) {
                    firstInput.addEventListener('focus', function() {
                        if (!formStarted) {
                            formStarted = true;
                            window.GA4Tracker.trackFormStart(formType, formLocation);
                        }
                    }, { once: true });
                }
                
                // Track form submission
                form.addEventListener('submit', function(e) {
                    const formData = new FormData(form);
                    const hasRequiredFields = Array.from(form.querySelectorAll('[required]')).length > 0;
                    
                    // Check if form is valid
                    if (form.checkValidity()) {
                        window.GA4Tracker.trackFormSubmit(formType, formLocation, true);
                    } else {
                        window.GA4Tracker.trackFormSubmit(formType, formLocation, false);
                    }
                });
            });
            
            // Universal CTA click tracking
            document.querySelectorAll('.ga4-cta-hero, .ga4-cta-form, .btn-primary').forEach(function(cta) {
                cta.addEventListener('click', function(e) {
                    const ctaType = this.dataset.ctaType || 'button';
                    const ctaText = this.dataset.ctaText || this.textContent.trim() || this.innerText.trim();
                    const ctaLocation = this.dataset.ctaLocation || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackCTAClick(ctaType, ctaText, ctaLocation);
                });
            });
            
            // Universal phone click tracking
            document.querySelectorAll('.ga4-phone-click, a[href^="tel:"]').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const phoneNumber = this.dataset.phone || this.getAttribute('href').replace('tel:', '');
                    const location = this.dataset.location || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackPhoneClick(phoneNumber, location);
                });
            });
            
            // Universal WhatsApp click tracking
            document.querySelectorAll('.ga4-whatsapp-click, a[href*="wa.me"], a[href*="whatsapp"]').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const location = this.dataset.location || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackWhatsAppClick(location);
                });
            });
            
            // Property card click tracking
            document.querySelectorAll('.ga4-property-card-click').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const propertyReference = this.dataset.propertyReference;
                    const propertyType = this.dataset.propertyType || 'Property';
                    const propertyLocation = this.dataset.propertyLocation || 'Unknown';
                    const source = this.dataset.source || 'property_listing';
                    
                    window.GA4Tracker.trackPropertyClick(propertyReference, propertyType, propertyLocation, source);
                });
            });
            
            // Track property listing page views
            if (window.location.pathname.includes('/properties') || 
                window.location.pathname.includes('/sales') || 
                window.location.pathname.includes('/rentals') ||
                window.location.pathname.includes('/holiday-rentals')) {
                if (typeof window.GA4Tracker !== 'undefined') {
                    const pageType = window.GA4Tracker.getPageType();
                    window.GA4Tracker.trackPageView(pageType, 'en', {
                        'page_title': document.title
                    });
                }
            }
            
            // Track filter changes (property listing interactions - medium priority)
            document.querySelectorAll('.search-form select, .search-form input[type="number"], .search-form input[type="text"]').forEach(function(element) {
                element.addEventListener('change', function() {
                    if (typeof gtag !== 'undefined' && window.location.pathname.includes('/properties')) {
                        const filterName = this.name || this.id;
                        const filterValue = this.value;
                        
                        gtag('event', 'filter_change', {
                            'filter_name': filterName,
                            'filter_value': filterValue,
                            'page_type': 'property_listing',
                            'locale': 'en'
                        });
                    }
                });
            });
            
            // Track "Clear Filters" button click
            document.querySelectorAll('.ga4-filter-clear').forEach(function(btn) {
                btn.addEventListener('click', function() {
                    if (typeof gtag !== 'undefined') {
                        gtag('event', 'filter_clear', {
                            'page_type': 'property_listing',
                            'locale': 'en'
                        });
                    }
                });
            });
            
            // Track search form submission
            document.querySelectorAll('.search-form.ga4-form').forEach(function(form) {
                form.addEventListener('submit', function(e) {
                    if (typeof gtag !== 'undefined') {
                        const formData = new FormData(form);
                        const searchParams = {};
                        formData.forEach(function(value, key) {
                            if (value) searchParams[key] = value;
                        });
                        
                        gtag('event', 'search', {
                            'search_term': searchParams.location || searchParams.keyword || '',
                            'filters_applied': Object.keys(searchParams).length,
                            'page_type': 'property_listing',
                            'locale': 'en'
                        });
                    }
                });
            });
        });
    </script>

    
    <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
    <link rel="preconnect" href="https://propertylist-staging-assets-west.s3.eu-west-1.amazonaws.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.bunny.net/css?family=playfair-display:400,700|inter:400,500,600&display=swap" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.bunny.net/css?family=playfair-display:400,700|inter:400,500,600&display=swap" rel="stylesheet"></noscript>
    
    <!-- Styles -->
    <style>
        :root {
            --color-primary: #0A1929;
            --color-accent: #D4AF37;
            --color-text: #2C2C2C;
            --color-text-light: #666;
            --color-bg: #FFFFFF;
            --color-bg-light: #F8F9FA;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: var(--color-text);
            line-height: 1.6;
            background: var(--color-bg);
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            line-height: 1.2;
        }
        
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }
        
        /* Navigation */
        nav:not([aria-label="Pagination Navigation"]):not([aria-label="Breadcrumb"]):not(.property-breadcrumbs) {
            background: #0A1929 !important;
            color: white;
            padding: 0.75rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        nav .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
        }
        
        .lang-switcher {
            position: relative;
        }
        
        .lang-switcher summary {
            color: white;
            text-decoration: none;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            transition: background-color 0.3s, color 0.3s;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            cursor: pointer;
            list-style: none;
        }
        
        .lang-switcher summary::-webkit-details-marker {
            display: none;
        }

        .lang-switcher summary:hover {
            background-color: rgba(255,255,255,0.1);
        }
        
        .lang-switcher[open] summary {
            background-color: rgba(255,255,255,0.12);
        }

        .lang-switcher-menu {
            position: absolute;
            top: calc(100% + 0.5rem);
            right: 0;
            background: #0f2236;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 8px;
            padding: 0.35rem;
            min-width: 160px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.25);
            z-index: 1001;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

        .lang-switcher-menu a {
            color: white;
            text-decoration: none;
            padding: 0.5rem 0.75rem;
            border-radius: 6px;
            transition: background-color 0.3s, color 0.3s;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .lang-switcher-menu a:hover {
            background-color: rgba(255,255,255,0.08);
        }

        .lang-switcher-menu a.active {
            background-color: var(--color-accent) !important;
            color: var(--color-primary);
        }
        
        .lang-switcher .flag-icon {
            width: 20px;
            height: 15px;
            border-radius: 2px;
            object-fit: cover;
            display: inline-block;
        }
        
        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--color-accent) !important;
            text-decoration: none;
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
        }
        
        .logo img {
            height: 100px;
            width: auto;
            max-width: 350px;
        }
        
        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
            align-items: center;
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }
        
        .nav-links a:hover {
            color: var(--color-accent) !important;
        }

        .nav-cta-link {
            display: inline-block;
            background: var(--color-accent);
            color: var(--color-primary) !important;
            padding: 0.55rem 0.9rem;
            border-radius: 6px;
            font-weight: 700 !important;
            line-height: 1;
        }

        .nav-cta-link:hover {
            color: var(--color-primary) !important;
            background: #c4a030;
        }
        
        .nav-dropdown {
            position: relative;
        }
        
        .nav-dropdown > a {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .nav-dropdown > a::after {
            content: '▼';
            font-size: 0.7rem;
            transition: transform 0.3s;
        }
        
        .nav-dropdown:hover > a::after {
            transform: rotate(180deg);
        }
        
        .nav-dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background: #0A1929;
            min-width: 200px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            border-radius: 4px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s;
            margin-top: 0.5rem;
            padding: 0.5rem 0;
        }
        
        .nav-dropdown:hover .nav-dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .nav-dropdown-menu a {
            display: block;
            padding: 0.75rem 1.5rem;
            color: white;
            text-decoration: none;
            transition: background-color 0.3s, color 0.3s;
        }
        
        .nav-dropdown-menu a:hover {
            background-color: rgba(255,255,255,0.1);
            color: var(--color-accent) !important;
        }

        /* Mobile Menu Toggle Button */
        .mobile-menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: space-around;
            width: 2rem;
            height: 2rem;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            z-index: 1001;
        }
        
        .mobile-menu-toggle span {
            width: 2rem;
            height: 3px;
            background: var(--color-accent);
            border-radius: 10px;
            transition: all 0.3s;
        }
        
        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, #0A1929 0%, #1a3a5a 100%);
            color: white;
            padding: 6rem 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><path d="M0,300 Q300,100 600,300 T1200,300" stroke="rgba(212,175,55,0.1)" stroke-width="2" fill="none"/></svg>');
            opacity: 0.3;
        }
        
        .hero .container {
            position: relative;
            z-index: 1;
        }
        
        .hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            color: white;
        }
        
        .hero p {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }
        
        /* Buttons */
        .btn {
            display: inline-block;
            padding: 0.875rem 2rem;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }
        
        .btn-primary {
            background: var(--color-accent);
            color: var(--color-primary);
        }
        
        .btn-primary:hover {
            background: #c4a030;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(212,175,55,0.3);
        }
        
        .btn-outline {
            background: transparent;
            color: #1a1a1a !important;
            border: 2px solid var(--color-accent);
        }
        
        .btn-outline:hover {
            background: var(--color-accent);
            color: var(--color-primary) !important;
        }

        .floating-whatsapp {
            position: fixed;
            right: 18px;
            bottom: 20px;
            z-index: 9997;
            width: 56px;
            height: 56px;
            border-radius: 999px;
            background: #25D366;
            color: #fff !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            box-shadow: 0 10px 24px rgba(0,0,0,0.2);
            font-size: 0.82rem;
            font-weight: 800;
        }

        .floating-whatsapp:hover {
            transform: translateY(-2px);
        }
        
        /* Property Grid */
        .property-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
            padding: 0 1.5rem;
        }
        
        /* Property Card */
        .property-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .property-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.15);
        }
        
        .property-card img {
            width: 100%;
            height: 240px;
            object-fit: cover;
        }
        
        .property-card-content {
            padding: 1.5rem;
        }
        
        .property-card h3 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
            color: var(--color-primary);
        }
        
        .property-card h3 a {
            color: var(--color-primary);
            text-decoration: none;
        }
        
        .property-card h3 a:hover {
            color: var(--color-accent);
        }
        
        .property-price {
            font-size: 1.5rem;
            font-weight: 700;
            color: #1a1a1a !important;
            margin-bottom: 1rem;
        }
        
        .property-details {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            margin-bottom: 1rem;
            color: var(--color-text-light);
            font-size: 0.9rem;
        }
        
        .property-details span {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }
        
        /* Footer */
        footer {
            background: #0A1929;
            color: rgba(255,255,255,0.8);
            padding: 3rem 0 1rem;
            margin-top: 4rem;
        }
        
        footer .container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
        }
        
        footer h4 {
            color: var(--color-accent);
            margin-bottom: 1rem;
            font-size: 1.25rem;
        }
        
        footer ul {
            list-style: none;
        }
        
        footer ul li {
            margin-bottom: 0.5rem;
        }
        
        footer a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: color 0.3s;
        }
        
        footer a:hover {
            color: var(--color-accent);
        }
        
        .footer-bottom {
            grid-column: 1 / -1;
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            margin-top: 2rem;
        }
        
        /* Breadcrumbs */
        nav[aria-label="Breadcrumb"] {
            background: transparent !important;
            padding: 0 !important;
            margin-bottom: 1rem;
        }
        
        nav[aria-label="Breadcrumb"] ol {
            display: flex;
            list-style: none;
            gap: 0.5rem;
            padding: 0;
            margin: 0;
        }
        
        nav[aria-label="Breadcrumb"] li {
            display: flex;
            align-items: center;
        }
        
        nav[aria-label="Breadcrumb"] li:not(:last-child)::after {
            content: '/';
            margin-left: 0.5rem;
            color: var(--color-text-light);
        }
        
        nav[aria-label="Breadcrumb"] a {
            color: var(--color-text-light);
            text-decoration: none;
        }
        
        nav[aria-label="Breadcrumb"] a:hover {
            color: var(--color-accent);
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .property-grid {
                grid-template-columns: 1fr;
                padding: 0 0.5rem;
            }
            
            .property-price {
                font-size: 1.1rem !important;
                white-space: nowrap !important;
                line-height: 1.2 !important;
                word-spacing: -0.05em !important;
            }
            
            .mobile-menu-toggle {
                display: flex;
            }
            
            .nav-links {
                position: fixed;
                left: -100%;
                top: 70px;
                flex-direction: column;
                background-color: #0A1929;
                width: 100%;
                text-align: center;
                transition: 0.3s;
                padding: 2rem 0;
                z-index: 1000;
            }
            
            .nav-links.mobile-menu-open {
                left: 0;
            }

            .floating-whatsapp {
                bottom: 88px;
                right: 14px;
            }
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

        }

        /* Search Form Styles - Modern & Clean */
        .search-form {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            margin: 0 auto 2rem auto;
            max-width: 1200px;
            width: 100%;
        }
        
        .form-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.25rem;
            margin-bottom: 1.5rem;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
        }
        
        .form-group label {
            font-weight: 600;
            margin-bottom: 0.625rem;
            color: var(--color-primary);
            font-size: 0.875rem;
            letter-spacing: 0.3px;
        }
        
        /* Modern Input & Select Styling */
        .form-group input[type="text"],
        .form-group input[type="number"],
        .form-group select {
            padding: 0.875rem 1rem;
            border: 1.5px solid #e5e7eb;
            border-radius: 8px;
            font-size: 0.95rem;
            transition: all 0.2s ease;
            background: #ffffff;
            color: var(--color-primary);
            font-family: inherit;
        }
        
        .form-group input[type="text"]:hover,
        .form-group input[type="number"]:hover,
        .form-group select:hover {
            border-color: #d1d5db;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
        
        .form-group input[type="text"]:focus,
        .form-group input[type="number"]:focus,
        .form-group select:focus {
            outline: none;
            border-color: var(--color-accent);
            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1), 0 2px 8px rgba(0,0,0,0.08);
            transform: translateY(-1px);
        }
        
        .form-group input[type="text"]::placeholder,
        .form-group input[type="number"]::placeholder {
            color: #9ca3af;
            font-weight: 400;
        }
        
        /* Modern Select Dropdown */
        .form-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23333' d='M7 10L2 5h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            background-size: 14px;
            padding-right: 2.75rem;
            cursor: pointer;
        }
        
        /* Desktop-only fields wrapper */
        .desktop-only-fields {
            display: contents;
        }
        
        /* Action Buttons Row - Modern Layout */
        .search-form-actions {
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            margin-top: 2rem;
            flex-wrap: wrap;
        }
        
        .search-form-actions .btn {
            padding: 0.875rem 2rem;
            font-size: 0.95rem;
            font-weight: 600;
            border-radius: 8px;
            transition: all 0.2s ease;
            cursor: pointer;
            border: none;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 140px;
        }
        
        .search-form-actions .btn-search {
            background: var(--color-accent);
            color: var(--color-primary);
            box-shadow: 0 2px 8px rgba(212, 175, 55, 0.25);
        }
        
        .search-form-actions .btn-search:hover {
            background: #c4a030;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(212,175,55,0.35);
        }
        
        .search-form-actions .btn-clear,
        .search-form-actions .btn-more-filters {
            background: transparent;
            color: var(--color-primary);
            border: 1.5px solid var(--color-accent);
        }
        
        .search-form-actions .btn-clear:hover,
        .search-form-actions .btn-more-filters:hover {
            background: var(--color-accent);
            color: var(--color-primary);
            transform: translateY(-2px);
            box-shadow: 0 2px 8px rgba(212, 175, 55, 0.2);
        }
        
        /* More Filters section spacing */
        #more-filters {
            margin-top: 2rem;
        }
        
        /* Mobile-only fields in more filters - hidden on desktop */
        .mobile-only-in-filters {
            display: none;
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .search-form {
                padding: 1.5rem;
                border-radius: 8px;
            }
            
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
                margin-bottom: 1rem;
            }
            
            /* Hide all fields except location on mobile */
            .desktop-only-fields {
                display: none !important;
            }
            
            .search-form-actions {
                flex-direction: column;
                gap: 0.75rem;
                margin-top: 1.5rem;
            }
            
            .search-form-actions .btn {
                width: 100%;
                min-width: auto;
            }
            
            /* More Filters section adjustments */
            #more-filters {
                margin-top: 1rem;
            }
            
            #more-filters .form-grid {
                grid-template-columns: 1fr;
            }
            
            /* Show mobile-only fields in more filters section */
            .mobile-only-in-filters {
                display: contents;
            }
        }
                <h4 style="margin: 0; font-size: 1rem;">Marbella Luxury Rentals &amp; Sales</h4>
                <button id="chatbot-close" style="background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer;">×</button>
            </div>
            <div id="chatbot-messages" style="flex: 1; padding: 1rem; overflow-y: auto; display: flex; flex-direction: column; gap: 1rem;">
                <div style="background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;">
                    <p style="margin: 0; font-size: 0.9rem;">Hello! How can I help you find your perfect property in Marbella?</p>
                </div>
            </div>
            <div style="padding: 1rem; border-top: 1px solid #ddd;">
                <input type="text" id="chatbot-input" placeholder="Type your message..." style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem;">
            </div>
        </div>
    </div>
    <style>
        #chatbot-button:hover { transform: scale(1.1); }
        #chatbot-messages::-webkit-scrollbar { width: 6px; }
        #chatbot-messages::-webkit-scrollbar-track { background: #f1f1f1; }
        #chatbot-messages::-webkit-scrollbar-thumb { background: #888; border-radius: 3px; }
        @media (max-width: 768px) {
            .mobile-menu-toggle { display: flex; flex-direction: column; justify-content: space-around; width: 2rem; height: 2rem; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1001; }
            .mobile-menu-toggle span { width: 2rem; height: 3px; background: var(--color-accent); border-radius: 10px; transition: all 0.3s; }
            .nav-links { position: fixed; left: -100%; top: 70px; flex-direction: column; background-color: #0A1929; width: 100%; text-align: center; transition: 0.3s; padding: 2rem 0; z-index: 1000; }
            .nav-links.mobile-menu-open { left: 0; }
        }
    
        /* Breadcrumbs in property pages - no background */
        .container nav:not([aria-label="Pagination Navigation"]) {
            background: transparent !important;
            padding: 0 !important;
            margin-bottom: 2rem;
        }
        
        .container nav:not([aria-label="Pagination Navigation"]) a {
            color: #666 !important;
            text-decoration: none;
        }
        
        .container nav:not([aria-label="Pagination Navigation"]) span {
            color: #999 !important;
        }

        /* Property breadcrumbs - ensure no background */
        .property-breadcrumbs,
        nav.property-breadcrumbs {
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .property-breadcrumbs a {
            color: #666 !important;
            text-decoration: none;
        }
        
        .property-breadcrumbs span {
            color: #999 !important;
        }

        /* Pagination Styles */
        .pagination-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1.5rem;
            margin: 3rem 0;
            padding: 0 1.5rem;
        }

        .pagination-results {
            flex: 0 0 auto;
        }

        .pagination-text {
            color: var(--color-text);
            font-size: 0.95rem;
        }

        .pagination-nav {
            flex: 1 1 auto;
            display: flex;
            justify-content: center;
        }

        /* Laravel Pagination Links - Target actual classes from template */
        .pagination {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 0.5rem !important;
            flex-wrap: wrap !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .pagination-item {
            display: inline-block !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

        .pagination-link {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0.5rem 0.75rem !important;
            border-radius: 6px !important;
            text-decoration: none !important;
            color: var(--color-primary) !important;
            background: white !important;
            border: 1.5px solid #e5e7eb !important;
            transition: all 0.2s ease !important;
            font-size: 0.95rem !important;
            min-width: 2.5rem !important;
            text-align: center !important;
            font-weight: 500 !important;
        }

        .pagination-item a.pagination-link:hover {
            background: var(--color-accent) !important;
            color: var(--color-primary) !important;
            border-color: var(--color-accent) !important;
            transform: translateY(-1px);
            text-decoration: none !important;
        }

        .pagination-item.active .pagination-link {
            background: var(--color-accent) !important;
            color: var(--color-primary) !important;
            border-color: var(--color-accent) !important;
            font-weight: 600 !important;
        }

        .pagination-item.disabled .pagination-link {
            color: #9ca3af !important;
            cursor: not-allowed !important;
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
            opacity: 0.6 !important;
        }

        .pagination-item.disabled .pagination-link:hover {
            transform: none !important;
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
        }

        /* Mobile Pagination */
        @media (max-width: 768px) {
            .pagination-wrapper {
                flex-direction: column;
                align-items: center;
                gap: 1rem;
            }

            .pagination-results {
                text-align: center;
                width: 100%;
            }

            .pagination-nav {
                width: 100%;
                justify-content: center;
            }

            .pagination {
                justify-content: center !important;
            }
        }
</style>
<script>
        document.addEventListener("DOMContentLoaded", function() {
            const chatbotButton = document.getElementById('chatbot-button');
            const chatbotWindow = document.getElementById('chatbot-window');
            const chatbotClose = document.getElementById('chatbot-close');
            const chatbotInput = document.getElementById('chatbot-input');
            const chatbotMessages = document.getElementById('chatbot-messages');
            
            if (chatbotButton && chatbotWindow) {
                chatbotButton.addEventListener('click', function() {
                    chatbotWindow.style.display = chatbotWindow.style.display === 'none' ? 'flex' : 'none';
                });
            }
            
            if (chatbotClose && chatbotWindow) {
                chatbotClose.addEventListener('click', function() {
                    chatbotWindow.style.display = 'none';
                });
            }
            
            if (chatbotInput && chatbotMessages) {
                chatbotInput.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter' && this.value.trim()) {
                        const message = this.value.trim();
                        this.value = '';
                        const userMsg = document.createElement('div');
                        userMsg.style.cssText = 'background: var(--color-accent); color: white; padding: 0.75rem; border-radius: 8px; max-width: 80%; align-self: flex-end;';
                        userMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">' + message + '</p>';
                        chatbotMessages.appendChild(userMsg);
                        chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        setTimeout(() => {
                            const botMsg = document.createElement('div');
                            botMsg.style.cssText = 'background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;';
                            botMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">Thank you for your message. Our team will contact you soon. For immediate assistance, call +34 640 830 461.</p>';
                            chatbotMessages.appendChild(botMsg);
                            chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        }, 500);
                    }
                });
            }
        });
    </script>
</head>
    <body>


    
    

    <nav>
        <div class="container">
            <a href="https://marbellaluxuryrentals.com/en" class="logo">
                <img src="https://marbellaluxuryrentals.com/images/logo.png" alt="Marbella Luxury Rentals" width="122" height="100">
            </a>
            <button class="mobile-menu-toggle" aria-label="Toggle menu" aria-expanded="false">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <ul class="nav-links">
                <li class="nav-dropdown">
                    <a href="#">Rentals</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/en/long-term-rentals">Long Term</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/en/holiday-rentals">Holiday Rentals</a></li>
                    </ul>
                </li>
                <li><a href="https://marbellaluxuryrentals.com/en/properties-for-sale">For Sale</a></li>
                <li class="nav-dropdown">
                    <a href="#">Concierge</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/en/concierge/cars">Cars</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/en/concierge/yachts">Yachts</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/en/concierge/jets">Jets</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/en/concierge/services">Services</a></li>
                        
                    </ul>
                </li>
                <li><a href="https://marbellaluxuryrentals.com/en/blog">Blog</a></li>
                <li><a href="https://marbellaluxuryrentals.com/en/about">About Us</a></li>
                <li class="nav-dropdown">
                    <a href="#">Contact Us</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/en/contact">Contact Us</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/en/faq">FAQ</a></li>
                    </ul>
                </li>
            </ul>
            <details class="lang-switcher">
                                                <summary>
                    <img src="https://flagcdn.com/w20/gb.png" alt="English" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                    EN
                    <span aria-hidden="true">▾</span>
                </summary>
                <div class="lang-switcher-menu">
                                            <a href="/en/blog/tag/beachfront-villas" class="active">
                            <img src="https://flagcdn.com/w20/gb.png" alt="English" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            English
                        </a>
                                            <a href="/es/blog/tag/beachfront-villas" class="">
                            <img src="https://flagcdn.com/w20/es.png" alt="Español" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Español
                        </a>
                                            <a href="/fr/blog/tag/beachfront-villas" class="">
                            <img src="https://flagcdn.com/w20/fr.png" alt="Français" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Français
                        </a>
                                            <a href="/sv/blog/tag/beachfront-villas" class="">
                            <img src="https://flagcdn.com/w20/se.png" alt="Svenska" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Svenska
                        </a>
                                            <a href="/de/blog/tag/beachfront-villas" class="">
                            <img src="https://flagcdn.com/w20/de.png" alt="Deutsch" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Deutsch
                        </a>
                                    </div>
            </details>
        </div>
    </nav>
    <main>
        <div class="container" style="margin-top: 2rem;">
    <nav style="margin-bottom: 1rem;">
        <a href="https://marbellaluxuryrentals.com/en/blog" style="color: #666; text-decoration: none;">Blog</a>
        <span style="margin: 0 0.5rem; color: #999;">/</span>
        <span style="color: #333;">#Beachfront villas</span>
    </nav>

    <h1 style="margin-bottom: 2rem;">#Beachfront villas</h1>

        <div style="margin-bottom: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 8px;">
        <div style="display: flex; flex-wrap: wrap; gap: 0.75rem;">
                            <a href="https://marbellaluxuryrentals.com/en/blog/category/area-guides" 
                   style="padding: 0.5rem 1rem; background: white; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333;">
                    Area Guides
                </a>
                            <a href="https://marbellaluxuryrentals.com/en/blog/category/lifestyle" 
                   style="padding: 0.5rem 1rem; background: white; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333;">
                    Lifestyle
                </a>
                            <a href="https://marbellaluxuryrentals.com/en/blog/category/market-insights" 
                   style="padding: 0.5rem 1rem; background: white; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333;">
                    Market Insights
                </a>
                            <a href="https://marbellaluxuryrentals.com/en/blog/category/property-tips" 
                   style="padding: 0.5rem 1rem; background: white; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333;">
                    Property Tips
                </a>
                    </div>
    </div>
    
            <div class="blog-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 2rem; margin: 2rem 0;">
                            <article class="blog-card" style="background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s;">
            <a href="https://marbellaluxuryrentals.com/en/blog/beachfront-villas-in-marbella-rental-income-investment-guide">
            <img src="/storage/properties/CP6289/photo_1.jpg" 
                 alt="Beachfront Villas in Marbella: Rental Income Investment Guide" 
                 style="width: 100%; height: 240px; object-fit: cover;"
                 loading="lazy">
        </a>
        <div style="padding: 1.5rem;">
                    <span style="display: inline-block; padding: 0.25rem 0.75rem; background: #f0f0f0; border-radius: 12px; font-size: 0.75rem; color: #666; margin-bottom: 0.75rem;">
                Market Insights
            </span>
                <h2 style="font-size: 1.25rem; margin-bottom: 0.75rem; line-height: 1.4;">
            <a href="https://marbellaluxuryrentals.com/en/blog/beachfront-villas-in-marbella-rental-income-investment-guide" 
               style="color: #1a1a1a; text-decoration: none;">
                Beachfront Villas in Marbella: Rental Income Investment Guide
            </a>
        </h2>
                    <p style="color: #666; line-height: 1.6; margin-bottom: 1rem;">
                Investing in beachfront villas in Marbella offers significant rental income potential, especially with a 30% increase in bookings for licensed operato...
            </p>
                <div style="display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; color: #999;">
            <span>Apr 01, 2026</span>
            <a href="https://marbellaluxuryrentals.com/en/blog/beachfront-villas-in-marbella-rental-income-investment-guide" 
               style="color: #0066cc; text-decoration: none; font-weight: 600;">
                Read More →
            </a>
        </div>
    </div>
</article>
                    </div>

        <div style="margin-top: 3rem; text-align: center;">
            
        </div>
    
    <!-- CTA -->
    <div class="blog-cta" style="margin-top: 5rem; padding: 4rem 3rem; background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); border-radius: 16px; text-align: center; color: white; box-shadow: 0 10px 40px rgba(0,102,204,0.2);">
        <p style="font-size: 1.25rem; margin-bottom: 2.5rem; opacity: 0.95; line-height: 1.6;">
            Find luxury properties here
        </p>
        <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
            <a href="https://marbellaluxuryrentals.com/en/properties-for-sale" 
               style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                Properties for Sale
            </a>
            <a href="https://marbellaluxuryrentals.com/en/long-term-rentals" 
               style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                Long Term Rentals
            </a>
            <a href="https://marbellaluxuryrentals.com/en/holiday-rentals" 
               style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                Holiday Rentals
            </a>
        </div>
    </div>
</div>
    </main>
    <footer>
        <div class="container">
            <div>
                <h4>Marbella Luxury Rentals &amp; Sales</h4>
                <p>Your trusted partner for luxury properties in Marbella</p>
            </div>
            <div>
                <h4>Quick Links</h4>
                <ul style="list-style: none;">
                    <li><a href="https://marbellaluxuryrentals.com/en/properties-for-sale">Properties for Sale</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/en/long-term-rentals">Long Term Rentals</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/en/holiday-rentals">Holiday Rentals</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/partner/login">Partner Login</a></li>
                </ul>
            </div>
            <div>
                <h4>Legal</h4>
                <ul style="list-style: none;">
                    <li><a href="https://marbellaluxuryrentals.com/en/privacy-policy">Privacy</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/en/terms">Terms</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/en/disclaimer">Disclaimer</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/en/cookie-settings">Cookie Settings</a></li>
                </ul>
            </div>
            <div>
                <h4>Contact</h4>
                <p>Email: <a href="mailto:info@marbellaluxuryrentals.com" style="color: rgba(255,255,255,0.8);">info@marbellaluxuryrentals.com</a></p>
                <p>Phone: <a href="tel:+34640830461" class="ga4-phone-click" data-phone="+34640830461" data-location="footer" style="color: rgba(255,255,255,0.8);">+34 640 830 461</a></p>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Marbella Luxury Rentals &amp; Sales. All rights reserved.</p>
            </div>
        </div>
    </footer>
    <a href="https://wa.me/34640830461" target="_blank" rel="noopener" class="floating-whatsapp ga4-whatsapp-click" data-location="floating_button" aria-label="WhatsApp">WA</a>
    <div id="cookie-consent-banner" style="display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(10, 25, 41, 0.98); color: #fff; padding: 1rem 1.25rem; border-top: 1px solid rgba(212, 175, 55, 0.25);">
        <div class="container" style="max-width: 1100px; display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap;">
            <div style="min-width: 260px; flex: 1;">
                <div style="font-weight: 700; margin-bottom: 0.25rem;">Cookies</div>
                <div style="color: rgba(255,255,255,0.85); line-height: 1.4;">
                    We use necessary cookies to make the site work and, if you choose, analytics cookies to improve it.
                    <a href="https://marbellaluxuryrentals.com/en/cookie-settings" style="color: #D4AF37; text-decoration: none; font-weight: 600;">
                        Settings
                    </a>
                </div>
            </div>
            <div style="display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center;">
                <button type="button" id="cc-accept-all" style="background: #D4AF37; color: #0A1929; border: 0; border-radius: 10px; padding: 0.85rem 1.75rem; font-weight: 800; cursor: pointer; font-size: 1rem; transition: transform 0.2s ease;" onmouseover="this.style.transform='scale(1.03)'" onmouseout="this.style.transform='scale(1)'">
                    Accept All
                </button>
                <button type="button" id="cc-essential" style="background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: 10px; padding: 0.65rem 1rem; font-weight: 600; cursor: pointer; font-size: 0.9rem; opacity: 0.85;">
                    Necessary Only
                </button>
                <a href="https://marbellaluxuryrentals.com/en/cookie-settings" style="background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: 10px; padding: 0.65rem 1rem; font-weight: 600; text-decoration: none; display: inline-block; font-size: 0.9rem; opacity: 0.85;">
                    Customize
                </a>
            </div>
        </div>
    </div>
        <div id="lead-capture-overlay" style="display:none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 10000;"></div>
    <div id="lead-capture-panel" style="display:none; position: fixed; right: 18px; bottom: 18px; width: min(420px, calc(100vw - 36px)); z-index: 10001; background: #fff; border-radius: 14px; box-shadow: 0 14px 38px rgba(0,0,0,0.25); overflow: hidden;">
        <div style="padding: 1rem 1.1rem; background: #0A1929; color: #fff; display: flex; align-items: start; justify-content: space-between; gap: 1rem;">
            <div style="flex: 1;">
                <div id="lead-capture-title" style="font-weight: 800; font-size: 1.05rem; line-height: 1.25;">Get updates</div>
                <div id="lead-capture-subtitle" style="margin-top: 0.25rem; color: rgba(255,255,255,0.85); font-size: 0.92rem; line-height: 1.35;">Get the best options sent to you.</div>
            </div>
            <button type="button" id="lead-capture-close" aria-label="Close" style="border: 0; background: transparent; color: rgba(255,255,255,0.9); font-size: 1.2rem; line-height: 1; cursor: pointer;">×</button>
        </div>
        <div style="padding: 1rem 1.1rem;">
            <div id="lead-capture-badges" style="display:flex; gap:0.5rem; flex-wrap: wrap; margin-bottom: 0.9rem;"></div>

            <form id="lead-capture-form" method="POST" action="https://marbellaluxuryrentals.com/en/lead-capture" style="display:flex; flex-direction: column; gap: 0.75rem;">
                <input type="hidden" name="_token" value="13LOQzcaYksUpvW9beh4IXWg4xok4TWoLelKTD6k" autocomplete="off">                <input type="hidden" name="intent" id="lead_intent" value="">
                <input type="hidden" name="variant" id="lead_variant" value="">
                <input type="hidden" name="contact_method" id="lead_contact_method" value="">
                <input type="hidden" name="timeline" id="lead_timeline" value="">
                <input type="hidden" name="page_url" id="lead_page_url" value="">
                <input type="hidden" name="property_id" id="lead_property_id" value="">
                <input type="hidden" name="property_reference" id="lead_property_reference" value="">
                <input type="hidden" name="property_url" id="lead_property_url" value="">
                <input type="hidden" name="criteria[page_type]" id="lead_criteria_page_type" value="">
                <input type="hidden" name="criteria[path]" id="lead_criteria_path" value="">
                <input type="hidden" name="criteria[query]" id="lead_criteria_query" value="">
                <input type="hidden" name="utm[source]" id="lead_utm_source" value="">
                <input type="hidden" name="utm[medium]" id="lead_utm_medium" value="">
                <input type="hidden" name="utm[campaign]" id="lead_utm_campaign" value="">
                <input type="hidden" name="utm[term]" id="lead_utm_term" value="">
                <input type="hidden" name="utm[content]" id="lead_utm_content" value="">
                <input type="text" name="website" autocomplete="off" tabindex="-1" style="position:absolute; left:-9999px; height:1px; width:1px; opacity:0;">
                <input type="hidden" name="form_load_time" id="lead_form_load_time" value="">
                <input type="hidden" name="form_token" value="eyJpdiI6IlNIdkdramRTL0ErQ240Qk1jM251aEE9PSIsInZhbHVlIjoiWHNwamtCY1FLN3U1d1M5eWRxaEZnZ2tkcVdVak1mYUFJOFNSdy9Uc1h6eTQxSVN5a1NqT1NkdWtCYm9zSmUvOGMxOTFYWFprcVNRY0wxRXdQWUxkTHExVmZNMUtVM1JhNjViMEgzUXlpRmlxZDRMYXYxK2N0ME42cmpJSENzSEcrWThBRko2eXgzSmxPb1UzS0kvelR3PT0iLCJtYWMiOiIxMGNkOTU1MmQzODdkYTljOTE5ODM5NzM0NmNkYmEzMTQ2MWQzMmQ0ZDdiNjBhNTMyMDFjZTVlMjVkMTMzZDczIiwidGFnIjoiIn0=">

                <div id="lead-field-name">
                    <label for="lead_name" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Name</label>
                    <input id="lead_name" name="name" type="text" autocomplete="name" inputmode="text" required style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-field-email">
                    <label for="lead_email" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Email</label>
                    <input id="lead_email" name="email" type="email" autocomplete="email" inputmode="email" required style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-field-interest">
                    <label for="lead_interest" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Property Interest</label>
                    <select id="lead_interest" name="criteria[property_interest]" style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem; background:#fff;">
                        <option value="holiday">Holiday</option>
                        <option value="long_term">Long-term</option>
                        <option value="buy">Sale</option>
                    </select>
                </div>

                <div id="lead-field-phone" style="display:none;">
                    <label for="lead_phone" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">WhatsApp</label>
                    <input id="lead_phone" name="phone" type="tel" autocomplete="tel" inputmode="tel" placeholder="+34..." style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-timeline-wrap" style="display:none;">
                    <div style="font-size:0.9rem; font-weight:700; margin-bottom:0.45rem; color:#111827;">When are you looking to buy?</div>
                    <div style="display:flex; gap:0.5rem; flex-wrap: wrap;">
                        <button type="button" class="lead-timeline-btn" data-value="0_3" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">0–3 months</button>
                        <button type="button" class="lead-timeline-btn" data-value="3_6" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">3–6 months</button>
                        <button type="button" class="lead-timeline-btn" data-value="6_12" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">6–12 months</button>
                        <button type="button" class="lead-timeline-btn" data-value="12_plus" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">12+ months</button>
                    </div>
                </div>

                <div style="display:flex; gap:0.6rem; align-items:center; justify-content: space-between; flex-wrap: wrap;">
                    <div id="lead-consent-text" style="color:#6b7280; font-size:0.82rem; line-height:1.35; flex: 1;">
                        Discreet updates. No spam.
                        <a href="https://marbellaluxuryrentals.com/en/privacy-policy" style="color:#0066cc; text-decoration:none; font-weight:600;">Privacy</a>
                    </div>
                    <button type="submit" id="lead-submit" style="background:#D4AF37; color:#0A1929; border:0; border-radius: 10px; padding:0.75rem 1rem; font-weight:800; cursor:pointer; white-space:nowrap;">Request Private Access</button>
                </div>
                <div style="color:#9ca3af; font-size:0.74rem; line-height:1.3; margin-top:-0.2rem;">You can unsubscribe anytime.</div>
                <div id="lead-capture-success" style="display:none; margin-top:0.25rem; padding:0.75rem 0.85rem; border-radius: 10px; background: rgba(16,185,129,0.12); color:#065f46; font-weight:700; font-size:0.9rem;">
                    Thanks — we will be in touch shortly.
                </div>
                <div id="lead-capture-error" style="display:none; margin-top:0.25rem; padding:0.75rem 0.85rem; border-radius: 10px; background: rgba(239,68,68,0.10); color:#7f1d1d; font-weight:700; font-size:0.9rem;">
                    Something went wrong. Please try again.
                </div>
            </form>
        </div>
    </div>
    <script>
        (function () {
            const locale = "en";
            const isPublic = !(location.pathname.startsWith('/admin') || location.pathname.startsWith('/partner'));
            if (!isPublic) return;

            const overlay = document.getElementById('lead-capture-overlay');
            const panel = document.getElementById('lead-capture-panel');
            const closeBtn = document.getElementById('lead-capture-close');
            const form = document.getElementById('lead-capture-form');
            const titleEl = document.getElementById('lead-capture-title');
            const subtitleEl = document.getElementById('lead-capture-subtitle');
            const badgesEl = document.getElementById('lead-capture-badges');
            const successEl = document.getElementById('lead-capture-success');
            const errorEl = document.getElementById('lead-capture-error');
            const submitBtn = document.getElementById('lead-submit');

            const fieldName = document.getElementById('lead-field-name');
            const fieldEmail = document.getElementById('lead-field-email');
            const fieldPhone = document.getElementById('lead-field-phone');
            const timelineWrap = document.getElementById('lead-timeline-wrap');

            const inputIntent = document.getElementById('lead_intent');
            const inputVariant = document.getElementById('lead_variant');
            const inputContactMethod = document.getElementById('lead_contact_method');
            const inputTimeline = document.getElementById('lead_timeline');
            const inputPageUrl = document.getElementById('lead_page_url');
            const inputPropertyId = document.getElementById('lead_property_id');
            const inputPropertyRef = document.getElementById('lead_property_reference');
            const inputPropertyUrl = document.getElementById('lead_property_url');
            const inputCriteriaPath = document.getElementById('lead_criteria_path');
            const inputCriteriaQuery = document.getElementById('lead_criteria_query');
            const utmSource = document.getElementById('lead_utm_source');
            const utmMedium = document.getElementById('lead_utm_medium');
            const utmCampaign = document.getElementById('lead_utm_campaign');
            const utmTerm = document.getElementById('lead_utm_term');
            const utmContent = document.getElementById('lead_utm_content');
            const loadTime = document.getElementById('lead_form_load_time');

            const leadName = document.getElementById('lead_name');
            const leadEmail = document.getElementById('lead_email');
            const leadPhone = document.getElementById('lead_phone');
            const leadInterest = document.getElementById('lead_interest');

            const now = Date.now();
            const pageLoadSeconds = Math.floor(now / 1000);
            loadTime.value = pageLoadSeconds.toString();

            const getQS = () => {
                try { return new URLSearchParams(location.search); } catch (e) { return null; }
            };
            const qs = getQS();
            if (qs) {
                utmSource.value = qs.get('utm_source') || '';
                utmMedium.value = qs.get('utm_medium') || '';
                utmCampaign.value = qs.get('utm_campaign') || '';
                utmTerm.value = qs.get('utm_term') || '';
                utmContent.value = qs.get('utm_content') || '';
            }
            const forceOpen = !!(qs && (qs.get('lc') === '1' || qs.get('lead_capture') === '1'));

            const storageGet = (k) => {
                try { return localStorage.getItem(k); } catch (e) { return null; }
            };
            const storageSet = (k, v) => {
                try { localStorage.setItem(k, v); } catch (e) {}
            };
            const storageDel = (k) => {
                try { localStorage.removeItem(k); } catch (e) {}
            };

            const dismissedUntil = parseInt(storageGet('mrl_lead_popup_dismissed_until_v2') || '0', 10);
            if (!forceOpen) {
                if (Date.now() < dismissedUntil) {
                    return;
                }
                if (storageGet('mrl_lead_popup_submitted_v2') === '1') {
                    return;
                }
            }

            const pick = (key, a, b) => {
                const existing = storageGet(key);
                if (existing === a || existing === b) return existing;
                const v = (Math.random() < 0.5) ? a : b;
                storageSet(key, v);
                return v;
            };

            const detectIntent = () => {
                const path = location.pathname.toLowerCase();
                if (path.includes('/holiday-rentals')) return 'holiday';
                if (path.includes('/long-term-rentals')) return 'long_term';
                if (path.includes('/properties-for-sale')) return 'buy';
                const p = window.__mrlProperty || null;
                if (p && typeof p === 'object') {
                    if (p.is_short_term) return 'holiday';
                    if (p.is_long_term) return 'long_term';
                    if (p.is_sale) return 'buy';
                }
                return 'fallback';
            };

            const isLuxury = () => {
                const p = window.__mrlProperty || null;
                if (!p || typeof p !== 'object') return false;
                const sale = parseInt(p.sale_price || '0', 10);
                const month = parseInt(p.monthly_price || '0', 10);
                const week = parseInt(p.weekly_price_from || '0', 10);
                if (sale >= 5000000) return true;
                if (month >= 15000) return true;
                if (week >= 15000) return true;
                return false;
            };

            const copy = {
                en: {
                    holiday: {
                        title: 'Check availability for your dates',
                        subtitle: 'Share your WhatsApp or email — we’ll confirm availability and send similar villas.',
                        variants: {
                            alerts: 'Save this search — get availability updates for your dates.',
                            similar: 'Share your WhatsApp or email — we’ll confirm availability and send similar villas.',
                        },
                        badge: 'Holiday rentals',
                    },
                    long_term: {
                        title: 'Get long-term rentals first',
                        subtitle: 'Save this search — we’ll send matching long-term rentals.',
                        variants: {
                            alerts: 'Save this search — get new long-term rentals that match your criteria.',
                            similar: 'Tell us what you need — we’ll send matching long-term rentals as they come in.',
                        },
                        badge: 'Long-term rentals',
                    },
                    buy: {
                        title: 'Get a buyer shortlist',
                        subtitle: 'Get new listings, price drops, and off-market options.',
                        variants: {
                            alerts: 'Save this search — get new listings and price drops.',
                            similar: 'Tell us your area and budget — we’ll send a curated shortlist.',
                        },
                        badge: 'For sale',
                    },
                    fallback: {
                        title: 'Get matched options',
                        subtitle: 'Tell us what you want and we’ll send matching options.',
                        variants: {
                            alerts: 'Save this search — get updates when new options match.',
                            similar: 'Tell us what you want and we’ll send matching options.',
                        },
                        badge: 'Updates',
                    },
                    cta: {
                        email: 'Email me',
                        whatsapp: 'WhatsApp me',
                    },
                    luxuryBadge: 'Private',
                    buyLuxuryTitle: 'Request a private shortlist',
                },
                es: {
                    holiday: {
                        title: 'Comprueba disponibilidad para tus fechas',
                        subtitle: 'Déjanos tu WhatsApp o email — confirmamos disponibilidad y enviamos opciones similares.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe actualizaciones de disponibilidad para tus fechas.',
                            similar: 'Déjanos tu WhatsApp o email — confirmamos disponibilidad y enviamos opciones similares.',
                        },
                        badge: 'Alquiler vacacional',
                    },
                    long_term: {
                        title: 'Recibe nuevas opciones de larga temporada',
                        subtitle: 'Guarda esta búsqueda y te enviamos opciones según tus criterios.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe nuevas opciones de larga temporada.',
                            similar: 'Dinos lo que buscas y te enviamos opciones de larga temporada.',
                        },
                        badge: 'Larga temporada',
                    },
                    buy: {
                        title: 'Recibe una selección de compra',
                        subtitle: 'Nuevas propiedades, bajadas de precio y opciones off-market.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe nuevas propiedades y bajadas de precio.',
                            similar: 'Dinos zona y presupuesto y te enviamos una selección.',
                        },
                        badge: 'En venta',
                    },
                    fallback: {
                        title: 'Recibe opciones a medida',
                        subtitle: 'Dinos lo que buscas y te enviamos opciones.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe novedades cuando haya opciones.',
                            similar: 'Dinos lo que buscas y te enviamos opciones.',
                        },
                        badge: 'Novedades',
                    },
                    cta: {
                        email: 'Por email',
                        whatsapp: 'Por WhatsApp',
                    },
                    luxuryBadge: 'Privado',
                    buyLuxuryTitle: 'Solicita una selección privada',
                },
                de: {
                    holiday: {
                        title: 'Verfügbarkeit für Ihre Termine prüfen',
                        subtitle: 'Teilen Sie uns Ihr WhatsApp oder E-Mail mit – wir bestätigen die Verfügbarkeit und senden Ihnen ähnliche Villen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie Updates zur Verfügbarkeit für Ihre Termine.',
                            similar: 'Teilen Sie uns Ihr WhatsApp oder E-Mail mit – wir bestätigen die Verfügbarkeit und senden Ihnen ähnliche Villen.',
                        },
                        badge: 'Ferienvermietung',
                    },
                    long_term: {
                        title: 'Langzeitmieten zuerst erhalten',
                        subtitle: 'Diese Suche speichern – wir senden Ihnen passende Langzeitmieten.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie neue Langzeitmieten, die Ihren Kriterien entsprechen.',
                            similar: 'Sagen Sie uns, was Sie brauchen – wir senden Ihnen passende Langzeitmieten, sobald diese verfügbar sind.',
                        },
                        badge: 'Langzeitmiete',
                    },
                    buy: {
                        title: 'Käufer-Shortlist erhalten',
                        subtitle: 'Erhalten Sie neue Angebote, Preissenkungen und Off-Market-Optionen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie neue Angebote und Preissenkungen.',
                            similar: 'Nennen Sie uns Ihre Gegend und Ihr Budget – wir senden Ihnen eine kuratierte Shortlist.',
                        },
                        badge: 'Zum Verkauf',
                    },
                    fallback: {
                        title: 'Passende Optionen erhalten',
                        subtitle: 'Sagen Sie uns, was Sie suchen, und wir senden Ihnen passende Optionen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie Updates, wenn neue Optionen passen.',
                            similar: 'Sagen Sie uns, was Sie suchen, und wir senden Ihnen passende Optionen.',
                        },
                        badge: 'Updates',
                    },
                    cta: {
                        email: 'E-Mail an mich',
                        whatsapp: 'WhatsApp an mich',
                    },
                    luxuryBadge: 'Privat',
                    buyLuxuryTitle: 'Private Shortlist anfordern',
                },
                fr: {
                    holiday: {
                        title: 'Vérifier la disponibilité pour vos dates',
                        subtitle: 'Partagez votre WhatsApp ou e-mail — nous confirmerons la disponibilité et enverrons des villas similaires.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez des mises à jour de disponibilité pour vos dates.',
                            similar: 'Partagez votre WhatsApp ou e-mail — nous confirmerons la disponibilité et enverrons des villas similaires.',
                        },
                        badge: 'Locations de vacances',
                    },
                    long_term: {
                        title: 'Recevoir les locations longue durée en priorité',
                        subtitle: 'Enregistrer cette recherche — nous vous enverrons les locations longue durée correspondantes.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez les nouvelles locations longue durée correspondant à vos critères.',
                            similar: 'Dites-nous ce dont vous avez besoin — nous vous enverrons les locations longue durée correspondantes dès qu\'elles sont disponibles.',
                        },
                        badge: 'Locations longue durée',
                    },
                    buy: {
                        title: 'Recevoir une sélection d\'achat',
                        subtitle: 'Recevez les nouvelles annonces, les baisses de prix et les options hors marché.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez les nouvelles annonces et les baisses de prix.',
                            similar: 'Dites-nous votre secteur et votre budget — nous vous enverrons une sélection personnalisée.',
                        },
                        badge: 'À vendre',
                    },
                    fallback: {
                        title: 'Recevoir des options adaptées',
                        subtitle: 'Dites-nous ce que vous voulez et nous vous enverrons des options correspondantes.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez des mises à jour lorsque de nouvelles options correspondent.',
                            similar: 'Dites-nous ce que vous voulez et nous vous enverrons des options correspondantes.',
                        },
                        badge: 'Mises à jour',
                    },
                    cta: {
                        email: 'M\'envoyer un e-mail',
                        whatsapp: 'M\'envoyer un WhatsApp',
                    },
                    luxuryBadge: 'Privé',
                    buyLuxuryTitle: 'Demander une sélection privée',
                },
                sv: {
                    holiday: {
                        title: 'Kontrollera tillgänglighet för dina datum',
                        subtitle: 'Dela din WhatsApp eller e-post — vi bekräftar tillgänglighet och skickar liknande villor.',
                        variants: {
                            alerts: 'Spara denna sökning — få uppdateringar om tillgänglighet för dina datum.',
                            similar: 'Dela din WhatsApp eller e-post — vi bekräftar tillgänglighet och skickar liknande villor.',
                        },
                        badge: 'Semesterbostäder',
                    },
                    long_term: {
                        title: 'Få långtidsuthyrningar först',
                        subtitle: 'Spara denna sökning — vi skickar matchande långtidsuthyrningar.',
                        variants: {
                            alerts: 'Spara denna sökning — få nya långtidsuthyrningar som matchar dina kriterier.',
                            similar: 'Berätta vad du behöver — vi skickar matchande långtidsuthyrningar så snart de kommer in.',
                        },
                        badge: 'Långtidsuthyrning',
                    },
                    buy: {
                        title: 'Få en lista för köpare',
                        subtitle: 'Få nya listningar, prissänkningar och off-market alternativ.',
                        variants: {
                            alerts: 'Spara denna sökning — få nya listningar och prissänkningar.',
                            similar: 'Berätta om ditt område och budget — vi skickar en kurerad lista.',
                        },
                        badge: 'Till salu',
                    },
                    fallback: {
                        title: 'Få matchade alternativ',
                        subtitle: 'Berätta vad du vill ha så skickar vi matchande alternativ.',
                        variants: {
                            alerts: 'Spara denna sökning — få uppdateringar när nya alternativ matchar.',
                            similar: 'Berätta vad du vill ha så skickar vi matchande alternativ.',
                        },
                        badge: 'Uppdateringar',
                    },
                    cta: {
                        email: 'Mejla mig',
                        whatsapp: 'WhatsAppa mig',
                    },
                    luxuryBadge: 'Privat',
                    buyLuxuryTitle: 'Begär en privat lista',
                }
            };

            const intent = detectIntent();
            const lang = copy[locale] ? locale : 'en';
            const content = copy[lang][intent] || copy[lang].fallback;
            const luxury = isLuxury();
            const interestLabels = {
                en: { holiday: 'Holiday', long_term: 'Long-term', buy: 'Sale' },
                es: { holiday: 'Alquiler vacacional', long_term: 'Alquiler larga estancia', buy: 'Compra' },
                de: { holiday: 'Ferienvermietung', long_term: 'Langzeitmiete', buy: 'Verkauf' },
                fr: { holiday: 'Vacances', long_term: 'Longue durée', buy: 'Vente' },
                sv: { holiday: 'Semester', long_term: 'Långtidsuthyrning', buy: 'Försäljning' }
            };

            const contactMethod = 'email';

            const messageVariant = pick('mrl_ab_message_' + intent, 'alerts', 'similar');

            const staticCopy = {
                en: {
                    title: 'Join our exclusive inner circle of discerning villa guests',
                    subtitle: 'Get early access to new luxury villa listings before they go public.',
                    submit: 'Request Private Access',
                    privateBadge: 'Private Access'
                },
                es: {
                    title: 'Únete a nuestro círculo privado de huéspedes distinguidos',
                    subtitle: 'Recibe acceso anticipado a nuevas villas de lujo antes de su lanzamiento público.',
                    submit: 'Solicitar acceso privado',
                    privateBadge: 'Acceso privado'
                },
                de: {
                    title: 'Treten Sie unserem exklusiven Kreis anspruchsvoller Villengäste bei',
                    subtitle: 'Erhalten Sie frühzeitigen Zugang zu neuen Luxusvillen-Angeboten, bevor diese öffentlich werden.',
                    submit: 'Privaten Zugang anfordern',
                    privateBadge: 'Privater Zugang'
                },
                fr: {
                    title: 'Rejoignez notre cercle exclusif de clients privilégiés',
                    subtitle: 'Bénéficiez d\'un accès anticipé aux nouvelles annonces de villas de luxe avant leur publication officielle.',
                    submit: 'Demander un accès privé',
                    privateBadge: 'Accès privé'
                },
                sv: {
                    title: 'Gå med i vår exklusiva inre krets för kräsna villagäster',
                    subtitle: 'Få tidig tillgång till nya lyxvillalistor innan de blir offentliga.',
                    submit: 'Begär privat tillgång',
                    privateBadge: 'Privat tillgång'
                }
            };

            const currentStatic = staticCopy[lang] || staticCopy.en;

            titleEl.textContent = currentStatic.title;
            subtitleEl.textContent = currentStatic.subtitle;
            submitBtn.textContent = currentStatic.submit;

            badgesEl.innerHTML = '';
            const badge = document.createElement('span');
            badge.textContent = currentStatic.privateBadge;
            badge.style.cssText = 'display:inline-flex; align-items:center; padding:0.35rem 0.6rem; border-radius:999px; background:#f3f4f6; color:#111827; font-weight:800; font-size:0.78rem;';
            badgesEl.appendChild(badge);

            inputIntent.value = intent === 'fallback' ? 'holiday' : intent;
            inputVariant.value = messageVariant;
            inputContactMethod.value = contactMethod;
            inputPageUrl.value = location.href;
            inputCriteriaPath.value = location.pathname;
            inputCriteriaQuery.value = location.search || '';

            const prop = window.__mrlProperty || null;
            if (prop && typeof prop === 'object') {
                if (prop.id) inputPropertyId.value = String(prop.id);
                if (prop.reference) inputPropertyRef.value = String(prop.reference);
                inputPropertyUrl.value = location.href;
            }

            const showFields = () => {
                fieldName.style.display = 'block';
                fieldEmail.style.display = 'block';
                fieldPhone.style.display = 'none';
                timelineWrap.style.display = 'none';
                leadName.required = true;
                leadEmail.required = true;
                leadPhone.required = false;
                leadPhone.value = '';
            };
            showFields();

            if (leadInterest) {
                leadInterest.value = inputIntent.value;
                leadInterest.addEventListener('change', () => {
                    const next = leadInterest.value || 'holiday';
                    inputIntent.value = next;
                    const langLabels = interestLabels[lang] || interestLabels.en;
                    badge.textContent = langLabels[next] || ((lang === 'es') ? 'Acceso privado' : 'Private Access');
                });
            }

            let opened = false;
            const open = () => {
                if (opened) return;
                opened = true;
                overlay.style.display = 'block';
                panel.style.display = 'block';
                setTimeout(() => {
                    if (contactMethod === 'whatsapp') leadPhone.focus();
                    else leadEmail.focus();
                }, 50);
            };

            const close = (snoozeDays) => {
                overlay.style.display = 'none';
                panel.style.display = 'none';
                const ttl = (typeof snoozeDays === 'number' ? snoozeDays : 7) * 24 * 60 * 60 * 1000;
                storageSet('mrl_lead_popup_dismissed_until_v2', String(Date.now() + ttl));
            };

            closeBtn.addEventListener('click', () => close(7));
            overlay.addEventListener('click', () => close(7));

            const hasScrolled = () => {
                const doc = document.documentElement;
                const scrollTop = (window.pageYOffset || doc.scrollTop || 0);
                const scrollHeight = doc.scrollHeight || 1;
                const clientHeight = doc.clientHeight || 1;
                const pct = (scrollTop + clientHeight) / scrollHeight;
                return pct >= 0.6;
            };

            let timer = setTimeout(open, 20000); // Reduced from 30s to 20s
            if (forceOpen) {
                if (timer) { clearTimeout(timer); timer = null; }
                setTimeout(open, 150);
            }
            const onScroll = () => {
                if (hasScrolled()) {
                    window.removeEventListener('scroll', onScroll, { passive: true });
                    if (timer) { clearTimeout(timer); timer = null; }
                    open();
                }
            };
            window.addEventListener('scroll', onScroll, { passive: true });

            // Exit-intent trigger
            const onMouseLeave = (e) => {
                if (e.clientY <= 0 || e.relatedTarget === null) {
                    document.removeEventListener('mouseleave', onMouseLeave);
                    if (timer) { clearTimeout(timer); timer = null; }
                    open();
                }
            };
            document.addEventListener('mouseleave', onMouseLeave);

            // Trigger on property page after delay
            const viewedKey = 'mrl_viewed_properties';
            try {
                const isPropertyPage = /\/(properties|propiedades)\/\d+/.test(location.pathname);
                if (isPropertyPage) {
                    const c = parseInt(sessionStorage.getItem(viewedKey) || '0', 10) + 1;
                    sessionStorage.setItem(viewedKey, String(c));
                    if (c >= 2) {
                        if (timer) { clearTimeout(timer); timer = null; }
                        setTimeout(open, 5000); // Reduced from 8s to 5s
                    }
                }
            } catch (e) {}

            document.querySelectorAll('.lead-timeline-btn').forEach((btn) => {
                btn.addEventListener('click', () => {
                    document.querySelectorAll('.lead-timeline-btn').forEach((b) => {
                        b.style.background = '#fff';
                        b.style.borderColor = '#e5e7eb';
                    });
                    btn.style.background = 'rgba(212,175,55,0.18)';
                    btn.style.borderColor = 'rgba(212,175,55,0.65)';
                    inputTimeline.value = btn.getAttribute('data-value') || '';
                });
            });

            form.addEventListener('submit', async (e) => {
                if (form.dataset.nativeSubmit === '1') {
                    return;
                }
                e.preventDefault();
                submitBtn.disabled = true;
                submitBtn.style.opacity = '0.7';
                successEl.style.display = 'none';
                errorEl.style.display = 'none';

                try {
                    const csrf = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
                    const fd = new FormData(form);
                    const res = await fetch(form.getAttribute('action'), {
                        method: 'POST',
                        headers: { 'X-CSRF-TOKEN': csrf, 'Accept': 'application/json' },
                        body: fd,
                        credentials: 'same-origin',
                    });
                    if (res.ok) {
                        successEl.style.display = 'block';
                        storageSet('mrl_lead_popup_submitted_v2', '1');
                        storageDel('mrl_lead_popup_dismissed_until_v2');
                        setTimeout(() => {
                            overlay.style.display = 'none';
                            panel.style.display = 'none';
                        }, 1200);
                        return;
                    }
                    if (res.status === 419) {
                        form.dataset.nativeSubmit = '1';
                        form.submit();
                        return;
                    }
                    if (forceOpen) {
                        errorEl.textContent = 'Error ' + res.status;
                    }
                    errorEl.style.display = 'block';
                } catch (err) {}

                submitBtn.disabled = false;
                submitBtn.style.opacity = '1';
                errorEl.style.display = 'block';
            });
        })();
    </script>
    </body>
<script>
        document.addEventListener("DOMContentLoaded", function() {
            const menuToggle = document.querySelector(".mobile-menu-toggle");
            const navLinks = document.querySelector(".nav-links");
            const dropdowns = document.querySelectorAll(".nav-dropdown");
            
            if (menuToggle && navLinks) {
                menuToggle.addEventListener("click", function() {
                    const isOpen = navLinks.classList.contains("mobile-menu-open");
                    navLinks.classList.toggle("mobile-menu-open");
                    menuToggle.setAttribute("aria-expanded", !isOpen);
                });
                
                document.addEventListener("click", function(e) {
                    if (!navLinks.contains(e.target) && !menuToggle.contains(e.target)) {
                        navLinks.classList.remove("mobile-menu-open");
                        menuToggle.setAttribute("aria-expanded", "false");
                    }
                });
                
                dropdowns.forEach(function(dropdown) {
                    const dropdownLink = dropdown.querySelector("a");
                    if (dropdownLink) {
                        dropdownLink.addEventListener("click", function(e) {
                            if (window.innerWidth <= 768) {
                                e.preventDefault();
                                dropdown.classList.toggle("mobile-dropdown-open");
                            }
                        });
                    }
                });
            }
        });
    </script>
    <script>
        (function () {
            function getCookie(name) {
                const value = '; ' + document.cookie;
                const parts = value.split('; ' + name + '=');
                if (parts.length === 2) return parts.pop().split(';').shift();
                return null;
            }

            function setCookie(name, value, maxAgeSeconds) {
                const secure = location.protocol === 'https:' ? '; Secure' : '';
                document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; SameSite=Lax; Max-Age=' + String(maxAgeSeconds) + secure;
            }

            function hasConsent() {
                const raw = getCookie('cookie_consent');
                return !!raw;
            }

            function writeConsent(consent) {
                setCookie('cookie_consent', JSON.stringify(consent), 15552000);
            }

            const banner = document.getElementById('cookie-consent-banner');
            if (!banner) return;
            if (hasConsent()) return;

            banner.style.display = 'block';

            const accept = document.getElementById('cc-accept-all');
            const essential = document.getElementById('cc-essential');

            function done() {
                banner.style.display = 'none';
                window.location.reload();
            }

            if (accept) {
                accept.addEventListener('click', function () {
                    writeConsent({ necessary: true, analytics: true, marketing: false, updated_at: new Date().toISOString() });
                    done();
                });
            }

            if (essential) {
                essential.addEventListener('click', function () {
                    writeConsent({ necessary: true, analytics: false, marketing: false, updated_at: new Date().toISOString() });
                    done();
                });
            }
        })();
    </script>
    <script>
        (function () {
            function hasDebugFlag() {
                try {
                    const params = new URLSearchParams(window.location.search || '');
                    return params.get('ga_debug') === '1';
                } catch (e) {
                    return false;
                }
            }

            if (!hasDebugFlag()) return;

            function getCookie(name) {
                const value = '; ' + document.cookie;
                const parts = value.split('; ' + name + '=');
                if (parts.length === 2) return parts.pop().split(';').shift();
                return null;
            }

            function readConsentRaw() {
                return getCookie('cookie_consent');
            }

            function readConsent() {
                try {
                    const raw = readConsentRaw();
                    if (!raw) return null;
                    return JSON.parse(decodeURIComponent(raw));
                } catch (e) {
                    return null;
                }
            }

            function setCookie(name, value, maxAgeSeconds) {
                const secure = location.protocol === 'https:' ? '; Secure' : '';
                document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; SameSite=Lax; Max-Age=' + String(maxAgeSeconds) + secure;
            }

            function enableAnalytics() {
                setCookie('cookie_consent', JSON.stringify({ necessary: true, analytics: true, marketing: false, updated_at: new Date().toISOString() }), 15552000);
                window.location.reload();
            }

            function h(tag, props, children) {
                const el = document.createElement(tag);
                if (props) {
                    Object.keys(props).forEach((k) => {
                        if (k === 'style' && props.style && typeof props.style === 'object') {
                            Object.assign(el.style, props.style);
                        } else if (k.startsWith('on') && typeof props[k] === 'function') {
                            el.addEventListener(k.slice(2).toLowerCase(), props[k]);
                        } else if (props[k] !== null && props[k] !== undefined) {
                            el.setAttribute(k, String(props[k]));
                        }
                    });
                }
                (children || []).forEach((c) => {
                    if (c === null || c === undefined) return;
                    el.appendChild(typeof c === 'string' ? document.createTextNode(c) : c);
                });
                return el;
            }

            const panel = h('div', {
                id: 'ga4-debug-panel',
                style: {
                    position: 'fixed',
                    right: '12px',
                    bottom: '12px',
                    zIndex: '2147483647',
                    width: 'min(420px, calc(100vw - 24px))',
                    background: '#0b1220',
                    color: '#e5e7eb',
                    border: '1px solid rgba(255,255,255,0.14)',
                    borderRadius: '12px',
                    boxShadow: '0 12px 30px rgba(0,0,0,0.35)',
                    padding: '12px 12px 10px 12px',
                    fontFamily: 'system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif',
                    fontSize: '12px',
                    lineHeight: '1.35'
                }
            }, []);

            const title = h('div', { style: { fontWeight: '800', marginBottom: '6px' } }, ['GA Debug']);
            const body = h('div', { style: { whiteSpace: 'pre-wrap', fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace', fontSize: '11px', opacity: '0.95' } }, ['Loading…']);
            const btnRow = h('div', { style: { display: 'flex', gap: '8px', marginTop: '10px', flexWrap: 'wrap' } }, []);

            const enableBtn = h('button', {
                type: 'button',
                style: {
                    background: '#D4AF37',
                    color: '#0A1929',
                    border: '0',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '800',
                    cursor: 'pointer'
                },
                onclick: enableAnalytics
            }, ['Enable analytics']);

            const testBtn = h('button', {
                type: 'button',
                style: {
                    background: 'transparent',
                    color: '#e5e7eb',
                    border: '1px solid rgba(255,255,255,0.22)',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '700',
                    cursor: 'pointer'
                },
                onclick: function () {
                    if (typeof window.gtag !== 'function') return;
                    window.gtag('event', 'mlr_manual_test', {
                        'debug_mode': true,
                        'page_location': window.location.href,
                        'ts': Date.now()
                    });
                }
            }, ['Send test event']);

            const closeBtn = h('button', {
                type: 'button',
                style: {
                    marginLeft: 'auto',
                    background: 'transparent',
                    color: '#9ca3af',
                    border: '1px solid rgba(255,255,255,0.18)',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '700',
                    cursor: 'pointer'
                },
                onclick: function () { panel.remove(); }
            }, ['Close']);

            btnRow.appendChild(enableBtn);
            btnRow.appendChild(testBtn);
            btnRow.appendChild(closeBtn);

            panel.appendChild(title);
            panel.appendChild(body);
            panel.appendChild(btnRow);
            document.documentElement.appendChild(panel);

            function format() {
                const consentRaw = readConsentRaw();
                const consent = readConsent();
                const analytics = !!(consent && consent.analytics);
                const gaCookies = ['_ga', '_ga_G41NMM2DPP'].filter((k) => !!getCookie(k));
                const gtagType = typeof window.gtag;
                const gaLoaded = !!window.__ga4Loaded;
                const gaDebug = !!window.__ga4Debug;

                const lines = [
                    'url: ' + window.location.href,
                    'cookie_consent: ' + (consentRaw ? consentRaw : '(missing)'),
                    'consent.analytics: ' + String(analytics),
                    '__ga4Loaded: ' + String(gaLoaded),
                    '__ga4Debug: ' + String(gaDebug),
                    'gtag: ' + gtagType,
                    '_ga cookies: ' + (gaCookies.length ? gaCookies.join(', ') : '(none)'),
                ];

                body.textContent = lines.join('\n');

                enableBtn.style.opacity = analytics ? '0.55' : '1';
                enableBtn.disabled = analytics;
                testBtn.disabled = (gtagType !== 'function');
                testBtn.style.opacity = (gtagType === 'function') ? '1' : '0.55';
            }

            format();
            setInterval(format, 1000);
        })();
    </script>
</html>