<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DreamBG Holiday Apartments Sozopol 2024 | Best Beachfront Accommodation Bulgaria</title>
    <meta name="description" content="Stay at DreamBG Holiday Apartments - Sozopol's premier beachfront accommodation. Luxury sea view apartments with direct beach access, modern amenities, and authentic Bulgarian hospitality. Book directly for best rates.">
    <meta name="keywords" content="DreamBG apartments Sozopol, best hotels Sozopol, beachfront accommodation Bulgaria, sea view apartments Sozopol, luxury holiday rentals Black Sea, Sozopol booking, vacation apartments Bulgaria, Santa Marina Holiday Village">
    
    <!-- Schema.org structured data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LodgingBusiness",
        "name": "DreamBG Holiday Apartments",
        "description": "Premier beachfront accommodation in Sozopol with luxury apartments and direct beach access",
        "url": "https://sozopolapartment.com/accommodation.html",
        "telephone": "+359898848498",
        "email": "info@sozopolapartment.com",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "407/13 Santa Marina H.V.",
            "addressLocality": "Sozopol",
            "postalCode": "8130",
            "addressCountry": "BG"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 42.4167,
            "longitude": 27.6933
        },
        "amenityFeature": [
            {"@type": "LocationFeatureSpecification", "name": "Beach Access"},
            {"@type": "LocationFeatureSpecification", "name": "Sea View"},
            {"@type": "LocationFeatureSpecification", "name": "Swimming Pool"},
            {"@type": "LocationFeatureSpecification", "name": "Free WiFi"},
            {"@type": "LocationFeatureSpecification", "name": "Air Conditioning"},
            {"@type": "LocationFeatureSpecification", "name": "Kitchen"}
        ],
        "starRating": {
            "@type": "Rating",
            "ratingValue": "5"
        },
        "priceRange": "€€€"
    }
    </script>

    <link rel="canonical" href="https://sozopolapartment.com/accommodation.html">
    <link rel="stylesheet" href="styles.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            /* Light Mode - Summer Colors */
            --primary: #0066cc;
            --primary-light: #4da6ff;
            --accent: #00d4ff;
            --accent-light: #b3f0ff;
            --text: #1a1a1a;
            --text-light: #666666;
            --bg: #ffffff;
            --bg-light: #f0f9ff;
            --card-bg: #ffffff;
            --shadow: rgba(0, 102, 204, 0.1);
            --wave-color: rgba(0, 212, 255, 0.3);
            --sun-color: rgba(255, 215, 0, 0.4);
            
            /* Transitions */
            --transition: all 0.3s ease;
        }

        [data-theme="dark"] {
            /* Soft Dark Mode - Elegant Night */
            --primary: #3b82f6;
            --primary-light: #60a5fa;
            --accent: #06b6d4;
            --accent-light: #67e8f9;
            --text: #f1f5f9;
            --text-light: #cbd5e1;
            --bg: #1e293b;
            --bg-light: #334155;
            --card-bg: #475569;
            --shadow: rgba(59, 130, 246, 0.15);
            --wave-color: rgba(6, 182, 212, 0.3);
            --sun-color: rgba(251, 191, 36, 0.4);
        }

        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--text);
            background: var(--bg);
            margin: 0;
            padding: 0;
            transition: var(--transition);
        }

        /* Navigation Styles - Exact Match to Main Homepage */
        .main-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: var(--card-bg);
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            box-shadow: 0 8px 25px var(--shadow);
            z-index: 1000;
            transition: var(--transition);
            border-bottom: 1px solid rgba(0, 102, 204, 0.1);
            height: auto;
            min-height: 80px;
            display: flex;
            align-items: center;
        }

        [data-theme="dark"] .main-nav {
            border-bottom-color: rgba(56, 189, 248, 0.2);
        }

        .nav-container {
            max-width: 1400px;
            width: 100%;
            margin: 0 auto;
            padding: 18px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            flex-wrap: nowrap;
        }

        .nav-controls {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
            position: relative;
            z-index: 100;
        }

        .control-group {
            display: flex;
            align-items: center;
            gap: 6px;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            padding: 4px;
            border-radius: 25px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        [data-theme="dark"] .control-group {
            background: rgba(56, 189, 248, 0.05);
            border-color: rgba(56, 189, 248, 0.15);
        }

        .nav-logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            white-space: nowrap;
            min-width: 180px;
            line-height: 1.2;
        }

        .nav-logo:hover {
            transform: scale(1.05);
            text-decoration: none;
        }

        .logo-image {
            height: 45px;
            width: auto;
            max-width: 200px;
            object-fit: contain;
            transition: var(--transition);
            filter: brightness(1.1);
        }

        [data-theme="dark"] .logo-image {
            filter: brightness(1.3) contrast(1.1);
        }

        .nav-logo:hover .logo-image {
            transform: scale(1.05);
            filter: brightness(1.2);
        }

        [data-theme="dark"] .nav-logo:hover .logo-image {
            filter: brightness(1.4) contrast(1.2);
        }

        .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            gap: 35px;
            align-items: center;
            flex: 1;
            justify-content: center;
        }

        .nav-item a {
            color: var(--text);
            text-decoration: none;
            font-weight: 600;
            font-size: 16px !important;
            transition: all 0.3s ease;
            position: relative;
            padding: 12px 16px;
            border-radius: 12px;
            letter-spacing: 0.3px;
            white-space: nowrap;
            line-height: 1.2;
        }

        /* Ensure consistent emoji rendering */
        .nav-item a:first-child,
        .nav-item a::before {
            font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", serif;
            font-size: 16px !important;
        }

        .nav-item a::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);
            opacity: 0;
            border-radius: 12px;
            transition: all 0.3s ease;
            z-index: -1;
        }

        .nav-item a::after {
            content: '';
            position: absolute;
            bottom: 4px;
            left: 50%;
            width: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transform: translateX(-50%);
            border-radius: 2px;
        }

        .nav-item a:hover::before {
            opacity: 0.1;
        }

        .nav-item a:hover::after,
        .nav-item a.active::after {
            width: calc(100% - 32px);
        }

        .nav-item a:hover {
            color: var(--primary);
            text-decoration: none;
            transform: translateY(-2px);
        }

        .nav-item a.active {
            color: var(--primary) !important;
            background: rgba(0, 102, 204, 0.05) !important;
            font-weight: 700 !important;
        }

        [data-theme="dark"] .nav-item a.active {
            color: var(--accent) !important;
            background: rgba(6, 182, 212, 0.1) !important;
        }

        .nav-cta {
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            color: white !important;
            padding: 16px 32px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 16px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 8px 25px rgba(0, 102, 204, 0.3);
            position: relative;
            overflow: hidden;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .nav-cta::before {
            content: '📞';
            margin-right: 8px;
            font-size: 16px;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .nav-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 35px rgba(0, 102, 204, 0.35);
            color: white !important;
            text-decoration: none;
        }

        /* Theme Toggle - Match Main Page */
        .theme-toggle {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(6, 182, 212, 0.15));
            backdrop-filter: blur(10px);
            padding: 8px;
            border-radius: 50%;
            border: 1.5px solid rgba(59, 130, 246, 0.3);
            transition: all 0.3s ease;
            cursor: pointer;
            width: 36px;
            height: 36px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 10px rgba(59, 130, 246, 0.15);
            position: relative;
            z-index: 999;
            flex-shrink: 0;
        }

        [data-theme="dark"] .theme-toggle {
            background: linear-gradient(135deg, rgba(30, 64, 175, 0.2), rgba(59, 130, 246, 0.2));
            border-color: rgba(6, 182, 212, 0.4);
            box-shadow: 0 2px 10px rgba(6, 182, 212, 0.2);
        }

        .theme-toggle:hover {
            transform: scale(1.08);
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(6, 182, 212, 0.25));
            border-color: rgba(59, 130, 246, 0.5);
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.25);
        }

        .theme-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            transition: all 0.3s ease;
            color: var(--primary);
            line-height: 1;
        }

        [data-theme="dark"] .theme-icon {
            color: var(--accent);
        }

        .theme-toggle:hover .theme-icon {
            transform: rotate(15deg) scale(1.1);
            color: var(--primary-light);
        }

        [data-theme="dark"] .theme-toggle:hover .theme-icon {
            color: var(--accent-light);
        }

        /* Language Switcher - Match Main Page */
        .language-switcher {
            display: flex;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
        }

        [data-theme="dark"] .language-switcher {
            background: rgba(56, 189, 248, 0.1);
            border-color: rgba(56, 189, 248, 0.2);
        }

        .language-option {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 6px 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 12px;
            font-weight: 600;
            color: var(--text);
            background: transparent;
        }

        .language-option:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.05);
        }

        [data-theme="dark"] .language-option:hover {
            background: rgba(56, 189, 248, 0.2);
        }

        .language-option.active {
            background: var(--primary);
            color: white;
            box-shadow: 0 2px 8px rgba(0, 102, 204, 0.3);
        }

        [data-theme="dark"] .language-option.active {
            background: var(--accent);
            box-shadow: 0 2px 8px rgba(6, 182, 212, 0.3);
        }

        .flag-icon {
            width: 16px;
            height: 12px;
            object-fit: cover;
            border-radius: 2px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        }

        /* Mobile Navigation - Enhanced like main page */
        .mobile-toggle {
            display: none;
            background: none;
            border: none;
            color: var(--text);
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
        }

        @media (max-width: 768px) {
            .nav-menu {
                position: fixed;
                top: 80px;
                left: 0;
                width: 100%;
                height: calc(100vh - 80px);
                background: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(25px);
                -webkit-backdrop-filter: blur(25px);
                flex-direction: column;
                padding: 30px 20px;
                gap: 20px;
                visibility: hidden;
                opacity: 0;
                transform: translateX(-100%);
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 0 15px 50px rgba(0, 102, 204, 0.2);
                border-bottom: 1px solid rgba(0, 102, 204, 0.1);
                z-index: 9999;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }

            [data-theme="dark"] .nav-menu {
                background: rgba(15, 23, 42, 0.98);
                box-shadow: 0 15px 50px rgba(56, 189, 248, 0.2);
                border-bottom-color: rgba(56, 189, 248, 0.2);
            }

            .nav-menu.active {
                visibility: visible;
                opacity: 1;
                transform: translateX(0);
            }

            .mobile-toggle {
                display: block;
                color: var(--primary);
                font-size: 22px;
                transition: all 0.3s ease;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 8px;
                width: 44px;
                height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }

            .nav-cta {
                align-self: center;
                margin-top: 20px;
                width: calc(100% - 40px);
                max-width: 280px;
                text-align: center;
                padding: 16px 24px;
                font-size: 16px;
            }

            .nav-item {
                width: 100%;
                margin: 8px 0;
            }

            .nav-item a {
                padding: 18px 24px;
                font-size: 18px;
                text-align: center;
                border-radius: 16px;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.1);
                display: block;
                width: 100%;
                box-sizing: border-box;
                transition: all 0.3s ease;
                color: inherit;
                text-decoration: none;
                min-height: 48px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .nav-item a:hover {
                background: rgba(255, 255, 255, 0.2);
                border-color: rgba(255, 255, 255, 0.3);
                transform: translateY(-2px);
            }
        }

        .page-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            color: white;
            padding: 120px 0 80px;
            text-align: center;
            margin-top: 80px;
        }

        .content-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
        }

        .main-content {
            background: var(--card-bg);
            border-radius: 15px;
            padding: 50px;
            box-shadow: 0 8px 25px var(--shadow);
        }

        .content-section {
            margin-bottom: 50px;
        }

        .content-section h2 {
            color: var(--primary);
            font-size: 2.2rem;
            margin-bottom: 25px;
            border-bottom: 3px solid var(--primary);
            padding-bottom: 15px;
        }

        .apartment-card {
            background: var(--bg-light);
            border-radius: 12px;
            padding: 30px;
            margin: 30px 0;
            border: 1px solid rgba(0,0,0,0.1);
            transition: var(--transition);
        }

        [data-theme="dark"] .apartment-card {
            border-color: rgba(255,255,255,0.1);
        }

        .apartment-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px var(--shadow);
        }

        .highlight-box {
            background: linear-gradient(135deg, var(--bg-light) 0%, var(--card-bg) 100%);
            border-left: 4px solid var(--primary);
            padding: 25px;
            margin: 30px 0;
            border-radius: 10px;
        }

        .breadcrumb {
            background: var(--card-bg);
            padding: 15px 0;
            box-shadow: 0 2px 4px var(--shadow);
        }

        .breadcrumb-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .breadcrumb a {
            color: var(--primary);
            text-decoration: none;
        }

        /* Footer Styles */
        .footer {
            background: var(--bg-light);
            color: var(--text);
            padding: 50px 0 30px;
            margin-top: 60px;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-bottom: 30px;
        }

        .footer h4 {
            color: var(--primary);
            margin-bottom: 15px;
        }

        .footer ul {
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 1.8;
        }

        .footer a {
            color: var(--text-light);
            text-decoration: none;
            transition: var(--transition);
        }

        .footer a:hover {
            color: var(--primary);
        }

        .footer-bottom {
            border-top: 1px solid rgba(0,0,0,0.1);
            padding-top: 20px;
            text-align: center;
        }

        [data-theme="dark"] .footer-bottom {
            border-color: rgba(255,255,255,0.1);
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="main-nav">
        <div class="nav-container">
            <!-- Logo - Left Side -->
            <a href="index.html" class="nav-logo">
                <img src="logo.png" alt="DreamBg Apartments" class="logo-image">
            </a>
            
            <ul class="nav-menu" id="navMenu">
                <li class="nav-item"><a href="index.html">🏠 <span data-en="Home" data-bg="Начало">Home</span></a></li>
                <li class="nav-item"><a href="about-sozopol.html">🏛️ <span data-en="About Sozopol" data-bg="За Созопол">About Sozopol</span></a></li>
                <li class="nav-item"><a href="sozopol-beaches.html">🏖️ <span data-en="Beaches" data-bg="Плажове">Beaches</span></a></li>
                <li class="nav-item"><a href="sozopol-restaurants.html">🍽️ <span data-en="Dining" data-bg="Ресторанти">Dining</span></a></li>
                <li class="nav-item"><a href="sozopol-travel-guide.html">🗺️ <span data-en="Travel Guide" data-bg="Пътеводител">Travel Guide</span></a></li>
                <li class="nav-item">
                    <a href="accommodation.html" class="nav-cta"><span data-en="Call Now" data-bg="Обадете се">Call Now</span></a>
                </li>
            </ul>

            <!-- Right Side Controls -->
            <div class="nav-controls">
                <!-- Control Group: Language & Theme -->
                <div class="control-group">
                    <div class="language-switcher" id="languageSwitcher">
                        <div class="language-option active" data-lang="en" title="English">
                            <img src="https://flagcdn.com/w20/gb.png" alt="EN" class="flag-icon">
                            <span>EN</span>
                        </div>
                        <div class="language-option" data-lang="bg" title="Български">
                            <img src="https://flagcdn.com/w20/bg.png" alt="BG" class="flag-icon">
                            <span>BG</span>
                        </div>
                    </div>
                    <div class="theme-toggle" onclick="toggleTheme()" title="Toggle Theme">
                        <i class="fas fa-sun theme-icon" id="themeIcon"></i>
                    </div>
                </div>
            </div>
            
            <button class="mobile-toggle" id="mobileToggle" onclick="toggleMobileMenu()">
            </button>
        </div>
    </nav>

    <!-- Page Header -->
    <header class="page-header">
        <div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
            <h1 class="page-title"><span data-en="🏨 DreamBG Holiday Apartments" data-bg="🏨 DreamBG Ваканционни Апартаменти">🏨 DreamBG Holiday Apartments</span></h1>
            <p style="font-size: 1.3rem; opacity: 0.9;"><span data-en="Sozopol's Premier Beachfront Accommodation - Where Luxury Meets Bulgarian Hospitality" data-bg="Първокласното крайбрежно настаняване на Созопол - където луксът среща българското гостоприемство">Sozopol's Premier Beachfront Accommodation - Where Luxury Meets Bulgarian Hospitality</span></p>
        </div>
    </header>

    <!-- Breadcrumb -->
    <nav class="breadcrumb">
        <div class="breadcrumb-container">
            <a href="index.html">🏠 <span data-en="Home" data-bg="Начало">Home</span></a> &gt; 
            <span data-en="Our Accommodation" data-bg="Нашето настаняване">Our Accommodation</span>
        </div>
    </nav>

    <!-- Main Content -->
    <div class="content-wrapper">
        <main class="main-content">
            <!-- Introduction -->
            <section class="content-section">
                <h2><span data-en="🌟 Welcome to DreamBG Holiday Apartments" data-bg="🌟 Добре дошли в DreamBG Ваканционни Апартаменти">🌟 Welcome to DreamBG Holiday Apartments</span></h2>
                <p style="font-size: 1.1rem;"><span data-en="Experience the pinnacle of beachfront luxury at" data-bg="Изживейте върха на крайбрежния лукс в">Experience the pinnacle of beachfront luxury at</span> <strong><span data-en="DreamBG Holiday Apartments" data-bg="DreamBG Ваканционни Апартаменти">DreamBG Holiday Apartments</span></strong>, <span data-en="Sozopol's most prestigious accommodation destination. Located at" data-bg="най-престижната дестинация за настаняване в Созопол. Разположени на">Sozopol's most prestigious accommodation destination. Located at</span> <strong>407/13 Santa Marina H.V., Sozopol 8130, Bulgaria</strong>, <span data-en="our premium apartments offer unparalleled comfort, stunning Black Sea views, and direct access to Bulgaria's most beautiful beaches." data-bg="нашите премиум апартаменти предлагат несравнимо удобство, зашеметяваща гледка към Черно море и директен достъп до най-красивите плажове на България.">our premium apartments offer unparalleled comfort, stunning Black Sea views, and direct access to Bulgaria's most beautiful beaches.</span></p>
                
                <div class="price-highlight">
                    <strong><span data-en="💰 Best Rate Guarantee:" data-bg="💰 Гаранция за най-добра цена:">💰 Best Rate Guarantee:</span></strong> <span data-en="Book directly with us and save up to 25% compared to booking platforms. No hidden fees, no commission charges - just exceptional value and personal service." data-bg="Резервирайте директно при нас и спестете до 25% в сравнение с платформите за резервации. Никакви скрити такси, никакви комисионни - само изключителна стойност и персонално обслужване.">Book directly with us and save up to 25% compared to booking platforms. No hidden fees, no commission charges - just exceptional value and personal service.</span>
                </div>
            </section>

            <!-- Contact & Location -->
            <section class="content-section">
                <h2>📍 Our Location & Contact</h2>
                
                <div style="background: #e6f3ff; padding: 30px; border-radius: 15px; margin: 30px 0; color: #1a1a1a;">
                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
                        <div>
                            <h4 style="color: #667eea; margin-bottom: 15px;">🏢 Official Address</h4>
                            <p style="font-size: 1.1rem; line-height: 1.8;">
                                <strong>DreamBG Apartments</strong><br>
                                407/13 Santa Marina H.V.<br>
                                Sozopol 8130<br>
                                Bulgaria
                            </p>
                        </div>
                        
                        <div>
                            <h4 style="color: #667eea; margin-bottom: 15px;">📞 Contact Information</h4>
                            <p style="font-size: 1.1rem; line-height: 1.8;">
                                <strong>Phone:</strong> +359 898 848 498<br>
                                <strong>Email:</strong> info@sozopolapartment.com<br>
                                <strong>Website:</strong> sozopolapartment.com
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Why Choose DreamBG -->
            <section class="content-section">
                <h2>🏆 Why Choose DreamBG Holiday Apartments?</h2>
                
                <div class="amenity-grid">
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">🏖️</div>
                        <h4>Prime Beachfront Location</h4>
                        <p>Just 50 meters from Harmani Beach with direct access to Bulgaria's finest Blue Flag certified coastline.</p>
                    </div>
                    
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">🌊</div>
                        <h4>Stunning Sea Views</h4>
                        <p>Wake up to panoramic Black Sea vistas from your private balcony. Every apartment features unobstructed ocean views.</p>
                    </div>
                    
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">🏛️</div>
                        <h4>UNESCO Heritage Access</h4>
                        <p>Walk to Sozopol's ancient old town in 5 minutes. Explore 6000 years of history right from your doorstep.</p>
                    </div>
                    
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">🍽️</div>
                        <h4>Culinary Excellence</h4>
                        <p>Steps from Sozopol's finest restaurants, plus fully equipped kitchens for those who love to cook.</p>
                    </div>
                    
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">🎯</div>
                        <h4>Modern Luxury</h4>
                        <p>Contemporary design meets traditional Bulgarian charm. Air conditioning, WiFi, and premium furnishings throughout.</p>
                    </div>
                    
                    <div class="amenity-item">
                        <div style="font-size: 2rem; margin-bottom: 10px;">👨‍💼</div>
                        <h4>Personal Concierge</h4>
                        <p>24/7 local support, airport transfers, restaurant reservations, and insider tips from our expert team.</p>
                    </div>
                </div>
            </section>

            <!-- Apartment Types -->
            <section class="content-section">
                <h2>🏠 Our Luxury Apartments</h2>
                
                <!-- Sea View Studio -->
                <div class="apartment-card">
                    <h3>🌊 Sea View Studio Apartment</h3>
                    <p style="color: #28a745; font-weight: 600; font-size: 1.2rem;">From €65/night | Best Value</p>
                    
                    <p>Perfect for couples seeking romance and comfort. Our spacious studio apartments feature modern design, premium amenities, and breathtaking sea views from your private balcony.</p>
                    
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;">
                        <div>
                            <h4>🛏️ Sleeping Arrangements:</h4>
                            <ul>
                                <li>Queen-size bed with premium linens</li>
                                <li>Sleeps 2 guests comfortably</li>
                                <li>Sofa bed available for extra guest</li>
                            </ul>
                        </div>
                        <div>
                            <h4>🏠 Features & Amenities:</h4>
                            <ul>
                                <li>Private balcony with sea views</li>
                                <li>Fully equipped kitchenette</li>
                                <li>Air conditioning & heating</li>
                                <li>Free high-speed WiFi</li>
                                <li>Flat-screen TV with cable</li>
                                <li>Private bathroom with shower</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- One Bedroom Apartment -->
                <div class="apartment-card">
                    <h3>🏖️ One Bedroom Beachfront Apartment</h3>
                    <p style="color: #28a745; font-weight: 600; font-size: 1.2rem;">From €95/night | Most Popular</p>
                    
                    <p>Ideal for small families or couples wanting extra space. These apartments offer separate bedroom, living area, and spectacular beachfront location with premium amenities.</p>
                    
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;">
                        <div>
                            <h4>🛏️ Sleeping Arrangements:</h4>
                            <ul>
                                <li>Master bedroom with king-size bed</li>
                                <li>Living room with double sofa bed</li>
                                <li>Sleeps up to 4 guests</li>
                            </ul>
                        </div>
                        <div>
                            <h4>🏠 Features & Amenities:</h4>
                            <ul>
                                <li>Large sea-view balcony with furniture</li>
                                <li>Full kitchen with dining area</li>
                                <li>Air conditioning in all rooms</li>
                                <li>Free WiFi throughout</li>
                                <li>Satellite TV & music system</li>
                                <li>Bathroom with bathtub</li>
                                <li>Beach equipment provided</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Two Bedroom Apartment -->
                <div class="apartment-card">
                    <h3>👨‍👩‍👧‍👦 Two Bedroom Family Apartment</h3>
                    <p style="color: #28a745; font-weight: 600; font-size: 1.2rem;">From €135/night | Family Favorite</p>
                    
                    <p>Perfect for families and groups seeking space and comfort. These spacious apartments offer multiple bedrooms, panoramic sea views, and all the amenities needed for an unforgettable holiday.</p>
                    
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;">
                        <div>
                            <h4>🛏️ Sleeping Arrangements:</h4>
                            <ul>
                                <li>Master bedroom with king-size bed</li>
                                <li>Second bedroom with twin beds</li>
                                <li>Living room with sofa bed</li>
                                <li>Sleeps up to 6 guests</li>
                            </ul>
                        </div>
                        <div>
                            <h4>🏠 Features & Amenities:</h4>
                            <ul>
                                <li>Expansive sea-view terrace</li>
                                <li>Full modern kitchen</li>
                                <li>Two bathrooms (one en-suite)</li>
                                <li>Air conditioning throughout</li>
                                <li>Free WiFi & entertainment</li>
                                <li>Washing machine & dryer</li>
                                <li>Beach towels & equipment</li>
                                <li>Welcome refreshments</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Booking Information -->
            <div class="booking-cta">
                <h2>📞 Reserve Your Perfect Holiday Today</h2>
                <p style="font-size: 1.1rem; margin-bottom: 30px;">Experience the best of Sozopol at DreamBG Holiday Apartments. Book directly for guaranteed best rates, personal service, and exclusive perks.</p>
                
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0;">
                    <div>
                        <h4>📞 Call Direct</h4>
                        <p style="font-size: 1.2rem; font-weight: 600;">+359 898 848 498</p>
                    </div>
                    <div>
                        <h4>📧 Email Us</h4>
                        <p style="font-size: 1.1rem;">info@sozopolapartment.com</p>
                    </div>
                    <div>
                        <h4>💰 Best Rate</h4>
                        <p>25% savings vs booking sites</p>
                    </div>
                    <div>
                        <h4>🎁 Direct Booking Perks</h4>
                        <p>Free airport transfer & welcome gift</p>
                    </div>
                </div>
                
                <div style="margin-top: 40px;">
                    <a href="tel:+359898848498" style="background: rgba(255,255,255,0.2); color: white; padding: 15px 30px; border: 2px solid white; border-radius: 30px; text-decoration: none; font-weight: 600; display: inline-block; margin: 10px;">📞 Call Now</a>
                    <a href="mailto:info@sozopolapartment.com" style="background: rgba(255,255,255,0.2); color: white; padding: 15px 30px; border: 2px solid white; border-radius: 30px; text-decoration: none; font-weight: 600; display: inline-block; margin: 10px;">📧 Email Us</a>
                </div>
            </div>
        </main>
    </div>

    <!-- Footer -->
    <footer style="background: #2d3748; color: white; padding: 50px 0 30px; margin-top: 60px;">
        <div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 30px;">
                <div>
                    <h4 style="color: #667eea; margin-bottom: 15px;"><span data-en="DreamBG Holiday Apartments" data-bg="DreamBG Ваканционни Апартаменти">DreamBG Holiday Apartments</span></h4>
                    <p style="line-height: 1.6;"><span data-en="Premium beachfront accommodation in Sozopol." data-bg="Премиум крайбрежно настаняване в Созопол.">Premium beachfront accommodation in Sozopol.</span></p>
                    <p><strong>📍</strong> 407/13 Santa Marina H.V., Sozopol 8130, Bulgaria</p>
                    <p><strong>📞</strong> +359 898 848 498</p>
                    <p><strong>📧</strong> info@sozopolapartment.com</p>
                </div>
                
                <div>
                    <h4 style="color: #667eea; margin-bottom: 15px;"><span data-en="Explore Sozopol" data-bg="Разгледайте Созопол">Explore Sozopol</span></h4>
                    <ul style="list-style: none; padding: 0; line-height: 1.8;">
                        <li><a href="about-sozopol.html" style="color: #cbd5e0;"><span data-en="About Sozopol" data-bg="За Созопол">About Sozopol</span></a></li>
                        <li><a href="sozopol-beaches.html" style="color: #cbd5e0;"><span data-en="Best Beaches" data-bg="Най-добри плажове">Best Beaches</span></a></li>
                        <li><a href="sozopol-restaurants.html" style="color: #cbd5e0;"><span data-en="Restaurants & Dining" data-bg="Ресторанти и хранене">Restaurants & Dining</span></a></li>
                        <li><a href="sozopol-travel-guide.html" style="color: #cbd5e0;"><span data-en="Complete Travel Guide" data-bg="Пълен пътеводител">Complete Travel Guide</span></a></li>
                        <li><a href="accommodation.html" style="color: #cbd5e0;"><span data-en="Our Apartments" data-bg="Нашите апартаменти">Our Apartments</span></a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 style="color: #667eea; margin-bottom: 15px;"><span data-en="Legal & Support" data-bg="Правни въпроси и поддръжка">Legal & Support</span></h4>
                    <ul style="list-style: none; padding: 0; line-height: 1.8;">
                        <li><a href="terms.html" style="color: #cbd5e0;"><span data-en="Terms & Conditions" data-bg="Общи условия">Terms & Conditions</span></a></li>
                        <li><a href="privacy.html" style="color: #cbd5e0;"><span data-en="Privacy Policy" data-bg="Политика за поверителност">Privacy Policy</span></a></li>
                        <li><a href="contact.html" style="color: #cbd5e0;"><span data-en="Contact Us" data-bg="Свържете се с нас">Contact Us</span></a></li>
                        <li><a href="sitemap.xml" style="color: #cbd5e0;"><span data-en="Sitemap" data-bg="Карта на сайта">Sitemap</span></a></li>
                    </ul>
                </div>
            </div>
            
            <div style="border-top: 1px solid #4a5568; padding-top: 20px; text-align: center;">
                <p><span data-en="&copy; 2024 DreamBG Holiday Apartments, Sozopol. All Rights Reserved." data-bg="&copy; 2024 DreamBG Ваканционни Апартаменти, Созопол. Всички права запазени.">&copy; 2024 DreamBG Holiday Apartments, Sozopol. All Rights Reserved.</span></p>
            </div>
        </div>
    </footer>

    <script>
        // Theme toggle functionality
        function toggleTheme() {
            const html = document.documentElement;
            const themeIcon = document.getElementById('themeIcon');
            
            if (html.getAttribute('data-theme') === 'dark') {
                html.setAttribute('data-theme', 'light');
                themeIcon.className = 'fas fa-sun theme-icon';
                localStorage.setItem('theme', 'light');
            } else {
                html.setAttribute('data-theme', 'dark');
                themeIcon.className = 'fas fa-moon theme-icon';
                localStorage.setItem('theme', 'dark');
            }
        }

        // Load saved theme on page load
        document.addEventListener('DOMContentLoaded', function() {
            const savedTheme = localStorage.getItem('theme') || 'light';
            const html = document.documentElement;
            const themeIcon = document.getElementById('themeIcon');
            
            html.setAttribute('data-theme', savedTheme);
            if (savedTheme === 'dark') {
                themeIcon.className = 'fas fa-moon theme-icon';
            } else {
                themeIcon.className = 'fas fa-sun theme-icon';
            }
        });

        // Mobile menu toggle
        function toggleMobileMenu() {
            const navMenu = document.getElementById('navMenu');
            const mobileToggle = document.getElementById('mobileToggle');
            
            navMenu.classList.toggle('active');
        }

        // Close mobile menu when clicking outside
        document.addEventListener('click', function(event) {
            const navMenu = document.getElementById('navMenu');
            const mobileToggle = document.getElementById('mobileToggle');
            const navbar = document.querySelector('.main-nav');
            
            if (!navbar.contains(event.target) && navMenu.classList.contains('active')) {
                toggleMobileMenu();
            }
        });

        // Browser language detection
        function detectLanguage() {
            const userLang = navigator.language || navigator.userLanguage;
            return userLang.toLowerCase().includes('bg') ? 'bg' : 'en';
        }

        // Language switching functionality
        let currentLang = localStorage.getItem('preferred_language') || detectLanguage();
        
        function switchLanguage(lang) {
            currentLang = lang;
            localStorage.setItem('preferred_language', lang);
            
            // Update all translatable elements
            const elements = document.querySelectorAll('[data-en][data-bg]');
            elements.forEach(element => {
                if (lang === 'bg') {
                    element.textContent = element.getAttribute('data-bg');
                } else {
                    element.textContent = element.getAttribute('data-en');
                }
            });
            
            // Update language switcher active state
            document.querySelectorAll('.language-option').forEach(option => {
                option.classList.remove('active');
            });
            document.querySelector(`[data-lang="${lang}"]`).classList.add('active');
        }
        
        // Language switcher event listeners
        document.addEventListener('DOMContentLoaded', function() {
            // Set initial language
            switchLanguage(currentLang);
            
            // Add click events to language options
            document.querySelectorAll('.language-option').forEach(option => {
                option.addEventListener('click', function() {
                    const lang = this.getAttribute('data-lang');
                    switchLanguage(lang);
                });
            });
        });
    </script>
</body>
</html>