﻿```css
.lang-select { min-width: 180px !important; }
.custom-lang-dropdown { position: relative; display: inline-block; width: 100%; min-width: 180px; }

.lang-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    background: linear-gradient(135deg, rgba(28, 18, 22, 0.95), rgba(18, 12, 14, 0.98)) !important;
    border: 1px solid rgba(165, 42, 50, 0.45) !important;
    border-radius: 3px !important;
    color: #f0dada !important;
    font-size: 13px !important;
    cursor: url('../img/MU2.cur'), pointer !important;
    transition: all 0.25s ease !important;
    min-width: 180px !important;
    width: 100% !important;
}

.lang-dropdown-trigger:hover {
    border-color: rgba(181, 43, 53, 0.9) !important;
    background: rgba(45, 15, 20, 0.98) !important;
}

.custom-lang-dropdown.open .lang-dropdown-trigger {
    border-color: rgba(181, 43, 53, 0.9) !important;
    box-shadow: 0 0 10px rgba(165, 42, 50, 0.25) !important;
}

.lang-current { flex: 1; white-space: nowrap; }
.lang-arrow { margin-left: 8px; font-size: 10px; opacity: 0.7; transition: transform 0.25s ease; }
.custom-lang-dropdown.open .lang-arrow { transform: rotate(180deg); }

.lang-dropdown-menu {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    min-width: 180px;
    width: auto;
    background: #1a1215 !important;
    border: 1px solid rgba(165, 42, 50, 0.5) !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.custom-lang-dropdown.open .lang-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-option {
    display: block !important;
    padding: 10px 16px !important;
    color: #f0dada !important;
    text-decoration: none !important;
    font-size: 13px !important;
    cursor: url('../img/MU2.cur'), pointer !important;
    border-bottom: 1px solid rgba(165, 42, 50, 0.2);
    white-space: nowrap !important;
}

.lang-option:last-child { border-bottom: none; }

.lang-option:hover {
    background: rgba(125, 16, 24, 0.3) !important;
    color: #ffffff !important;
    padding-left: 20px !important;
}

.lang-option.active {
    background: rgba(125, 16, 24, 0.4) !important;
    font-weight: 600 !important;
    padding-left: 32px !important;
    position: relative;
}

.lang-option.active::before {
    content: '✓';
    position: absolute;
    left: 12px;
    opacity: 0.8;
    color: #e45a62;
}

.my-account { display: flex; align-items: center; gap: 8px; }

.nav-btn-compact {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    cursor: url('../img/MU2.cur'), pointer !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
}

.nav-btn-login {
    background: rgba(28, 18, 22, 0.65) !important;
    border-color: rgba(165, 42, 50, 0.65) !important;
    color: #f0dada !important;
}

.nav-btn-login:hover {
    background: rgba(125, 16, 24, 0.3) !important;
    border-color: rgba(181, 43, 53, 0.95) !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(165, 42, 50, 0.3) !important;
    transform: translateY(-1px) !important;
}

.nav-btn-register {
    background: linear-gradient(180deg, #8f1821, #38080d) !important;
    border-color: #a52a32 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.nav-btn-register:hover {
    background: linear-gradient(180deg, #b52b35, #650d15) !important;
    border-color: #d44a54 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(165, 42, 50, 0.5) !important;
    transform: translateY(-1px) !important;
}

.nav-btn-compact .btn-icon { font-size: 13px; line-height: 1; }
```
