:root {
            --primary: #1f2e4e; 
            --accent: #007bff; 
            --light-gray: #f3f4f6;
        }


        /* 1. EURO HERO */
        .euro-hero {
            position: relative;
            background: linear-gradient(90deg, rgba(31, 46, 78, 0.9) 0%, rgba(31, 46, 78, 0.4) 100%), url('../img/hrv-1.png');
            background-position: center;
            background-size: cover;
            height: 85vh; 
            min-height: 600px;
            display: flex;
            align-items: center;
        }

        /* 2. FLOATING WIDGET */
        .booking-widget {
            background: #ffffff;
            border-radius: 4px;
            padding: 2rem;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            margin-top: -120px;
            position: relative;
            z-index: 50;
            border-bottom: 6px solid #ffd700; 
        }
        .form-label-1 { font-weight: 700; font-size: 0.75rem; letter-spacing: 0.5px; color: var(--primary); margin-bottom: 5px; display: block;}
        
        /* 3. MENU SIDEBAR (Europcar Style) */
        .menu-btn {
            border: 2px solid var(--primary);
            color: var(--primary);
            font-weight: 700;
            border-radius: 4px;
            padding: 8px 15px;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            transition: 0.2s;
        }
        .menu-btn:hover { background: var(--primary); color: white; }

        /* The Sliding Panel */
        .offcanvas-end {
            width: 33vw; /* 1/3 of screen */
            min-width: 300px; /* Minimum width for mobile */
            border-left: none;
        }
        
        /* The Close Button Area */
        .offcanvas-header {
            background: white;
            color: rgb(255, 0, 111);
        }
        .btn-close-white { filter: invert(1); }

        /* The Blurred Backdrop */
        .offcanvas-1-backdrop {
            background-color: rgba(31, 46, 78, 0.6) !important;
            backdrop-filter: blur(8px); /* The Blur Effect */
        }

        /* Nav Links in Menu */
        .side-nav-link {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary);
            padding: 15px 0;
            border-bottom: 1px solid #eee;
            display: block;
            text-decoration: none;
            transition: 0.3s;
        }
        .side-nav-link:hover { color: #ff0066; padding-left: 10px; }