<style>
    /* --- ORIGINAL VARIABLES RE-ADDED --- */
    :root {
        --light-bg: #F8F9FA;
        --primary-color: #D32F2F;
        --secondary-color: #FF5252;
        --text-color: #212529;
        --card-bg: #fff;
        --header-bg: #fff;
        --header-height: 60px;
        --shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.08);
        --desktop-breakpoint: 992px;
        --transition-speed: 0.3s;
    }

    /* --- LAYOUT FIXES --- */
    body.nav-open { overflow: hidden; }
    .header { height: var(--header-height); background: #fff; box-shadow: var(--shadow-subtle); position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; }
    .nav-content { display: flex; justify-content: space-between; align-items: center; height: 100%; }
    
    /* Logo Styling (Original) */
    .logo a { font-size: 1.6em; font-weight: 800; color: var(--primary-color); text-decoration: none; display: flex; align-items: center; letter-spacing: -0.7px; }
    .logo a i { color: var(--secondary-color); margin-right: 8px; font-size: 1.0em; }
    .logo span.pro-text { font-weight: 300; color: var(--text-color); margin-left: 2px; }

    /* Right Actions Group (Lang + Menu) */
    .right-header-actions { display: flex; align-items: center; gap: 15px; }

    /* --- DESKTOP NAV --- */
    .desktop-only { display: none; }
    .desktop-nav { list-style: none; margin: 0; padding: 0; display: flex; }
    .desktop-nav li { margin-left: 20px; }
    .desktop-nav li a { text-decoration: none; color: var(--text-color); font-weight: 500; transition: color 0.3s; font-size: 0.95em; }
    .desktop-nav li a:hover, .desktop-nav li a.active { color: var(--primary-color); }

    /* --- CUSTOM LANGUAGE SELECTOR (Header) --- */
    .custom-lang-wrapper { position: relative; }
    .lang-trigger {
        background: #f1f3f4; border: none; padding: 6px 12px; border-radius: 20px;
        cursor: pointer; font-size: 0.9em; font-weight: 600; color: #333;
        display: flex; align-items: center; gap: 6px; transition: 0.3s;
    }
    .lang-trigger:hover { background: #e0e0e0; color: var(--primary-color); }
    
    /* Dropdown Styling */
    .lang-dropdown-box {
        position: absolute; top: 120%; right: 0; width: 200px; max-height: 300px;
        overflow-y: auto; background: #fff; border-radius: 8px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15); border: 1px solid #eee;
        display: none; z-index: 1100;
    }
    .lang-dropdown-box.show { display: block; animation: fadeInUp 0.2s ease; }
    .lang-option {
        padding: 10px 15px; border-bottom: 1px solid #f9f9f9; cursor: pointer;
        font-size: 0.9em; display: flex; gap: 10px; align-items: center;
    }
    .lang-option:hover { background: var(--light-bg); color: var(--primary-color); }

    /* --- HAMBURGER ICON (Original 3 lines) --- */
    .nav-menu-icon {
        width: 28px; height: 22px; display: flex; flex-direction: column; 
        justify-content: space-between; cursor: pointer;
    }
    .nav-menu-icon span { width: 100%; height: 3px; background: #333; border-radius: 2px; }

    /* --- NEW SIDEBAR MENU (Left Slide) --- */
    .nav-menu {
        position: fixed; top: 0; left: -320px; width: 300px; height: 100vh;
        background: #fff; z-index: 1200; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 5px 0 15px rgba(0,0,0,0.1); display: flex; flex-direction: column;
    }
    .nav-menu.open { left: 0; }
    
    .menu-header {
        padding: 15px 20px; border-bottom: 1px solid #eee; display: flex; 
        justify-content: space-between; align-items: center; background: #fafafa;
    }
    .close-menu { font-size: 2em; background: none; border: none; cursor: pointer; line-height: 1; color: #555; }
    
    .menu-scroll-area { overflow-y: auto; flex: 1; padding: 10px 0; }
    
    .mobile-links { list-style: none; padding: 0; margin: 0; }
    .mobile-links li a {
        display: block; padding: 12px 20px; color: #333; text-decoration: none;
        font-weight: 500; font-size: 1.05em; border-left: 4px solid transparent;
    }
    .mobile-links li a:hover, .mobile-links li a.active {
        background: #fff5f5; color: var(--primary-color); border-left-color: var(--primary-color);
    }

    /* Translation Grid Inside Menu */
    .menu-lang-section { padding: 20px; border-top: 1px solid #eee; background: #fdfdfd; }
    .menu-lang-section h4 { margin: 0 0 15px 0; font-size: 0.95em; color: #777; text-transform: uppercase; letter-spacing: 0.5px; }
    .menu-lang-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .menu-lang-btn {
        background: #fff; border: 1px solid #e0e0e0; padding: 8px; border-radius: 6px;
        text-align: left; font-size: 0.85em; cursor: pointer; display: flex; gap: 6px; align-items: center;
        transition: 0.2s;
    }
    .menu-lang-btn:hover { border-color: var(--primary-color); color: var(--primary-color); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }

    .nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1100; opacity: 0; pointer-events: none; transition: 0.3s; }
    .nav-overlay.open { opacity: 1; pointer-events: auto; }

    /* Hide Google Banner */
    .goog-te-banner-frame { display: none !important; }
    body { top: 0px !important; }

    /* --- RESPONSIVE --- */
    @media (min-width: 992px) {
        .nav-menu-icon { display: none; }
        .desktop-only { display: block; }
        .nav-menu, .nav-overlay { display: none; }
    }
    
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    
    /* Ads */
    .responsive-ad-container { margin: 15px auto; text-align: center; }
</style>
