}
        })();
    </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 -->
    <style>
    /* BLOG SPACING CSS - Loads in head (before reset, will be overridden but ensures it exists) */
    /* Maximum specificity to ensure it loads */
    html body article.blog-post .blog-content p {
        margin-bottom: 1.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
    }
    article.blog-post .blog-content p {
        margin-bottom: 1.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
        display: block !important;
    }
    article.blog-post .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    html body article.blog-post .blog-content h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }
    article.blog-post .blog-content h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
        font-size: 2rem !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #1a202c !important;
        display: block !important;
    }
    article.blog-post .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    html body article.blog-post .blog-content h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
        font-size: 1.5rem !important;
        line-height: 1.35 !important;
    }
    article.blog-post .blog-content h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
        font-size: 1.5rem !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        display: block !important;
    }
    article.blog-post .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding-left: 2rem !important;
    }
    article.blog-post .blog-content ul,
    article.blog-post .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding-left: 2rem !important;
        display: block !important;
    }
    article.blog-post .blog-content li {
        margin-bottom: 0.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    html body article.blog-post .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    }
    article.blog-post .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
        display: table !important;
        width: 100% !important;
    }
    article.blog-post .blog-content table th {
        background: #f7fafc !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        padding: 1rem !important;
    }
    article.blog-post .blog-content table td {
        color: #2d3748 !important;
        padding: 1rem !important;
    }
    article.blog-post .blog-content p + h2 {
        margin-top: 3rem !important;
    }
    article.blog-post .blog-content p + h3 {
        margin-top: 2.5rem !important;
    }
    article.blog-post .blog-content p + ul,
    article.blog-post .blog-content p + ol {
        margin-top: 1.5rem !important;
    }
    article.blog-post .blog-content p + table {
        margin-top: 2.25rem !important;
    }
    article.blog-post .blog-content h2 + p,
    article.blog-post .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content ul + p,
    article.blog-post .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content table + p {
        margin-top: 2.25rem !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content table + h2 {
        margin-top: 3rem !important;
    }
    article.blog-post .blog-content table + h3 {
        margin-top: 2.5rem !important;
    }
    html body article.blog-post .blog-container {
        max-width: 680px !important;
    }
    article.blog-post .blog-container {
        max-width: 680px !important;
    }
    html body article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
    }
    /* Blog images styling */
    article.blog-post .blog-content figure.blog-image {
        margin: 2rem 0;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    article.blog-post .blog-content figure.blog-image img {
        width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover;
    }
    article.blog-post .blog-content figure.blog-image figcaption {
        padding: 0.75rem 1rem;
        background: #f8f9fa;
        font-size: 0.9rem;
        color: #666;
        font-style: italic;
    }
    /* Property showcase grid */
    article.blog-post .blog-content .property-showcase {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
        margin: 2rem 0;
    }
    article.blog-post .blog-content .property-showcase .property-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        transition: transform 0.2s, box-shadow 0.2s;
    }
    article.blog-post .blog-content .property-showcase .property-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    article.blog-post .blog-content .property-showcase .property-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    article.blog-post .blog-content .property-showcase .property-card h3 {
        margin: 0;
        padding: 1rem 1rem 0.5rem;
        font-size: 1.1rem;
    }
    article.blog-post .blog-content .property-showcase .property-card h3 a {
        color: #1a365d;
        text-decoration: none;
    }
    article.blog-post .blog-content .property-showcase .property-card p {
        padding: 0 1rem 1rem;
        margin: 0;
        color: #666;
        font-size: 0.95rem;
    }
</style>
    <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>
<style id="blog-spacing-css">
    /* BLOG SPACING CSS - Loads AFTER global reset (this is the one that matters) */
    /* ============================================
       CRITICAL BLOG SPACING FIX - ROOT LEVEL
       This MUST override the global * { margin: 0; padding: 0; } reset
       ============================================ */
    
    /* Override global reset - Target ALL elements inside blog-content */
    html body article.blog-post .blog-content *,
    html body .blog-content * {
        box-sizing: border-box !important;
    }
    
    /* PARAGRAPHS - Maximum specificity to override global reset */
    html body article.blog-post .blog-content p,
    html body main article.blog-post .blog-content p,
    html body .blog-content p,
    html body main .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* 2× font size (18px × 2 = 36px ≈ 1.75rem) */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        line-height: 1.65 !important; /* Optimal line height for readability */
        color: #2d3748 !important; /* Softer than pure black */
        font-size: 1.125rem !important; /* 18px */
        letter-spacing: 0.01em !important;
    }
    
    html body article.blog-post .blog-content p:last-child,
    html body .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    html body article.blog-post .blog-content p:not(:last-child),
    html body .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
    }
    
    /* HEADINGS - Maximum specificity - Best Practices */
    html body article.blog-post .blog-content h2,
    html body main article.blog-post .blog-content h2,
    html body .blog-content h2,
    html body main .blog-content h2 {
        margin-top: 3rem !important; /* 1.5-2× line spacing (reduced from 4rem for better flow) */
        margin-bottom: 0.875rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 2rem !important; /* 32px - optimal H2 size */
        font-weight: 700 !important;
        line-height: 1.3 !important; /* Tighter for headings */
        color: #1a202c !important; /* Darker for headings */
        letter-spacing: -0.01em !important;
    }
    
    html body article.blog-post .blog-content h2:first-of-type,
    html body .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h3,
    html body main article.blog-post .blog-content h3,
    html body .blog-content h3,
    html body main .blog-content h3 {
        margin-top: 2.5rem !important; /* Reduced for better flow */
        margin-bottom: 0.75rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 1.5rem !important; /* 24px - optimal H3 size */
        font-weight: 600 !important;
        line-height: 1.35 !important; /* Slightly tighter for subheadings */
        color: #1a202c !important;
        letter-spacing: -0.005em !important;
    }
    
    html body article.blog-post .blog-content h3:first-of-type,
    html body .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* LISTS - Maximum specificity */
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol,
    html body main article.blog-post .blog-content ul,
    html body main article.blog-post .blog-content ol,
    html body .blog-content ul,
    html body .blog-content ol,
    html body main .blog-content ul,
    html body main .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        line-height: 1.65 !important;
        display: block !important;
    }
    
    html body article.blog-post .blog-content li {
        margin-bottom: 0.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    
    html body article.blog-post .blog-content li:last-child {
        margin-bottom: 0 !important;
    }
    
    /* TABLES - Maximum specificity */
    html body article.blog-post .blog-content table,
    html body main article.blog-post .blog-content table,
    html body .blog-content table,
    html body main .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    }
    
    html body article.blog-post .blog-content table th {
        background: #f7fafc !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        font-size: 0.9375rem !important;
        letter-spacing: 0.025em !important;
        padding: 1rem !important;
    }
    
    html body article.blog-post .blog-content table td {
        color: #2d3748 !important;
        padding: 1rem !important;
    }
    
    /* ADJACENT SIBLING SPACING */
    html body article.blog-post .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content p + h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
    }
    
    html body article.blog-post .blog-content p + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    html body article.blog-post .blog-content p + ul,
    html body article.blog-post .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }
    
    html body article.blog-post .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content ul + p,
    html body article.blog-post .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content table + p {
        margin-top: 2.25rem !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
    }
    
    html body article.blog-post .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Content width optimization */
    html body article.blog-post .blog-container {
        max-width: 680px !important;
    }
    
    /* Typography improvements */
    html body article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
        letter-spacing: 0.01em !important;
    }
</style>
<style>
    /* Override global reset - Target ALL elements inside blog-content */
    html body article.blog-post .blog-content *,
    html body .blog-content * {
        box-sizing: border-box !important;
    }
    
    /* PARAGRAPHS - Maximum specificity to override global reset */
    html body article.blog-post .blog-content p,
    html body main article.blog-post .blog-content p,
    html body .blog-content p,
    html body main .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* 2× font size (18px × 2 = 36px ≈ 1.75rem) */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        line-height: 1.65 !important; /* Optimal line height for readability */
        color: #2d3748 !important; /* Softer than pure black */
        font-size: 1.125rem !important; /* 18px */
        letter-spacing: 0.01em !important;
    }
    
    html body article.blog-post .blog-content p:last-child,
    html body .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    html body article.blog-post .blog-content p:not(:last-child),
    html body .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
    }
    
    /* HEADINGS - Maximum specificity - Best Practices */
    html body article.blog-post .blog-content h2,
    html body main article.blog-post .blog-content h2,
    html body .blog-content h2,
    html body main .blog-content h2 {
        margin-top: 3rem !important; /* 1.5-2× line spacing (reduced from 4rem for better flow) */
        margin-bottom: 0.875rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 2rem !important; /* 32px - optimal H2 size */
        font-weight: 700 !important;
        line-height: 1.3 !important; /* Tighter for headings */
        color: #1a202c !important; /* Darker for headings */
        letter-spacing: -0.01em !important;
    }
    
    html body article.blog-post .blog-content h2:first-of-type,
    html body .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h3,
    html body main article.blog-post .blog-content h3,
    html body .blog-content h3,
    html body main .blog-content h3 {
        margin-top: 2.5rem !important; /* Reduced for better flow */
        margin-bottom: 0.75rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 1.5rem !important; /* 24px - optimal H3 size */
        font-weight: 600 !important;
        line-height: 1.35 !important; /* Slightly tighter for subheadings */
        color: #1a202c !important;
        letter-spacing: -0.005em !important;
    }
    
    html body article.blog-post .blog-content h3:first-of-type,
    html body .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* LISTS - Maximum specificity */
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol,
    html body main article.blog-post .blog-content ul,
    html body main article.blog-post .blog-content ol,
    html body .blog-content ul,
    html body .blog-content ol,
    html body main .blog-content ul,
    html body main .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 2rem !important;
        padding-right: 0 !important;
        display: block !important;
        list-style-position: outside !important;
    }
    
    /* TABLES - Maximum specificity */
    html body article.blog-post .blog-content table,
    html body main article.blog-post .blog-content table,
    html body .blog-content table,
    html body main .blog-content table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    /* ADJACENT SIBLING SPACING - Critical for transitions */
    html body article.blog-post .blog-content p + p,
    html body .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content p + h2,
    html body .blog-content p + h2 {
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + h3,
    html body .blog-content p + h3 {
        margin-top: 3rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    html body article.blog-post .blog-content p + ul,
    html body article.blog-post .blog-content p + ol,
    html body .blog-content p + ul,
    html body .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + table,
    html body .blog-content p + table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    html body article.blog-post .blog-content h2 + p,
    html body .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content h3 + p,
    html body .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content ul + p,
    html body article.blog-post .blog-content ol + p,
    html body .blog-content ul + p,
    html body .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content table + p,
    html body .blog-content table + p {
        margin-top: 2.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content table + h2,
    html body .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content table + h3,
    html body .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    html body article.blog-post .blog-content h2 + ul,
    html body article.blog-post .blog-content h2 + ol,
    html body .blog-content h2 + ul,
    html body .blog-content h2 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content h3 + ul,
    html body article.blog-post .blog-content h3 + ol,
    html body .blog-content h3 + ul,
    html body .blog-content h3 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Override inline styles if any */
    html body article.blog-post .blog-content p[style],
    html body .blog-content p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h2[style],
    html body .blog-content h2[style] {
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content table[style],
    html body .blog-content table[style] {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    /* ============================================
       END CRITICAL BLOG SPACING FIX
       ============================================ */
    
    /* Blog Post Container */
    .blog-post {
        background: #ffffff;
    }
    
    .blog-container {
        position: relative;
    }
    
    /* Typography - Best Practices for Readability */
    .blog-content {
        line-height: 1.65; /* Optimal for readability (1.5-1.7 range) */
        color: #2d3748; /* Slightly softer than pure black for better reading */
        font-size: 1.125rem; /* 18px - optimal for desktop reading */
        font-weight: 400;
        letter-spacing: 0.01em; /* Slight letter spacing for luxury feel */
        text-align: left; /* Left-aligned for optimal readability */
    }
    
    /* Optimal line length: 30-75 characters per line */
    .blog-content p {
        max-width: 100%;
    }
    
    /* Better spacing for content sections - OVERRIDE GLOBAL RESET */
    .blog-content > *,
    article.blog-post .blog-content > *,
    main .blog-content > *,
    body .blog-content > * {
        margin-bottom: 2rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .blog-content > *:last-child,
    article.blog-post .blog-content > *:last-child,
    main .blog-content > *:last-child,
    body .blog-content > *:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Force spacing on all direct children that are paragraphs */
    .blog-content > p,
    article.blog-post .blog-content > p,
    main .blog-content > p,
    body .blog-content > p {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Headings - MAXIMUM SPECIFICITY */
    .blog-content h2,
    article.blog-post .blog-content h2,
    main .blog-content h2,
    body .blog-content h2 {
        font-size: 2rem !important;
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        color: #1a1a1a !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.01em !important;
        display: block !important;
    }
    
    .blog-content h2:first-of-type,
    article.blog-post .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    /* Extra spacing when heading follows a paragraph */
    .blog-content p + h2,
    article.blog-post .blog-content p + h2,
    main .blog-content p + h2,
    body .blog-content p + h2 {
        margin-top: 3rem !important; /* Better visual separation */
        margin-bottom: 0.875rem !important;
    }
    
    /* Spacing when heading follows a list */
    .blog-content ul + h2,
    .blog-content ol + h2,
    article.blog-post .blog-content ul + h2,
    article.blog-post .blog-content ol + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content h3,
    article.blog-post .blog-content h3,
    main .blog-content h3,
    body .blog-content h3 {
        font-size: 1.5rem !important;
        margin-top: 3rem !important;
        margin-bottom: 1.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        color: #1a1a1a !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        display: block !important;
    }
    
    .blog-content h3:first-of-type,
    article.blog-post .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* Extra spacing when h3 follows a paragraph */
    .blog-content p + h3,
    article.blog-post .blog-content p + h3,
    main .blog-content p + h3,
    body .blog-content p + h3 {
        margin-top: 2.5rem !important; /* Better visual separation */
        margin-bottom: 0.75rem !important;
    }
    
    /* Spacing when h3 follows a list */
    .blog-content ul + h3,
    .blog-content ol + h3,
    article.blog-post .blog-content ul + h3,
    article.blog-post .blog-content ol + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Paragraphs - Ensure consistent spacing - MAXIMUM SPECIFICITY */
    .blog-content p,
    article.blog-post .blog-content p,
    main .blog-content p,
    body .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.9 !important;
        color: #2c2c2c !important;
        font-size: 1.125rem !important;
        display: block !important;
    }
    
    /* Override ANY inline styles on paragraphs */
    .blog-content p[style],
    article.blog-post .blog-content p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Extra spacing when paragraph follows a heading */
    .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Ensure spacing between consecutive paragraphs - CRITICAL */
    .blog-content p + p,
    article.blog-post .blog-content p + p,
    main .blog-content p + p,
    body .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Override inline styles on consecutive paragraphs */
    .blog-content p + p[style],
    article.blog-post .blog-content p + p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Last paragraph should have no bottom margin */
    .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    /* All paragraphs except last should have bottom margin */
    .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent spacing */
    }
    
    /* Lists - MAXIMUM SPECIFICITY */
    .blog-content ul, 
    .blog-content ol,
    article.blog-post .blog-content ul,
    article.blog-post .blog-content ol,
    main .blog-content ul,
    main .blog-content ol,
    body .blog-content ul,
    body .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.9 !important;
        display: block !important;
    }
    
    /* Extra spacing when list follows a paragraph */
    .blog-content p + ul,
    .blog-content p + ol,
    article.blog-post .blog-content p + ul,
    article.blog-post .blog-content p + ol,
    main .blog-content p + ul,
    main .blog-content p + ol,
    body .blog-content p + ul,
    body .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Extra spacing when paragraph follows a list */
    .blog-content ul + p,
    .blog-content ol + p,
    article.blog-post .blog-content ul + p,
    article.blog-post .blog-content ol + p,
    main .blog-content ul + p,
    main .blog-content ol + p,
    body .blog-content ul + p,
    body .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    /* Spacing when list follows a heading */
    .blog-content h2 + ul,
    .blog-content h2 + ol,
    .blog-content h3 + ul,
    .blog-content h3 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Spacing when heading follows a list */
    .blog-content ul + h2,
    .blog-content ol + h2 {
        margin-top: 3rem !important;
    }
    
    .blog-content ul + h3,
    .blog-content ol + h3 {
        margin-top: 2.5rem !important;
    }
    
    .blog-content li {
        margin-bottom: 0.875rem;
        line-height: 1.8;
        color: #2c2c2c;
    }
    
    .blog-content li:last-child {
        margin-bottom: 0;
    }
    
    .blog-content li::marker {
        color: #0066cc;
    }
    
    /* Blockquotes */
    .blog-content blockquote {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding: 1.5rem 1.75rem;
        padding-left: 2rem;
        border-left: 4px solid #0066cc;
        background: #f8f9fa;
        border-radius: 0 8px 8px 0;
        font-style: italic;
        color: #555;
        line-height: 1.7;
    }
    
    /* Extra spacing when blockquote follows a paragraph */
    .blog-content p + blockquote {
        margin-top: 2.5rem;
    }
    
    /* Extra spacing when paragraph follows a blockquote */
    .blog-content blockquote + p {
        margin-top: 2.5rem;
    }
    
    /* Images */
    .blog-content img {
        max-width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    /* Extra spacing when image follows a paragraph */
    .blog-content p + img {
        margin-top: 2rem;
    }
    
    /* Extra spacing when paragraph follows an image */
    .blog-content img + p {
        margin-top: 2rem;
    }
    
    /* Tables - MAXIMUM SPECIFICITY */
    .blog-content table,
    article.blog-post .blog-content table,
    main .blog-content table,
    body .blog-content table {
        width: 100% !important;
        margin-top: 2.25rem !important; /* Slightly reduced for better flow */
        margin-bottom: 2.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-collapse: collapse !important;
        border: 1px solid #e2e8f0 !important; /* Softer border color */
        border-radius: 8px !important;
        overflow: hidden !important;
        display: table !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Subtle shadow for depth */
    }
    
    /* Spacing when table follows a paragraph */
    .blog-content p + table,
    article.blog-post .blog-content p + table,
    main .blog-content p + table,
    body .blog-content p + table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    /* Spacing when paragraph follows a table */
    .blog-content table + p,
    article.blog-post .blog-content table + p,
    main .blog-content table + p,
    body .blog-content table + p {
        margin-top: 2.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    /* Spacing when heading follows a table */
    .blog-content table + h2,
    article.blog-post .blog-content table + h2,
    main .blog-content table + h2,
    body .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content table + h3,
    article.blog-post .blog-content table + h3,
    main .blog-content table + h3,
    body .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Spacing when table follows a heading */
    .blog-content h2 + table,
    article.blog-post .blog-content h2 + table,
    main .blog-content h2 + table,
    body .blog-content h2 + table {
        margin-top: 1.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .blog-content h3 + table,
    article.blog-post .blog-content h3 + table,
    main .blog-content h3 + table,
    body .blog-content h3 + table {
        margin-top: 1.25rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .blog-content table th,
    .blog-content table td,
    article.blog-post .blog-content table th,
    article.blog-post .blog-content table td {
        padding: 1rem !important;
        text-align: left !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    
    .blog-content table th {
        background: #f7fafc !important; /* Softer background */
        font-weight: 600 !important;
        color: #1a202c !important; /* Darker for contrast */
        font-size: 0.9375rem !important; /* 15px */
        letter-spacing: 0.025em !important;
    }
    
    .blog-content table td {
        color: #2d3748 !important; /* Match body text */
    }
    
    .blog-content table tr:last-child td {
        border-bottom: none !important;
    }
    
    /* Property cards in content */
    .blog-content .property-card {
        margin: 1.5rem 0 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        clear: both !important;
    }
    
    /* Compact property cards float right */
    .blog-content .property-card[style*="float: right"] {
        float: right !important;
        max-width: 350px !important;
        margin-left: 2rem !important;
        margin-right: 0 !important;
        margin-top: 0.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Ensure text wraps around floated property cards */
    .blog-content p + .property-card,
    .blog-content h2 + .property-card,
    .blog-content h3 + .property-card {
        margin-top: 0.5rem !important;
    }
    
    /* Clear floats after property cards */
    .blog-content .property-card::after {
        content: "";
        display: table;
        clear: both;
    }
    
    .blog-content a {
        color: #0066cc;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
        transition: color 0.2s;
    }
    
    .blog-content a:hover {
        color: #0052a3;
        text-decoration-thickness: 3px;
    }
    
    /* Handle strong tags that act as headings */
    .blog-content strong {
        font-weight: 600;
        color: #1a1a1a;
    }
    
    /* When strong tags are on their own line (likely headings) */
    .blog-content p strong:only-child,
    .blog-content p:has(strong:only-child) {
        display: block;
        font-size: 1.75rem;
        margin-top: 3.5rem;
        margin-bottom: 1.25rem;
        line-height: 1.3;
        font-weight: 700;
    }
    
    /* Paragraphs that contain only a strong tag should be treated as headings */
    .blog-content p:has(> strong:only-child) {
        margin-top: 3.5rem;
        margin-bottom: 1.25rem;
        font-size: 1.75rem;
        line-height: 1.3;
        font-weight: 700;
    }
    
    /* Extra spacing before paragraphs that start with strong tags */
    .blog-content p:has(strong:first-child) {
        margin-top: 0;
    }
    
    /* Spacing after paragraphs that contain strong headings */
    .blog-content p:has(> strong:only-child) + p {
        margin-top: 0;
    }
    
    /* More aggressive spacing - ensure paragraphs have space */
    .blog-content > * {
        margin-bottom: 2rem !important;
    }
    
    .blog-content > *:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Force paragraph spacing - highest priority */
    article .blog-content p,
    .blog-post .blog-content p,
    main .blog-content p {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    article .blog-content p + p,
    .blog-post .blog-content p + p,
    main .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
    
    article .blog-content p:last-child,
    .blog-post .blog-content p:last-child,
    main .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    .blog-content code {
        background: #f5f7fa;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-size: 0.9em;
        font-family: 'Courier New', monospace;
    }
    
    .blog-content pre {
        background: #f5f7fa;
        padding: 1.5rem;
        border-radius: 8px;
        overflow-x: auto;
        margin: 2rem 0;
    }
    
    /* Hover Effects */
    .blog-share a:hover,
    .blog-cta a:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .blog-related article:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    
    .blog-related article:hover img {
        transform: scale(1.05);
    }
    
    .blog-category-badge:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,102,204,0.3);
    }
    
    /* Blog Layout Wrapper - Two Column, Right Aligned */
    .blog-layout-wrapper {
        display: flex !important;
        gap: 3rem !important;
        align-items: flex-start !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    
    /* Sidebar Styles */
    .blog-sidebar {
        /* No sticky, no scroll - properties flow naturally */
    }
    
    /* Responsive Design */
    @media (max-width: 1024px) {
        .blog-layout-wrapper {
            flex-direction: column !important;
            margin: 0 auto !important;
        }
        
        .blog-sidebar {
            width: 100% !important;
            margin-top: 3rem !important;
        }
        
        .blog-sidebar-properties {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
            gap: 1.5rem !important;
        }
        
        .blog-sidebar-properties > h3 {
            grid-column: 1 / -1 !important;
        }
    }
    
    @media (max-width: 768px) {
        .blog-hero {
            height: 400px !important;
            margin-bottom: 2rem !important;
        }
        
        .blog-container {
            padding: 0 1.25rem !important;
        }
        
        .blog-layout-wrapper {
            padding: 0 1rem !important;
            margin: 0 auto !important;
        }
        
        .blog-title {
            font-size: 2rem !important;
        }
        
        .blog-excerpt {
            font-size: 1.125rem !important;
        }
        
        .blog-content {
            font-size: 1rem !important;
        }
        
        .blog-content h2 {
            font-size: 1.75rem !important;
            margin-top: 2.5rem !important;
        }
        
        .blog-content h3 {
            font-size: 1.375rem !important;
            margin-top: 2rem !important;
        }
        
        .blog-meta {
            flex-direction: column;
            align-items: flex-start !important;
            gap: 1rem !important;
        }
        
        .blog-share {
            padding: 2rem 1.5rem !important;
        }
        
        .blog-share div {
            flex-direction: column;
        }
        
        .blog-share a {
            width: 100%;
            justify-content: center;
        }
        
        .blog-cta {
            padding: 3rem 2rem !important;
        }
        
        .blog-cta h2 {
            font-size: 1.75rem !important;
        }
        
        .blog-related div {
            grid-template-columns: 1fr !important;
        }
    }
    
    @media (max-width: 480px) {
        .blog-title {
            font-size: 1.75rem !important;
        }
        
        .blog-content {
            font-size: 0.9375rem !important;
        }
    }
    
    /* ============================================
       DATA-FOCUSED LAYOUT STYLES
       ============================================ */
    
    /* Stats Banner */
    .blog-stats-banner {
        animation: fadeInUp 0.6s ease-out;
    }
    
    .blog-stats-banner .stat-item {
        transition: transform 0.2s;
    }
    
    .blog-stats-banner .stat-item:hover {
        transform: translateY(-2px);
    }
    
    /* Charts Section */
    .blog-charts-section {
        animation: fadeInUp 0.6s ease-out 0.2s both;
    }
    
    .blog-charts-section .charts-container {
        min-height: 300px;
    }
    
    /* Chart Container Styling */
    [data-chart] {
        background: white;
        padding: 1.5rem;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        margin-bottom: 2rem;
        position: relative;
    }
    
    [data-chart] canvas {
        max-height: 400px;
    }
    
    /* Chart Loading State */
    [data-chart]:not(:has(canvas)) {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    [data-chart]:not(:has(canvas))::before {
        content: 'Loading chart...';
        color: #999;
        font-style: italic;
    }
    
    /* Responsive Charts */
    @media (max-width: 768px) {
        .blog-stats-banner .stats-grid {
            grid-template-columns: 1fr !important;
            gap: 1rem !important;
        }
        
        .blog-charts-section .charts-container {
            grid-template-columns: 1fr !important;
        }
        
        [data-chart] {
            padding: 1rem;
        }
    }
    
    /* Animation */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 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>
        
<article class="blog-post">
    <!-- Hero Image Section -->
        <div class="blog-hero" style="width: 100%; height: 600px; overflow: hidden; position: relative; margin-bottom: 4rem;">
        <img src="/storage//storage/properties/PL8045/photo_1.jpg" 
             alt="Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities" 
             style="width: 100%; height: 100%; object-fit: cover;"
             loading="eager"
             fetchpriority="high">
        <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%); height: 200px;"></div>
    </div>
    
    <!-- Main Content Container with Sidebar -->
    <div class="blog-layout-wrapper" style="max-width: 1200px !important; margin: 0 0 0 auto !important; padding: 0 2rem !important; display: flex !important; gap: 3rem !important; align-items: flex-start !important;">
        <!-- Main Content Column -->
        <div class="blog-container" style="flex: 1; max-width: 680px !important; min-width: 0;">
        
                <!-- Data-Focused Layout: Key Stats Banner -->
        <div class="blog-stats-banner" style="background: linear-gradient(135deg, #0A1929 0%, #1a3a5a 100%); padding: 2.5rem; border-radius: 12px; margin-bottom: 3rem; color: white; box-shadow: 0 8px 24px rgba(0,0,0,0.15);">
            <h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 1.5rem; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.5px;">Key Market Insights</h3>
            <div class="stats-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem;">
                <!-- Stats will be extracted from content by JavaScript or AI can include them -->
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Market Trend</div>
                </div>
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Price Range</div>
                </div>
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Growth Rate</div>
                </div>
            </div>
        </div>
                
        <!-- Header Section -->
        <header class="blog-header" style="margin-bottom: 3rem;">
                            <a href="https://marbellaluxuryrentals.com/en/blog/category/market-insights" 
                   class="blog-category-badge"
                   style="display: inline-block; padding: 0.5rem 1.25rem; background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); border-radius: 50px; text-decoration: none; color: white; font-size: 0.875rem; font-weight: 600; margin-bottom: 1.5rem; letter-spacing: 0.5px; text-transform: uppercase;">
                    Market Insights
                </a>
                        
            <h1 class="blog-title" style="font-size: 3rem; line-height: 1.15; margin-bottom: 1.5rem; color: #1a1a1a; font-weight: 700; letter-spacing: -0.02em;">
                Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities
            </h1>
            
                        <p class="blog-excerpt" style="font-size: 1.25rem; line-height: 1.6; color: #555; margin-bottom: 2rem; font-weight: 400;">
                Chateau de Lice in La Quinta redefines luxury living with its unparalleled amenities. From a private cinema to an exquisite wine cellar, this villa offers a unique blend of comfort and opulence in Marbella, attracting discerning investors and vacationers alike.
            </p>
                        
            <div class="blog-meta" style="display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; color: #666; font-size: 0.9375rem; padding-top: 1.5rem; border-top: 1px solid #e8e8e8;">
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                    <span>April 02, 2026</span>
                </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                        <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                                            <a href="https://marbellaluxuryrentals.com/en/properties-for-sale" style="color: inherit; text-decoration: underline;">Marbella Luxury Rentals &amp; Sales</a>
                                    </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                        <circle cx="12" cy="12" r="3"></circle>
                    </svg>
                    <span>5 views</span>
                </div>
            </div>
        </header>

        <!-- Main Content -->
        <style id="blog-spacing-css">
            /* INLINE BLOG SPACING CSS - Guaranteed to load - MAXIMUM SPECIFICITY */
            html body article.blog-post .blog-content p,
            html body main article.blog-post .blog-content p,
            html body .blog-content p {
                margin-bottom: 1.75rem !important;
                margin-top: 0 !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
                display: block !important;
            }
            html body article.blog-post .blog-content p:last-child,
            html body main article.blog-post .blog-content p:last-child,
            html body .blog-content p:last-child {
                margin-bottom: 0 !important;
            }
            html body article.blog-post .blog-content p + p,
            html body main article.blog-post .blog-content p + p,
            html body .blog-content p + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            html body article.blog-post .blog-content h2,
            html body main article.blog-post .blog-content h2,
            html body .blog-content h2 {
                margin-top: 3rem !important;
                margin-bottom: 0.875rem !important;
                font-size: 2rem !important;
                line-height: 1.3 !important;
                font-weight: 700 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h2:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content h3 {
                margin-top: 2.5rem !important;
                margin-bottom: 0.75rem !important;
                font-size: 1.5rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h3:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content ul,
            article.blog-post .blog-content ol {
                margin-top: 1.5rem !important;
                margin-bottom: 1.5rem !important;
                padding-left: 2rem !important;
                display: block !important;
            }
            article.blog-post .blog-content li {
                margin-bottom: 0.75rem !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
            }
            article.blog-post .blog-content table {
                margin-top: 2.25rem !important;
                margin-bottom: 2.25rem !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 8px !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
                display: table !important;
                width: 100% !important;
            }
            article.blog-post .blog-content table th {
                background: #f7fafc !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content table td {
                color: #2d3748 !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content p + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content p + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-content p + ul,
            article.blog-post .blog-content p + ol {
                margin-top: 1.5rem !important;
            }
            article.blog-post .blog-content p + table {
                margin-top: 2.25rem !important;
            }
            article.blog-post .blog-content h2 + p,
            article.blog-post .blog-content h3 + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content ul + p,
            article.blog-post .blog-content ol + p {
                margin-top: 1.5rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + p {
                margin-top: 2.25rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content table + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-container {
                max-width: 680px !important;
            }
            article.blog-post .blog-content {
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
            }
            /* Property card spacing - ensure proper flow */
            article.blog-post .blog-content .property-card + p,
            article.blog-post .blog-content .property-card + h2,
            article.blog-post .blog-content .property-card + h3 {
                margin-top: 1.5rem !important;
                clear: both !important;
            }
            article.blog-post .blog-content p + .property-card,
            article.blog-post .blog-content h2 + .property-card {
                margin-top: 1rem !important;
            }
        </style>
        
                <!-- Data-Focused Layout: Charts Section -->
        <div class="blog-charts-section" style="margin-bottom: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 12px; border: 1px solid #e0e0e0;">
            <h3 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; color: #1a1a1a;">Market Data Visualizations</h3>
            <div class="charts-container" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
                <!-- Charts will be auto-rendered from data-chart attributes in content -->
            </div>
        </div>
                
        <div class="blog-content" style="margin: 0; padding: 0;">
                        <h2>Chateau de Lice: A Masterclass in Marbella's Luxury Amenities</h2>
<p>What truly sets apart a luxury villa in Marbella? Is it the location, the architecture, or the amenities? For those eyeing the epitome of opulence, the answer is often a combination of all three. Nestled in the serene hills of La Quinta, <strong>Chateau de Lice</strong> offers an unrivaled blend of French elegance and Andalusian warmth, making it a magnet for luxury property investors and high-end vacationers.</p>


<h2>What Makes Chateau de Lice's Private Cinema a Standout Feature?</h2>
<p>Imagine sinking into plush leather seating, a glass of vintage Rioja in hand, as the state-of-the-art projector casts your favorite film across the wall. The private cinema at Chateau de Lice isn't just an add-on; it's a sanctuary for film lovers. With acoustics designed to rival the best commercial theaters, this space is perfect for intimate screenings or family movie nights, elevating the villa's allure beyond traditional luxury offerings.</p>


<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_1.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<h2>How Does the Wine Cellar at Chateau de Lice Enhance the Luxury Experience?</h2>
<p>The wine cellar at Chateau de Lice is a connoisseur's dream. Designed to house an extensive collection, it combines old-world charm with modern technology, ensuring optimal conditions for preserving fine wines. Hosting a tasting in this elegant setting provides an unparalleled sensory experience, transforming a simple evening into a memorable event with friends or clients.</p>


<h2>Exploring Other Unique Amenities at Chateau de Lice</h2>
<p>Beyond the cinema and wine cellar, Chateau de Lice offers a plethora of amenities tailored for sophisticated leisure. The saltwater pool, surrounded by lush gardens, presents a tranquil oasis for relaxation. A private gym caters to fitness enthusiasts, while multiple alfresco dining spots invite guests to indulge in the Mediterranean climate.</p>

<table>
  <thead>
    <tr>
      <th>Amenity</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Private Cinema</td>
      <td>Top-tier acoustics and seating for an immersive experience</td>
    </tr>
    <tr>
      <td>Wine Cellar</td>
      <td>Climate-controlled, perfect for collectors</td>
    </tr>
    <tr>
      <td>Saltwater Pool</td>
      <td>Secluded and surrounded by impeccably manicured gardens</td>
    </tr>
    <tr>
      <td>Private Gym</td>
      <td>Equipped with the latest fitness technology</td>
    </tr>
    <tr>
      <td>Alfresco Dining Areas</td>
      <td>Multiple spots for outdoor dining and entertaining</td>
    </tr>
  </tbody>
</table>


<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_2.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<h2>Best for:</h2>
<ul>
  <li>Film enthusiasts looking for a home theater experience</li>
  <li>Wine collectors and connoisseurs</li>
  <li>Luxury seekers desiring privacy and bespoke amenities</li>
  <li>Fitness-focused individuals</li>
  <li>Frequent entertainers</li>
</ul>


<h2>Comparing Marbella's Luxury Villa Offerings</h2>
<p>Marbella's luxury market spans several exclusive areas, each with its unique appeal. Here's how La Quinta compares:</p>

<table>
  <thead>
    <tr>
      <th>Area</th>
      <th>Average Villa Price</th>
      <th>Key Features</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>La Quinta</td>
      <td>€3M - €10M</td>
      <td>Golf courses, tranquility, panoramic views</td>
    </tr>
    <tr>
      <td>Golden Mile</td>
      <td>€3.5M - €12M</td>
      <td>Iconic, high liquidity, central location</td>
    </tr>
    <tr>
      <td>Nueva Andalucía</td>
      <td>€2.5M - €8M</td>
      <td>Golf, family-friendly, investment potential</td>
    </tr>
    <tr>
      <td>Los Monteros</td>
      <td>€3M - €10M</td>
      <td>Beachfront, historic prestige</td>
    </tr>
  </tbody>
</table>


<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_3.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<h2>A Day in the Life at Chateau de Lice</h2>
<p>Start your morning with a workout in the private gym, followed by a refreshing swim in the saltwater pool. As the day unfolds, enjoy a leisurely breakfast on one of the alfresco terraces. Spend the afternoon exploring the nearby golf courses or simply relax with a book in the villa's lush gardens. As evening descends, host a wine tasting in the cellar before settling in for a film in the private cinema. This isn't just a villa; it's a lifestyle.</p>


<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_10.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_9.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_8.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_7.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_6.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_5.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<figure class="blog-image">
    <a href="/en/properties/villa-la-quinta-pl8045">
        <img src="/storage/properties/PL8045/photo_4.jpg" alt="Luxury property in Marbella" loading="lazy">
    </a>
    <figcaption>10 bed · La Quinta</figcaption>
</figure>
<h2>FAQs About Chateau de Lice</h2>
<ul>
  <li><strong>What is the capacity of the private cinema?</strong> The cinema comfortably seats up to 12 guests.</li>
  <li><strong>Can the wine cellar be customized for specific collections?</strong> Yes, the cellar is designed to accommodate a wide range of wine storage needs.</li>
  <li><strong>Are there any concierge services available?</strong> Yes, guests can arrange for private chefs, car rentals, and more through our concierge team.</li>
  <li><strong>Is the villa available for short-term rentals?</strong> Yes, Chateau de Lice is available for vacation rentals, offering a unique holiday experience.</li>
  <li><strong>How does the villa's location enhance its appeal?</strong> Located in La Quinta, it offers peace and privacy while being a short drive from Marbella's vibrant center.</li>
</ul>

<p>For those interested in exploring similar properties, consider a <a href="/en/properties/villa-marbella-nueva-andalucia-855-00016ps">villa in Nueva Andalucia</a>, known for its golf courses and serene environment. Alternatively, the <a href="/en/properties/villa-marbella-marbella-golden-mile-rocio-de-nagueles-mdl319rl">Golden Mile</a> offers iconic luxury and convenience.</p>

<p>At the heart of Marbella luxury real estate is the promise of a lifestyle that combines elegance, privacy, and a sense of belonging. Whether you're an investor or seeking a vacation home, properties like Chateau de Lice redefine what's possible in high-end living. For tailored advice, <a href="https://marbellaluxuryrentals.com/en/properties-for-sale">Marbella Luxury Rentals &amp; Sales</a> offers a discreet and comprehensive service to meet all your luxury property needs.</p>
        </div>

        <!-- Tags Section -->
                <div class="blog-tags" style="margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid #e8e8e8;">
            <h3 style="font-size: 0.875rem; margin-bottom: 1rem; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Tags</h3>
            <div style="display: flex; flex-wrap: wrap; gap: 0.75rem;">
                                    <a href="https://marbellaluxuryrentals.com/en/blog/tag/marbella" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #Marbella
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/en/blog/tag/luxury-real-estate" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #Luxury Real Estate
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/en/blog/tag/chateau-de-lice" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #Chateau de Lice
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/en/blog/tag/la-quinta" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #La Quinta
                    </a>
                            </div>
        </div>
        
        <div class="blog-disclaimer" style="margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e8e8e8;">
            <h3 style="font-size: 0.875rem; margin-bottom: 0.75rem; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Disclaimer</h3>
            <p style="margin: 0; color: #6b7280; font-size: 0.95rem; line-height: 1.6;">This article is provided for general informational purposes only and does not constitute legal, financial, tax, or investment advice. Property availability, pricing, and regulations may change; always verify details and seek professional advice for your circumstances.</p>
            <div style="margin-top: 0.75rem;">
                <a href="https://marbellaluxuryrentals.com/en/contact" style="color: #0066cc; text-decoration: none; font-weight: 500;">Contact Us</a>
                <span style="color: #9ca3af; padding: 0 0.5rem;">·</span>
                <a href="https://marbellaluxuryrentals.com/en/disclaimer" style="color: #0066cc; text-decoration: none; font-weight: 500;">Disclaimer</a>
                <span style="color: #9ca3af; padding: 0 0.5rem;">·</span>
                <a href="https://marbellaluxuryrentals.com/en/terms" style="color: #0066cc; text-decoration: none; font-weight: 500;">Terms</a>
            </div>
        </div>
        
        </div>
        
        <!-- Right Sidebar for Property Cards (like ads) -->
        <aside class="blog-sidebar" style="width: 320px; flex-shrink: 0;">
                        
                    </aside>
    </div>

        <!-- Share Buttons -->
        <div class="blog-share" style="margin-top: 4rem; padding: 2.5rem; background: #f8f9fa; border-radius: 12px; text-align: center;">
            <h3 style="font-size: 1rem; margin-bottom: 1.5rem; color: #333; font-weight: 600;">Share this post</h3>
            <div style="display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap;">
                <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fen%2Fblog%2Fchateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #1877f2; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    Facebook
                </a>
                <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fen%2Fblog%2Fchateau-de-lice-a-masterclass-in-marbellas-luxury-amenities&text=Chateau+de+Lice%3A+A+Masterclass+in+Marbella%27s+Luxury+Amenities" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #1da1f2; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                    Twitter
                </a>
                <a href="https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fen%2Fblog%2Fchateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #0077b5; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                    LinkedIn
                </a>
                <a href="https://wa.me/?text=Chateau+de+Lice%3A+A+Masterclass+in+Marbella%27s+Luxury+Amenities+http%3A%2F%2Fmarbellaluxuryrentals.com%2Fen%2Fblog%2Fchateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #25d366; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
                    WhatsApp
                </a>
            </div>
        </div>

        <!-- Related Posts -->
                <div class="blog-related" style="margin-top: 5rem; padding-left: 2rem; padding-right: 2rem;">
            <h2 style="font-size: 2rem; margin-bottom: 2.5rem; color: #1a1a1a; font-weight: 700;">Related Posts</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem;">
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                    <a href="https://marbellaluxuryrentals.com/en/blog/beachfront-villas-in-marbella-rental-income-investment-guide" style="display: block;">
                                <img src="/storage/properties/CP6289/photo_1.jpg" 
                                     alt="Beachfront Villas in Marbella: Rental Income Investment Guide" 
                                     style="width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s;"
                                     loading="lazy">
                            </a>
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <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>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 01
                            </div>
                        </div>
                    </article>
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                    <a href="https://marbellaluxuryrentals.com/en/blog/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies" style="display: block;">
                                <img src="/storage//storage/properties/BD2760/photo_1.jpg" 
                                     alt="Mastering Marbella Luxury Villa Sales: Insider Tips and Strategies" 
                                     style="width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s;"
                                     loading="lazy">
                            </a>
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <a href="https://marbellaluxuryrentals.com/en/blog/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Mastering Marbella Luxury Villa Sales: Insider Tips and Strategies
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 02
                            </div>
                        </div>
                    </article>
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                    <a href="https://marbellaluxuryrentals.com/en/blog/a-deep-dive-into-the-most-exclusive-marbella-golden-mile-villas" style="display: block;">
                                <img src="/storage//storage/properties/855-00145PL/photo_1.jpg" 
                                     alt="A Deep Dive into the Most Exclusive Marbella Golden Mile Villas" 
                                     style="width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s;"
                                     loading="lazy">
                            </a>
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <a href="https://marbellaluxuryrentals.com/en/blog/a-deep-dive-into-the-most-exclusive-marbella-golden-mile-villas" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    A Deep Dive into the Most Exclusive Marbella Golden Mile Villas
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 01
                            </div>
                        </div>
                    </article>
                            </div>
        </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>
    </div>
</article>


    </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="uI3pFMFK8BJvzkZAOwuQLObyXLBSIdY7H9VuV7O9" 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="eyJpdiI6ImVkZ2V5d3k5YzFwanQyWWMvakFrV2c9PSIsInZhbHVlIjoiZVVtcmkyN3FjYVUvSFpIRE9obldPbzJ0aEJDU0ZNS1EzeHI3REVUVFFvMytQcTdndDFrK2ppaW1VSjdrQzVOang2blhSZ3hLR09lTmhpbHVGbGo5d1dHVlI4WStWekF4K29xNWptRTJ5RUtGUzlDdXJPTWtEblpnT2svaWVLUVlkYXRHeWFRbG5VbWhqcGNMb1FHVTNnPT0iLCJtYWMiOiI4MDhiZGVlNGU0ODUzZjNjNGFjODY3MmU5OGU1ZTEwYzkwMzk3ODRmNWRkOGEyMmZlNjY0ODQwM2M1YTNkZWM5IiwidGFnIjoiIn0=">

                <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>
    <!-- Chart.js Library -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" defer></script>

<script>
    // CRITICAL: Verify CSS is loaded and apply spacing fallback
    document.addEventListener('DOMContentLoaded', function() {
        console.log('Blog page loaded - checking CSS...');
        
        const blogContent = document.querySelector('.blog-content');
        if (!blogContent) {
            console.error('ERROR: .blog-content element not found!');
            return;
        }
        
        // Check if CSS is applying by testing computed styles
        const testP = blogContent.querySelector('p');
        if (testP) {
            const computedStyle = window.getComputedStyle(testP);
            const marginBottom = computedStyle.marginBottom;
            console.log('Paragraph margin-bottom:', marginBottom);
            
            // If margin is 0, CSS isn't working - apply inline styles as fallback
            if (marginBottom === '0px' || marginBottom === '') {
                console.warn('CSS spacing not detected! Applying JavaScript fallback...');
                
                // Apply spacing to all paragraphs
                blogContent.querySelectorAll('p').forEach((p, index, arr) => {
                    if (index < arr.length - 1) {
                        p.style.marginBottom = '2rem';
                        p.style.marginTop = '0';
                    }
                });
                
                // Apply spacing to headings
                blogContent.querySelectorAll('h2').forEach((h2, index) => {
                    h2.style.marginTop = index === 0 ? '0' : '4rem';
                    h2.style.marginBottom = '1.5rem';
                });
                
                blogContent.querySelectorAll('h3').forEach((h3, index) => {
                    h3.style.marginTop = index === 0 ? '0' : '3rem';
                    h3.style.marginBottom = '1.25rem';
                });
                
                // Apply spacing to lists
                blogContent.querySelectorAll('ul, ol').forEach(list => {
                    list.style.marginTop = '1.5rem';
                    list.style.marginBottom = '1.5rem';
                });
                
                // Apply spacing to tables
                blogContent.querySelectorAll('table').forEach(table => {
                    table.style.marginTop = '2.5rem';
                    table.style.marginBottom = '2.5rem';
                });
                
                console.log('JavaScript fallback spacing applied!');
            } else {
                console.log('CSS spacing is working correctly!');
            }
        }
        
        // Log all elements in blog-content for debugging
        const allElements = blogContent.querySelectorAll('*');
        console.log('Total elements in .blog-content:', allElements.length);
        console.log('Paragraphs:', blogContent.querySelectorAll('p').length);
        console.log('Headings (h2):', blogContent.querySelectorAll('h2').length);
        console.log('Headings (h3):', blogContent.querySelectorAll('h3').length);
        console.log('Lists:', blogContent.querySelectorAll('ul, ol').length);
        console.log('Tables:', blogContent.querySelectorAll('table').length);
        
        // Extract and populate stats banner (for data-focused layout)
                extractStats();
                
        // Auto-render charts from AI-generated chart data
        renderCharts();
    });
    
    /**
     * Extract key stats from content and populate stats banner
     */
    function extractStats() {
        const statsBanner = document.querySelector('.blog-stats-banner');
        if (!statsBanner) return;
        
        const statItems = statsBanner.querySelectorAll('.stat-item');
        const content = document.querySelector('.blog-content');
        if (!content) return;
        
        // Look for common stat patterns in content
        const text = content.textContent || '';
        
        // Extract price ranges (e.g., "€3M - €5M", "€3,000,000")
        const priceMatches = text.match(/€[\d,\.]+[KM]?/gi);
        if (priceMatches && priceMatches.length > 0) {
            const prices = priceMatches.map(p => p.replace(/[€,]/g, '')).filter(p => parseFloat(p) > 0);
            if (prices.length > 0) {
                const maxPrice = Math.max(...prices.map(p => {
                    const num = parseFloat(p);
                    return p.includes('K') ? num * 1000 : (p.includes('M') ? num * 1000000 : num);
                }));
                const statValue = statItems[1]?.querySelector('.stat-value');
                if (statValue && statValue.textContent === '—') {
                    statValue.textContent = '€' + (maxPrice >= 1000000 ? (maxPrice / 1000000).toFixed(1) + 'M' : (maxPrice / 1000).toFixed(0) + 'K');
                }
            }
        }
        
        // Extract growth percentages (e.g., "5%", "10% growth")
        const growthMatches = text.match(/(\d+(?:\.\d+)?)\s*%\s*(?:growth|increase|rise)/gi);
        if (growthMatches && growthMatches.length > 0) {
            const growth = growthMatches[0].match(/(\d+(?:\.\d+)?)/)[1];
            const statValue = statItems[2]?.querySelector('.stat-value');
            if (statValue && statValue.textContent === '—') {
                statValue.textContent = '+' + growth + '%';
            }
        }
        
        // Extract trend keywords
        const trendKeywords = ['rising', 'increasing', 'growing', 'stable', 'declining', 'falling'];
        const hasTrend = trendKeywords.some(keyword => text.toLowerCase().includes(keyword));
        if (hasTrend) {
            const trendText = trendKeywords.find(k => text.toLowerCase().includes(k)) || 'Stable';
            const statValue = statItems[0]?.querySelector('.stat-value');
            if (statValue && statValue.textContent === '—') {
                statValue.textContent = trendText.charAt(0).toUpperCase() + trendText.slice(1);
            }
        }
    }
    
    /**
     * Auto-detect and render charts from AI-generated JSON data
     * Looks for elements with data-chart attribute containing Chart.js config
     */
    function renderCharts() {
        // Wait for Chart.js to load
        if (typeof Chart === 'undefined') {
            setTimeout(renderCharts, 100);
            return;
        }
        
        // Move charts from content to charts section if data-focused layout
                const chartsSection = document.querySelector('.blog-charts-section .charts-container');
        if (chartsSection) {
            const chartsInContent = document.querySelectorAll('.blog-content [data-chart]');
            chartsInContent.forEach(chart => {
                const chartWrapper = document.createElement('div');
                chartWrapper.style.marginBottom = '2rem';
                chartWrapper.appendChild(chart.cloneNode(true));
                chartsSection.appendChild(chartWrapper);
                chart.remove(); // Remove from content
            });
        }
                
        const chartContainers = document.querySelectorAll('[data-chart]');
        chartContainers.forEach((container, index) => {
            try {
                const chartData = JSON.parse(container.getAttribute('data-chart'));
                const canvas = document.createElement('canvas');
                canvas.id = 'chart-' + index;
                container.appendChild(canvas);
                
                // Set default options for luxury styling
                const defaultOptions = {
                    responsive: true,
                    maintainAspectRatio: true,
                    plugins: {
                        legend: {
                            position: 'top',
                            labels: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 12,
                                    weight: '500'
                                },
                                color: '#1a1a1a',
                                padding: 15,
                                usePointStyle: true
                            }
                        },
                        tooltip: {
                            backgroundColor: 'rgba(10, 25, 41, 0.95)',
                            padding: 12,
                            titleFont: {
                                family: 'Inter, sans-serif',
                                size: 14,
                                weight: '600'
                            },
                            bodyFont: {
                                family: 'Inter, sans-serif',
                                size: 13
                            },
                            borderColor: '#0066cc',
                            borderWidth: 1,
                            cornerRadius: 8,
                            displayColors: true
                        }
                    },
                    scales: chartData.type !== 'pie' && chartData.type !== 'doughnut' ? {
                        x: {
                            grid: {
                                color: 'rgba(0, 0, 0, 0.05)',
                                drawBorder: false
                            },
                            ticks: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 11
                                },
                                color: '#666'
                            }
                        },
                        y: {
                            grid: {
                                color: 'rgba(0, 0, 0, 0.05)',
                                drawBorder: false
                            },
                            ticks: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 11
                                },
                                color: '#666',
                                callback: function(value) {
                                    // Format large numbers with K/M suffix
                                    if (value >= 1000000) {
                                        return '€' + (value / 1000000).toFixed(1) + 'M';
                                    } else if (value >= 1000) {
                                        return '€' + (value / 1000).toFixed(0) + 'K';
                                    }
                                    return '€' + value;
                                }
                            }
                        }
                    } : {}
                };
                
                // Merge user options with defaults
                const finalOptions = {
                    ...defaultOptions,
                    ...(chartData.options || {})
                };
                
                new Chart(canvas, {
                    type: chartData.type || 'bar',
                    data: chartData.data || {},
                    options: finalOptions
                });
            } catch (e) {
                console.error('Failed to render chart:', e);
                container.innerHTML = '<p style="color: #999; font-style: italic;">Chart data could not be rendered.</p>';
            }
        });
    }
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "headline": &quot;Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities&quot;,
    "description": &quot;Explore the unmatched luxury amenities of Chateau de Lice, a premier villa in Marbella&#039;s La Quinta. Discover its private cinema, wine cellar, and more.&quot;,
    "image": &quot;https:\/\/marbellaluxuryrentals.com\/storage\/\/storage\/properties\/PL8045\/photo_1.jpg&quot;,
    "datePublished": &quot;2026-04-02T11:57:06+00:00&quot;,
    "dateModified": &quot;2026-04-02T13:49:11+00:00&quot;,
    "wordCount": 741,
    "keywords": &quot;Chateau Delice luxury villa Marbella, luxury villa in La Quinta, Marbella hidden gem, Chateau Delice rental, La Quinta luxury estate, Marbella luxury real estate&quot;,
    "articleSection": &quot;Market Insights&quot;,
    "inLanguage": &quot;en&quot;,
    "author": {
        "@type": "Organization",
        "name": &quot;Marbella Luxury Rentals &amp; Sales&quot;
    },
    "publisher": {
        "@type": "Organization",
        "name": "Marbella Luxury Rentals & Sales",
        "logo": {
            "@type": "ImageObject",
            "url": &quot;https:\/\/marbellaluxuryrentals.com\/images\/logo.png&quot;
        }
    },
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": &quot;http:\/\/marbellaluxuryrentals.com\/en\/blog\/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities&quot;
    },
    "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": &quot;https:\/\/marbellaluxuryrentals.com&quot;
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Blog",
                "item": &quot;https:\/\/marbellaluxuryrentals.com\/en\/blog&quot;
            },
            {
                "@type": "ListItem",
                "position": 3,
                "name": &quot;Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities&quot;,
                "item": &quot;http:\/\/marbellaluxuryrentals.com\/en\/blog\/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities&quot;
            }
        ]
    }
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
                {
            "@type": "Question",
            "name": &quot;What Makes Chateau de Lice&#039;s Private Cinema a Standout Feature?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Imagine sinking into plush leather seating, a glass of vintage Rioja in hand, as the state-of-the-art projector casts your favorite film across the wall. The private cinema at Chateau de Lice isn&#039;t just an add-on; it&#039;s a sanctuary for film lovers. With acoustics designed to rival the best commercial...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;How Does the Wine Cellar at Chateau de Lice Enhance the Luxury Experience?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;The wine cellar at Chateau de Lice is a connoisseur&#039;s dream. Designed to house an extensive collection, it combines old-world charm with modern technology, ensuring optimal conditions for preserving fine wines. Hosting a tasting in this elegant setting provides an unparalleled sensory experience, tr...&quot;
            }
        }            ]
}
</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>