/* Пункт «VIP-отдых» в меню шапки и мобильном меню (25.09.2026, вторая версия по аудиту).
   Обычный пункт того же размера и цвета, что соседние; отличие — тонкая золотая линия под названием.
   Главным действием шапки остаётся синяя кнопка «Подобрать тур». */
.navigation__link.navigation__link--vip{white-space:nowrap}
.navigation__link.navigation__link--vip>*,.navigation__link.navigation__link--vip{text-decoration:none}
.website-header .navigation__link.navigation__link--vip{background:linear-gradient(#c9a55c,#c9a55c) no-repeat center calc(50% + 1.4rem)/calc(100% - 2.2rem) 2px}
.website-header .navigation__link.navigation__link--vip:hover{color:#8a6a2c}
.dropdown-navigation .navigation__link.navigation__link--vip{background:linear-gradient(#c9a55c,#c9a55c) no-repeat 1.6rem calc(100% - .9rem)/9.2rem 2px}
/* Шире 1285 px телефон в шапке виден текстом, а блок контактов стоит поверх меню (position:absolute):
   чтобы меню не наезжало на номер, на этих экранах чуть ужимаем отступы и шрифт пунктов. */
@media (min-width:992px) and (max-width:1285px){
  .website-header .navigation__link{padding-left:.9rem;padding-right:.9rem;font-size:1.5rem}
  .website-header .navigation__link.navigation__link--vip{background-size:calc(100% - 1.8rem) 2px}
}
@media (min-width:1286px){
  .website-header .navigation__link{padding-left:.9rem;padding-right:.9rem;font-size:1.5rem}
  .website-header .navigation__link.navigation__link--vip{background-size:calc(100% - 1.8rem) 2px}
}
/* 992–1080 px: полное «VIP-отдых» не помещается до значка телефона — показываем «VIP»
   (текст ссылки остаётся в разметке для поисковиков и экранных читалок). */
@media (min-width:992px) and (max-width:1080px){
  .website-header .navigation__link.navigation__link--vip{font-size:0}
  .website-header .navigation__link.navigation__link--vip::after{content:"VIP";font-size:1.5rem;position:static;display:inline;width:auto;height:auto;background:none;transform:none}
}