/* Reset margins */
    html, body { margin: 0; padding: 0; }

  .navbar {
    margin-bottom: 0 !important;
  }
  .navbar-blue {
    position: fixed   !important;
    top:      36px    !important;
    width:    100%    !important;
    z-index:  1030    !important;
  }
    /* Preheader */
    .preheader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; height: 36px;
      background-color: #017BFE;
      z-index: 1040;
    }
    .preheader .container {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 100%;
      gap: 1rem;
      padding: 0 1rem;
    }
    .preheader a,
    .preheader .btn-schedule,
    .preheader .dropdown-toggle {
      color: #fff;
      background: none;
      border: none;
      font-weight: 600;
      text-transform: uppercase;
    }
    /* Phone icon only on mobile */
    .preheader a .phone-text { margin-left: 0.25rem; }
    @media (max-width: 991.98px) {
      .preheader a .phone-text { display: none; }
    }
    .preheader .btn-schedule {
      background: #fff;
      color: #017BFE;
      border: 1px solid #fff;
      border-radius: 4px;
      padding: 4px 12px;
      cursor: pointer;
      transition: .3s;
    }
    .preheader .btn-schedule:hover {
      background: #0056b3;
      color: #fff;
      border-color: #0056b3;
    }
    
    /* Language dropdown styles */
    .preheader .dropdown {
      position: relative;
    }
    .preheader .dropdown-menu {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
      min-width: 180px;
      padding: 8px 0;
      position: absolute; /* Обычное позиционирование на ПК */
      right: 0;
      top: 100%; /* Вниз от preheader */
      bottom: auto;
      z-index: 1050;
      max-width: 250px;
      overflow: hidden;
      display: none;
      transform: translateY(0); /* Стабильная трансформация */
    }
    .preheader .dropdown-menu.show {
      display: block;
    }
    .preheader .dropdown-item {
      color: #333;
      padding: 12px 20px;
      text-decoration: none;
      display: flex;
      align-items: center;
      transition: all 0.3s ease;
      border-radius: 6px;
      margin: 2px 8px;
    }
    .preheader .dropdown-item:hover {
      background-color: #f8f9fa;
      color: #017BFE;
      transform: translateX(4px);
    }
    .preheader .dropdown-toggle {
      cursor: pointer;
      user-select: none;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 6px;
      transition: all 0.3s ease;
    }
    .preheader .dropdown-toggle:hover {
      background-color: rgba(255,255,255,0.1);
    }
    
    /* Flag styles */
    .preheader .dropdown-item img,
    .preheader .dropdown-toggle img {
      border-radius: 4px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
    }
    .preheader .dropdown-item:hover img,
    .preheader .dropdown-toggle:hover img {
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    /* Main navbar */
    .navbar-blue {
      background-color: #017BFE;
      position: fixed;
      top: 36px;
      width: 100%; z-index: 1030;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    body { 
      padding-top: calc(36px + 80px); /* ПК: 36px preheader + 80px navbar */
    }
    .navbar-blue .navbar-brand img {
      height: 80px;
      object-fit: contain;
    }
    .navbar-blue .navbar-nav .nav-link {
      color: #fff !important;
      font-weight: bold;
      padding: .5rem 1rem;
      transition: color .3s;
    }
    .navbar-blue .navbar-nav .nav-link:hover {
      color: #FFD700 !important;
    }
    .navbar-blue .dropdown-menu {
      background: #E3F2FD;
    }
    .navbar-blue .dropdown-item {
      color: #333;
      font-weight: bold;
    }
    .navbar-blue .dropdown-item:hover {
      background: #BBDEFB;
    }
    /* White hamburger */
    .navbar-toggler { 
      border: none;
      display: none; /* Скрываем на больших экранах */
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/></svg>");
      width: 24px;
      height: 24px;
      display: block;
    }
    @media (max-width: 991.98px) {
      .preheader .container { justify-content: space-between; }
      .navbar-blue .navbar-nav .nav-link {
        display: block; width: 100%; text-align: center; margin: .25rem 0;
      }
      .preheader .dropdown-menu {
        position: fixed !important; /* Fixed позиционирование на мобилке */
        right: 10px !important;
        left: auto !important;
        top: 36px !important; /* Точно под preheader на мобилке */
        bottom: auto !important;
        max-width: 200px;
        transform: none !important;
        inset: auto !important; /* Отключаем Bootstrap auto inset */
        margin: 0 !important; /* Убираем margin */
      }
    }
    @media (min-width: 992px) {
      .navbar-blue .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
      }
      .navbar-blue .dropdown-menu {
        margin-top: 0;
      }
      
      /* Стабильное позиционирование языкового меню на ПК для лучшего CLS */
      .preheader .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        transform: translateY(0) !important;
        inset: auto !important;
        margin: 0 !important;
        will-change: auto !important; /* Убираем will-change для стабильности */
      }
      
      /* Убеждаемся что body имеет правильный padding только на ПК */
      body {
        padding-top: 116px !important; /* 36px preheader + 80px navbar */
      }
    }
    .nav-center {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 80px;
      width: 100%;
      position: relative;
    }
    
    .navbar-nav.nav-left {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      flex: 1;
      max-width: 40%;
    }
    
    .navbar-nav.nav-right {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
      flex: 1;
      max-width: 40%;
    }
    
    .navbar-brand {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 180px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
    }
    
    .navbar-nav .nav-link {
      white-space: nowrap;
      line-height: 1.2;
      font-size: 14px;
      text-align: center;
      padding: 8px 12px;
      border-radius: 4px;
      transition: all 0.3s ease;
    }
    
    .navbar-nav .nav-link:hover {
      background-color: rgba(255,255,255,0.1);
    }
    .navbar-brand img {
      max-height: 70px;
      width: auto;
      display: block;
      max-width: 142px;
      object-fit: contain;
    }
    /* МОБИЛЬНАЯ НАВИГАЦИЯ - ИСПРАВЛЕННАЯ */
    @media (max-width: 991.98px) {
      /* Убеждаемся что header зафиксирован */
      .preheader {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 1031 !important;
      }
      
      .navbar-blue {
        position: fixed !important;
        top: 36px !important; /* После preheader */
        width: 100% !important;
        z-index: 1030 !important;
      }
      
      /* Отступ для body чтобы контент не был под header */
      body {
        padding-top: 96px !important; /* 36px preheader + 60px navbar */
      }
      
      .nav-center {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
        position: relative !important;
        min-height: 60px !important;
      }
      
      .navbar-brand {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        max-width: 120px !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        order: 1 !important;
        height: auto !important;
      }
      
      .navbar-toggler {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 2px solid white !important;
        background: rgba(255,255,255,0.2) !important;
        padding: 8px !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        width: 44px !important;
        height: 38px !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        margin-left: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }
      
      .navbar-toggler:hover {
        background: rgba(255,255,255,0.4) !important;
        border-color: rgba(255,255,255,0.8) !important;
      }
      
      .navbar-toggler.active,
      .navbar-toggler:active {
        background: rgba(255,255,255,0.6) !important;
        border-color: white !important;
        transform: scale(0.95) !important;
      }
      
      /* Скрываем обычные nav на мобилке ВНЕ коллапса */
      .navbar-nav.nav-left,
      .navbar-nav.nav-right {
        display: none !important;
      }
      
      /* Убираем любые языки из мобильного меню - они должны быть только в preheader */
      .navbar-collapse .pll-parent-menu-item,
      .navbar-collapse .language-switcher,
      .navbar-collapse .lang-item,
      .navbar-collapse .pll-lang,
      .navbar-collapse [class*="lang"],
      .navbar-collapse [class*="language"],
      .navbar-collapse li[class*="pll"] {
        display: none !important;
      }
      
      /* Скрываем флаги и языки в мобильном меню */
      .navbar-collapse .dropdown-item:has(img[alt*="flag"]),
      .navbar-collapse .nav-link:contains("FRANÇAIS"),
      .navbar-collapse .nav-link:contains("ESPAÑOL"), 
      .navbar-collapse .nav-link:contains("РУССКИЙ"),
      .navbar-collapse .dropdown-item:contains("FRANÇAIS"),
      .navbar-collapse .dropdown-item:contains("ESPAÑOL"),
      .navbar-collapse .dropdown-item:contains("РУССКИЙ") {
        display: none !important;
      }
      
      /* Показываем nav ВНУТРИ коллапса */
      .navbar-collapse .navbar-nav.nav-left,
      .navbar-collapse .navbar-nav.nav-right {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        align-items: center !important;
        margin: 0 auto !important;
      }
      
      .navbar-collapse {
        position: fixed !important;
        top: 116px !important; /* Точно под navbar */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: linear-gradient(135deg, #017BFE 0%, #0056d3 100%) !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
        padding: 30px 20px !important;
        display: none !important;
        text-align: center !important;
        max-height: calc(100vh - 116px) !important;
        overflow-y: auto !important;
        z-index: 9999 !important;
      }
      
      .navbar-collapse.show {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        animation: slideIn 0.3s ease-out !important;
      }
      
      @keyframes slideIn {
        from {
          opacity: 0;
          transform: translateY(-20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      
      .navbar-nav {
        flex-direction: column !important;
        width: 100% !important;
        align-items: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        max-width: 300px !important;
      }
      
      .nav-item {
        width: 100% !important;
        text-align: center !important;
      }
      
      .nav-link {
        color: white !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        text-decoration: none !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        font-size: 16px !important;
        font-weight: 500 !important;
      }
      
      .nav-link:hover {
        background: rgba(255,255,255,0.1) !important;
        color: #FFD700 !important;
      }
      
      .dropdown {
        position: relative !important;
        width: 100% !important;
      }
      
      .dropdown-menu {
        position: static !important;
        background: rgba(0,0,0,0.4) !important;
        border: none !important;
        padding: 10px 0 !important;
        margin: 5px 0 0 0 !important;
        display: none !important;
        width: 100% !important;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important;
        border-radius: 8px !important;
        transform: none !important;
        opacity: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
      }
      
      .dropdown-menu.show {
        display: block !important;
        opacity: 1 !important;
        max-height: 500px !important;
        animation: fadeInDown 0.3s ease !important;
      }
      
      @keyframes fadeInDown {
        from {
          opacity: 0;
          max-height: 0;
        }
        to {
          opacity: 1;
          max-height: 500px;
        }
      }
      
      .dropdown-item {
        color: white !important;
        padding: 12px 20px !important;
        text-decoration: none !important;
        display: block !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        background: transparent !important;
        font-size: 14px !important;
        transition: all 0.2s ease !important;
      }
      
      .dropdown-item:hover {
        background: rgba(255,255,255,0.2) !important;
        color: #FFD700 !important;
        transform: translateX(5px) !important;
      }
      
      .dropdown-item:last-child {
        border-bottom: none !important;
      }
    }