<!-- getAllCases: Case ID 17: Blænding af dør/ ilægning af overligger -->
<!-- getAllCases: Image files for case 17: 17_1777452450_0.jpg,17_1777452451_1.jpg,17_1777452451_2.jpg,17_1777452451_3.jpg,17_1777452451_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452450_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/17_1777452451_4.jpg -->
<!-- getAllCases: Total images added for case 17: 5 -->
<!-- getAllCases: Case ID 16: Lille badeværelse -->
<!-- getAllCases: Image files for case 16: 16_1777061228_0.jpg,16_1777061228_1.jpg,16_1777061228_2.jpg,16_1777061229_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061228_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/16_1777061229_3.jpg -->
<!-- getAllCases: Total images added for case 16: 4 -->
<!-- getAllCases: Case ID 15: Bryggers -->
<!-- getAllCases: Image files for case 15: 15_1774558512_0.jpg,15_1774558512_1.jpg,15_1774558512_2.jpg,15_1774558513_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558512_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/15_1774558513_3.jpg -->
<!-- getAllCases: Total images added for case 15: 4 -->
<!-- getAllCases: Case ID 14: Renovering bad Aarhus  -->
<!-- getAllCases: Image files for case 14: 14_1774382847_0.jpg,14_1774382847_1.jpg,14_1774382848_2.jpg,14_1774382848_3.jpg,14_1774382848_4.jpg,14_1774382849_5.jpg,14_1774382849_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382847_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382847_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382848_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382849_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/14_1774382849_6.jpg -->
<!-- getAllCases: Total images added for case 14: 7 -->
<!-- getAllCases: Case ID 13: sofabord -->
<!-- getAllCases: Image files for case 13: 13_1770668447_0.jpg,13_1770668447_1.jpg,13_1770668447_2.jpg,13_1770668447_3.jpg,13_1770668447_4.jpg,13_1770668448_5.jpg,13_1770668448_6.jpg,13_1770668448_7.jpg,13_1770668448_8.jpg,13_1770668448_9.jpg,13_1770668448_10.jpg,13_1770668448_11.jpg,13_1770668448_12.jpg,13_1770668448_13.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668447_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_7.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_8.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_9.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_10.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_11.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_12.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/13_1770668448_13.jpg -->
<!-- getAllCases: Total images added for case 13: 14 -->
<!-- getAllCases: Case ID 10: Kælderrenovering -->
<!-- getAllCases: Image files for case 10: 10_1769601893_16.jpg,10_1769601893_0.jpg,10_1769601893_1.jpg,10_1769601893_2.jpg,10_1769601893_3.jpg,10_1769601893_4.jpg,10_1769601893_5.jpg,10_1769601893_6.jpg,10_1769601893_7.jpg,10_1769601893_8.jpg,10_1769601893_9.jpg,10_1769601893_10.jpg,10_1769601893_11.jpg,10_1769601893_12.jpg,10_1769601893_13.jpg,10_1769601893_14.jpg,10_1769601893_15.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_16.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_0.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_1.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_2.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_3.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_4.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_5.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_6.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_7.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_8.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_9.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_10.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_11.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_12.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_13.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_14.jpg -->
<!-- getAllCases: Image path constructed: /uploads/cases/10_1769601893_15.jpg -->
<!-- getAllCases: Total images added for case 10: 17 -->
<!DOCTYPE html>
<html lang="da">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">
    <title>Lille badeværelse – Murermester J Schwarz ApS</title>
    <meta name="description" content="Istedet for at skifte alt ud har kunden her valgt at bibeholde terrazzo gulvet, og har fundet nye tilsløre fliser der matcher de  lidt ældre stil. | Professionelt murerarbejde i Kolding og omegn.">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://murermesterjschwarz.dk/cases/lille-badev-relse">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
    
    <!-- Preload critical resources -->
    <link rel="preload" href="/css/style.css?v=1785050187" as="style">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" as="style">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://murermesterjschwarz.dk/cases/lille-badev-relse">
    <meta property="og:title" content="Lille badeværelse – Murermester J Schwarz ApS">
    <meta property="og:description" content="Istedet for at skifte alt ud har kunden her valgt at bibeholde terrazzo gulvet, og har fundet nye tilsløre fliser der matcher de  lidt ældre stil. | Professionelt murerarbejde i Kolding og omegn.">
    <meta property="og:image" content="https://murermesterjschwarz.dk/images/logo.png">
    <meta property="og:locale" content="da_DK">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Lille badeværelse – Murermester J Schwarz ApS">
    <meta name="twitter:description" content="Istedet for at skifte alt ud har kunden her valgt at bibeholde terrazzo gulvet, og har fundet nye tilsløre fliser der matcher de  lidt ældre stil. | Professionelt murerarbejde i Kolding og omegn.">
    <meta name="twitter:image" content="https://murermesterjschwarz.dk/images/logo.png">
    
    <!-- Inter Font with display=swap -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/style.css?v=1785050187">
    
    <!-- Schema.org Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "@id": "https://murermesterjschwarz.dk/#organization",
        "name": "Murermester J Schwarz ApS",
        "alternateName": "Schwarz Murer",
        "description": "Professionelt murerarbejde i Kolding og omegn",
        "url": "https://murermesterjschwarz.dk",
        "logo": "https://murermesterjschwarz.dk/images/logo.png",
        "image": "https://murermesterjschwarz.dk/images/logo.png",
        "telephone": "+45-31-13-91-88",
        "email": "murermesterjschwarz@gmail.com",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Kløvkærvej 5A",
            "addressLocality": "Kolding",
            "postalCode": "6000",
            "addressRegion": "Syddanmark",
            "addressCountry": "DK"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 55.4904,
            "longitude": 9.4721
        },
        "areaServed": [
            {
                "@type": "City",
                "name": "Kolding"
            },
            {
                "@type": "State",
                "name": "Midtjylland"
            },
            {
                "@type": "State",
                "name": "Syddanmark"
            }
        ],
        "priceRange": "475 kr/time",
        "currenciesAccepted": "DKK",
        "paymentAccepted": "Cash, Invoice, Bank Transfer",
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                "opens": "07:00",
                "closes": "16:00"
            }
        ],
        "identifier": {
            "@type": "PropertyValue",
            "name": "CVR",
            "value": "45909662"
        },
        "sameAs": [
            "https://www.facebook.com/profile.php?id=100064238951234"
        ]
    }
    </script>
</head>
<body>
    <nav class="navbar">
        <a class="navbar-brand" href="/">
            <picture>
                <source srcset="/images/logo.webp" type="image/webp">
                <img src="/images/logo.png" alt="Murermester J Schwarz ApS" loading="eager" fetchpriority="high">
            </picture>
        </a>
    </nav>

<div class="container py-5">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Forside</a></li>
            <li class="breadcrumb-item"><a href="/cases">Projekter</a></li>
            <li class="breadcrumb-item active" aria-current="page">Lille badeværelse</li>
        </ol>
    </nav>

    <h1 class="mb-4">Lille badeværelse</h1>
    
    <p class="text-muted mb-4">
        4 billeder &middot; 
        24. April 2026    </p>

    <!-- Image Gallery -->
    <div class="row g-3">
                    <div class="col-lg-6">
                <img src="/uploads/cases/16_1777061228_0.jpg" 
                     class="img-fluid rounded gallery-image" 
                     alt="Lille badeværelse – billede 1"
                     loading="eager"
                     width="800"
                     height="600">
            </div>
                    <div class="col-lg-6">
                <img src="/uploads/cases/16_1777061228_1.jpg" 
                     class="img-fluid rounded gallery-image" 
                     alt="Lille badeværelse – billede 2"
                     loading="eager"
                     width="800"
                     height="600">
            </div>
                    <div class="col-lg-6">
                <img src="/uploads/cases/16_1777061228_2.jpg" 
                     class="img-fluid rounded gallery-image" 
                     alt="Lille badeværelse – billede 3"
                     loading="lazy"
                     width="800"
                     height="600">
            </div>
                    <div class="col-lg-6">
                <img src="/uploads/cases/16_1777061229_3.jpg" 
                     class="img-fluid rounded gallery-image" 
                     alt="Lille badeværelse – billede 4"
                     loading="lazy"
                     width="800"
                     height="600">
            </div>
            </div>

    <div class="mt-5 text-center">
        <a href="/cases" class="btn btn-outline-primary">← Tilbage til alle projekter</a>
        <a href="/#kontakt" class="btn btn-primary">Kontakt os for lignende projekt</a>
    </div>
</div>

<script>
console.log('=== CASE DETAIL PAGE DEBUG ===');
console.log('Case:', 'Lille badeværelse');
console.log('Total images:', 4);
console.log('Image 0: /uploads/cases/16_1777061228_0.jpg');
fetch('/uploads/cases/16_1777061228_0.jpg', { method: 'HEAD' })
  .then(response => {
    if (response.ok) {
      console.log('  ✅ Image 0 accessible');
    } else {
      console.error('  ❌ Image 0 not found:', response.status, response.statusText);
      console.error('     Full path:', '/uploads/cases/16_1777061228_0.jpg');
      console.error('     Expected on server: /public_html/uploads/cases/16_1777061228_0.jpg');
    }
  })
  .catch(err => console.error('  ❌ Fetch error for image 0:', err));
console.log('Image 1: /uploads/cases/16_1777061228_1.jpg');
fetch('/uploads/cases/16_1777061228_1.jpg', { method: 'HEAD' })
  .then(response => {
    if (response.ok) {
      console.log('  ✅ Image 1 accessible');
    } else {
      console.error('  ❌ Image 1 not found:', response.status, response.statusText);
      console.error('     Full path:', '/uploads/cases/16_1777061228_1.jpg');
      console.error('     Expected on server: /public_html/uploads/cases/16_1777061228_1.jpg');
    }
  })
  .catch(err => console.error('  ❌ Fetch error for image 1:', err));
console.log('Image 2: /uploads/cases/16_1777061228_2.jpg');
fetch('/uploads/cases/16_1777061228_2.jpg', { method: 'HEAD' })
  .then(response => {
    if (response.ok) {
      console.log('  ✅ Image 2 accessible');
    } else {
      console.error('  ❌ Image 2 not found:', response.status, response.statusText);
      console.error('     Full path:', '/uploads/cases/16_1777061228_2.jpg');
      console.error('     Expected on server: /public_html/uploads/cases/16_1777061228_2.jpg');
    }
  })
  .catch(err => console.error('  ❌ Fetch error for image 2:', err));
console.log('Image 3: /uploads/cases/16_1777061229_3.jpg');
fetch('/uploads/cases/16_1777061229_3.jpg', { method: 'HEAD' })
  .then(response => {
    if (response.ok) {
      console.log('  ✅ Image 3 accessible');
    } else {
      console.error('  ❌ Image 3 not found:', response.status, response.statusText);
      console.error('     Full path:', '/uploads/cases/16_1777061229_3.jpg');
      console.error('     Expected on server: /public_html/uploads/cases/16_1777061229_3.jpg');
    }
  })
  .catch(err => console.error('  ❌ Fetch error for image 3:', err));
console.log('=== END CASE DETAIL DEBUG ===');
</script>

    <footer class="bg-dark text-white mt-5 py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5>Murermester J Schwarz</h5>
                    <p class="mb-1">CVR: 45909662</p>
                    <p class="mb-1">Kolding og omegn</p>
                    <p class="mb-0">&copy; 2026 Murermester J Schwarz. Alle rettigheder forbeholdes.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <p class="mb-2">
                        <a href="tel:+4531139188" class="text-white text-decoration-none">📞 +45 31 13 91 88</a>
                    </p>
                    <p class="mb-2">
                        <a href="mailto:murermesterjschwarz@gmail.com" class="text-white text-decoration-none">✉️ murermesterjschwarz@gmail.com</a>
                    </p>
                    <p class="mb-0">
                        <a href="/privatliv" class="text-white-50 text-decoration-none small">Privatlivspolitik</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
    
    <!-- EmailJS (deferred, only loaded when needed) -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js" defer></script>
    
    <!-- Navbar Scroll Effect -->
    <script>
        const nav = document.querySelector('.navbar');
        const hero = document.querySelector('.hero');
        
        if (nav && hero) {
            const heroHeight = hero.offsetHeight;
            
            window.addEventListener('scroll', () => {
                const scroll = window.scrollY;
                
                // Scale navbar vertikalt og logo proportionelt fra 1.0 til 0.5 baseret på scroll (0-120px)
                const scale = Math.max(0.5, 1 - (scroll / 120));
                nav.style.transform = `scaleY(${scale})`;
                
                // Logo skal kun scale i x-retningen (bredden) da højden allerede påvirkes af navbar's scaleY
                const logo = nav.querySelector('.navbar-brand img');
                if (logo) {
                    logo.style.transform = `scaleX(${scale})`;
                }
                
                // Dark mode når hero er scrollet helt væk under navbar
                const navbarHeight = 120 * scale; // Aktuel højde efter scaling
                const heroBottom = hero.getBoundingClientRect().bottom;
                if (heroBottom <= navbarHeight) {
                    nav.classList.add('dark');
                } else {
                    nav.classList.remove('dark');
                }
            }, { passive: true });
        }
    </script>
    
    <!-- Contact Form Handler -->
    <script>
        // Contact Form Validation and Submission
        (function() {
            const form = document.getElementById('contactForm');
            if (!form) return;
            
            // Rate limiting - max 1 submission per 60 seconds
            let lastSubmitTime = 0;
            const RATE_LIMIT_MS = 60000; // 60 seconds
            
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // Check honeypot field (anti-spam)
                const honeypot = form.querySelector('input[name="website"]');
                if (honeypot && honeypot.value !== '') {
                    console.log('Spam detected - honeypot filled');
                    return; // Silent fail for bots
                }
                
                // Rate limiting check
                const now = Date.now();
                if (now - lastSubmitTime < RATE_LIMIT_MS) {
                    const messageDiv = document.getElementById('formMessage');
                    messageDiv.className = 'alert alert-warning';
                    messageDiv.textContent = 'Vent venligst et minut før du sender igen.';
                    messageDiv.style.display = 'block';
                    return;
                }
                
                if (!form.checkValidity()) {
                    e.stopPropagation();
                    form.classList.add('was-validated');
                    return;
                }
                
                // Update last submit time
                lastSubmitTime = now;
                
                // Disable submit button
                const submitBtn = form.querySelector('button[type="submit"]');
                const originalText = submitBtn.textContent;
                submitBtn.disabled = true;
                submitBtn.textContent = 'Sender...';
                
                // Send form via AJAX to PHP backend
                const formData = new FormData(form);
                
                fetch('/api/send-contact.php', {
                    method: 'POST',
                    body: formData
                })
                    .then(response => response.json())
                    .then(data => {
                        const messageDiv = document.getElementById('formMessage');
                        
                        if (data.success) {
                            // Show success message
                            messageDiv.className = 'alert alert-success';
                            messageDiv.textContent = data.message;
                            messageDiv.style.display = 'block';
                            
                            // Scroll to message
                            messageDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
                            
                            // Reset form
                            form.reset();
                            form.classList.remove('was-validated');
                            
                            // Hide message after 8 seconds
                            setTimeout(() => {
                                messageDiv.style.display = 'none';
                            }, 8000);
                        } else {
                            // Show error message
                            messageDiv.className = 'alert alert-danger';
                            messageDiv.textContent = data.message;
                            messageDiv.style.display = 'block';
                            
                            // Scroll to message
                            messageDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
                        }
                        
                        // Re-enable button
                        submitBtn.disabled = false;
                        submitBtn.textContent = originalText;
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        
                        // Show error message
                        const messageDiv = document.getElementById('formMessage');
                        messageDiv.className = 'alert alert-danger';
                        messageDiv.textContent = 'Der opstod en fejl. Prøv venligst igen eller ring direkte.';
                        messageDiv.style.display = 'block';
                        
                        // Re-enable button
                        submitBtn.disabled = false;
                        submitBtn.textContent = originalText;
                        
                        // Reset rate limit on error
                        lastSubmitTime = 0;
                    });
            });
        })();
    </script>

    <!-- Messenger Button -->
    <a href="https://m.me/805790422622611" target="_blank" class="messenger-bubble" title="Send besked på Messenger">
      <svg viewBox="0 0 24 24" width="28" height="28" fill="white">
        <path d="M12,2C6.36,2,2,6.13,2,11.7c0,2.91,1.19,5.44,3.14,7.17c0.16,0.13,0.26,0.32,0.27,0.52l0.05,1.61 c0.02,0.5,0.53,0.83,0.98,0.64l1.78-0.71c0.15-0.06,0.33-0.07,0.49-0.02c0.85,0.27,1.76,0.42,2.71,0.42c5.36,0,9.71-4.13,9.71-9.23 C21.86,6.13,17.5,2,12,2z M13.03,14.41l-2.44-2.56c-0.28-0.29-0.74-0.29-1.02,0l-2.63,2.56c-0.25,0.25-0.65,0.05-0.64-0.31 l0.71-3.55c0.05-0.23,0.23-0.41,0.46-0.46l3.55-0.71c0.36-0.07,0.56,0.39,0.31,0.64l-2.56,2.63c-0.29,0.28-0.29,0.74,0,1.02 l2.56,2.44c0.25,0.25,0.05,0.65-0.31,0.64l-3.55-0.71c-0.23-0.05-0.41-0.23-0.46-0.46l-0.71-3.55c-0.07-0.36,0.39-0.56,0.64-0.31 l2.63,2.56c0.28,0.29,0.74,0.29,1.02,0l2.44-2.56C13.28,13.76,13.48,14.16,13.03,14.41z"/>
      </svg>
    </a>
    <style>
      .messenger-bubble {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, #00B2FF 0%, #006AFF 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0,106,255,0.4);
        z-index: 9999;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        text-decoration: none;
      }
      .messenger-bubble:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 16px rgba(0,106,255,0.6);
      }
    </style>

    <!-- Build Timestamp -->
    <script>
        const buildDate = '2026-07-26 09:16:27';
        const buildTimestamp = 1785050187;
        console.log('%c🚀 Build Info', 'color: #00B2FF; font-weight: bold; font-size: 14px;');
        console.log('Build Date:', buildDate);
        console.log('Build Timestamp:', buildTimestamp);
        console.log('Current Time:', new Date().toISOString());
        console.log('Time since build:', Math.floor((Date.now() - buildTimestamp * 1000) / 1000), 'seconds');
        console.log('─'.repeat(50));
    </script>