.jetnify-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
:root {
--ink: #11233f;
--muted: #64748b;
--line: #dbe4ee;
--surface: #ffffff;
--surface-soft: #f5f8fc;
--brand: #0d65d9;
--brand-dark: #07479d;
--accent: #ffb703;
--shadow: 0 24px 70px rgba(7, 34, 77, .22);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
color: var(--ink);
background: #fff;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-webkit-font-smoothing: antialiased;
}
a { color: inherit; }
.skip-link {
position: fixed;
top: 8px;
left: 8px;
z-index: 9999;
transform: translateY(-150%);
background: #fff;
color: var(--ink);
padding: 10px 14px;
border-radius: 8px;
}
.skip-link:focus { transform: none; }
.site-header {
position: relative;
z-index: 30;
height: 76px;
background: #fff;
border-bottom: 1px solid rgba(17, 35, 63, .08);
}
.site-header__inner,
.site-footer__inner,
.home-content__inner {
width: min(1380px, calc(100% - 48px));
margin: 0 auto;
}
.site-header__inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.site-brand {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--brand-dark);
text-decoration: none;
}
.site-brand .custom-logo-link { display: flex; }
.site-brand .custom-logo { width: auto; max-height: 52px; }
.site-brand__mark {
display: grid;
place-items: center;
width: 38px;
height: 38px;
border-radius: 13px;
color: #fff;
background: linear-gradient(145deg, #1586f3, var(--brand-dark));
transform: rotate(-8deg);
}
.site-brand__name { font-size: 25px; font-weight: 800; letter-spacing: -.04em; }
.site-brand__name span { color: #27a3dd; }
.site-header__actions {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.mobile-menu-toggle {
display: none;
width: 42px;
height: 42px;
padding: 0;
border: 1px solid var(--line);
border-radius: 10px;
background: #fff;
color: var(--ink);
cursor: pointer;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px rgba(17, 35, 63, .04);
transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus {
border-color: rgba(13, 101, 217, .34);
background: #f8fbff;
box-shadow: 0 3px 10px rgba(17, 35, 63, .08);
outline: 0;
}
.mobile-menu-toggle:focus-visible {
outline: 3px solid #ffb703;
outline-offset: 3px;
border-color: #0d65d9;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #0d65d9;
}
.mobile-menu-toggle__icon {
position: relative;
display: block;
width: 21px;
height: 16px;
}
.mobile-menu-toggle__icon span {
position: absolute;
left: 0;
width: 21px;
height: 2px;
border-radius: 999px;
background: currentColor;
transition: transform .18s ease, top .18s ease, opacity .18s ease;
}
.mobile-menu-toggle__icon span:nth-child(1) { top: 1px; }
.mobile-menu-toggle__icon span:nth-child(2) { top: 7px; }
.mobile-menu-toggle__icon span:nth-child(3) { top: 13px; }
.mobile-menu-toggle.is-open .mobile-menu-toggle__icon span:nth-child(1) { top: 7px; transform: rotate(45deg); }
.mobile-menu-toggle.is-open .mobile-menu-toggle__icon span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle.is-open .mobile-menu-toggle__icon span:nth-child(3) { top: 7px; transform: rotate(-45deg); }
.mobile-menu-panel {
display: none;
}
.top-nav,
.top-nav ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.top-nav { gap: 8px; }
.top-nav ul { gap: 4px; }
.top-nav ul > li {
display: flex;
margin: 0;
padding: 0;
}
.top-nav ul > li > a,
.top-nav > a:not(.top-nav__language) {
position: relative;
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 11px;
border-radius: 9px;
color: var(--ink);
font-size: 14px;
font-weight: 650;
line-height: 1.25;
text-decoration: none;
white-space: nowrap;
transition: background-color .16s ease, color .16s ease;
}
.top-nav ul > li > a:hover,
.top-nav ul > li > a:focus,
.top-nav > a:not(.top-nav__language):hover,
.top-nav > a:not(.top-nav__language):focus {
color: var(--brand);
background: #edf4ff;
outline: 0;
}
.top-nav ul > li > a:focus-visible,
.top-nav > a:not(.top-nav__language):focus-visible,
.top-nav__language-flag:focus-visible {
outline: 3px solid rgba(13, 101, 217, .28);
outline-offset: 2px;
}
.top-nav ul > li.current-menu-item > a,
.top-nav ul > li.current_page_item > a,
.top-nav ul > li.current-menu-ancestor > a,
.top-nav ul > li.current_page_ancestor > a,
.top-nav ul > li > a[aria-current="page"] {
color: #fff;
background: var(--brand);
}
.top-nav ul > li.current-menu-item > a::after,
.top-nav ul > li.current_page_item > a::after,
.top-nav ul > li.current-menu-ancestor > a::after,
.top-nav ul > li.current_page_ancestor > a::after,
.top-nav ul > li > a[aria-current="page"]::after {
position: absolute;
right: 12px;
bottom: 5px;
left: 12px;
height: 3px;
border-radius: 999px;
background: var(--accent);
content: "";
}
.top-nav__language-dropdown {
position: relative;
flex: 0 0 auto;
}
.top-nav__language-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 82px;
height: 42px;
padding: 8px 11px;
border: 1px solid var(--line);
border-radius: 10px;
color: var(--ink);
background: #fff;
box-shadow: 0 1px 2px rgba(17, 35, 63, .04);
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 750;
line-height: 1;
transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.top-nav__language-toggle:hover,
.top-nav__language-toggle:focus {
border-color: rgba(13, 101, 217, .34);
background: #f8fbff;
box-shadow: 0 3px 10px rgba(17, 35, 63, .08);
outline: 0;
}
.top-nav__language-toggle:focus-visible {
outline: 3px solid rgba(13, 101, 217, .22);
outline-offset: 2px;
}
.top-nav__language-current-flag,
.top-nav__language-option-flag {
display: block;
width: 24px;
height: 16px;
flex: 0 0 24px;
object-fit: cover;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(17, 35, 63, .12);
}
.top-nav__language-current-code {
min-width: 20px;
text-align: left;
letter-spacing: .03em;
}
.top-nav__language-chevron {
width: 7px;
height: 7px;
margin-top: -3px;
border-right: 1.7px solid currentColor;
border-bottom: 1.7px solid currentColor;
transform: rotate(45deg);
transition: transform .16s ease, margin-top .16s ease;
opacity: .62;
}
.top-nav__language-dropdown.is-open .top-nav__language-chevron {
margin-top: 3px;
transform: rotate(225deg);
}
.top-nav__language-menu {
position: absolute;
z-index: 1100;
top: calc(100% + 8px);
right: 0;
display: none;
width: 220px;
max-height: min(420px, calc(100vh - 90px));
overflow-y: auto;
margin: 0;
padding: 7px;
border: 1px solid rgba(17, 35, 63, .11);
border-radius: 13px;
background: #fff;
box-shadow: 0 16px 40px rgba(17, 35, 63, .16);
}
.top-nav__language-dropdown.is-open .top-nav__language-menu {
display: block;
animation: jetnify-language-menu-in .14s ease-out both;
}
.top-nav__language-option {
display: grid;
grid-template-columns: 24px minmax(0, 1fr) auto 16px;
align-items: center;
gap: 10px;
min-height: 42px;
padding: 8px 9px;
border-radius: 9px;
color: var(--ink);
text-decoration: none;
font-size: 13px;
line-height: 1.2;
transition: background-color .14s ease, color .14s ease;
}
.top-nav__language-option:hover,
.top-nav__language-option:focus {
color: var(--brand);
background: #edf4ff;
outline: 0;
}
.top-nav__language-option.is-current {
color: #fff;
background: var(--brand);
}
.top-nav__language-option.is-current:hover,
.top-nav__language-option.is-current:focus {
color: #fff;
background: var(--brand-dark);
}
.top-nav__language-option.is-disabled {
pointer-events: none;
opacity: .42;
}
.top-nav__language-option-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 650;
}
.top-nav__language-option-code {
color: #7b8da5;
font-size: 10px;
font-weight: 800;
letter-spacing: .07em;
}
.top-nav__language-option.is-current .top-nav__language-option-code {
color: rgba(255,255,255,.72);
}
.top-nav__language-check {
color: var(--accent);
font-size: 15px;
font-weight: 900;
text-align: center;
}
@keyframes jetnify-language-menu-in {
from { opacity: 0; transform: translateY(-5px) scale(.985); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.booking-hero {
position: relative;
overflow: hidden;
min-height: 580px;
padding: 56px 24px 72px;
background: #07366f;
}
.booking-hero__image {
position: absolute;
inset: 0;
background-image:
linear-gradient(110deg, rgba(3, 35, 83, .88) 0%, rgba(0, 83, 165, .65) 52%, rgba(0, 73, 145, .38) 100%),
var(--hero-image, url(//www.jetnify.com/hydrutse/assets/images/jetnify-hero.jpg));
background-position: center 48%;
background-size: cover;
opacity: 1;
transform: scale(1.01);
transition: opacity .32s ease;
will-change: opacity;
}
.booking-hero.is-changing .booking-hero__image { opacity: .18; }
.booking-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, rgba(3, 31, 72, .28));
pointer-events: none;
}
.booking-hero::after {
content: "";
position: absolute;
right: -8%;
bottom: -145px;
width: 620px;
height: 280px;
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 50%;
transform: rotate(-14deg);
}
.booking-hero__glow {
position: absolute;
border-radius: 999px;
filter: blur(4px);
pointer-events: none;
}
.booking-hero__glow--one {
top: -190px;
left: 15%;
width: 470px;
height: 470px;
background: rgba(55, 181, 255, .14);
}
.booking-hero__glow--two {
right: 4%;
bottom: -260px;
width: 600px;
height: 600px;
background: rgba(8, 36, 96, .32);
}
.booking-layout {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 210px minmax(0, 1fr);
width: min(1380px, 100%);
margin: 0 auto;
border-radius: 22px;
box-shadow: var(--shadow);
}
.service-rail {
overflow: hidden;
padding: 14px 0;
background: #092d66;
border-radius: 22px 0 0 22px;
}
.service-rail__item {
position: relative;
display: flex;
align-items: center;
gap: 13px;
min-height: 64px;
padding: 10px 20px;
color: rgba(255, 255, 255, .76);
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background .2s ease, color .2s ease;
}
.service-rail__item:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.service-rail__item.is-active {
color: var(--ink);
background: #fff;
}
.service-rail__item.is-active::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 5px;
background: var(--accent);
}
.service-rail__icon {
position: relative;
flex: 0 0 32px;
width: 32px;
height: 32px;
border: 1px solid currentColor;
border-radius: 10px;
opacity: .9;
}
.service-rail__icon::before {
position: absolute;
inset: 0;
display: grid;
place-items: center;
font-size: 16px;
font-weight: 400;
}
.service-rail__icon--flights::before { content: "✈"; transform: rotate(-12deg); }
.service-rail__icon--package::before { content: "▣"; }
.service-rail__icon--hotels::before { content: "⌂"; font-size: 21px; }
.service-rail__icon--cars::before { content: "◆"; font-size: 12px; }
.service-rail__icon--transfer::before { content: "↔"; }
.service-rail__icon--insurance::before { content: "+"; font-size: 22px; }
.booking-layout--no-rail { grid-template-columns: minmax(0, 1fr); }
.booking-layout--no-rail .booking-panel { border-radius: 22px; }
.booking-panel {
min-width: 0;
padding: 36px 38px 24px;
background: var(--surface);
border-radius: 0 22px 22px 0;
}
.booking-panel__intro { margin-bottom: 20px; }
.booking-panel__eyebrow,
.section-kicker {
margin: 0 0 7px;
color: var(--brand);
font-size: 12px;
font-weight: 800;
letter-spacing: .13em;
text-transform: uppercase;
}
.booking-panel__intro h1 {
margin: 0 0 6px;
color: var(--ink);
font-size: clamp(28px, 3vw, 42px);
line-height: 1.07;
letter-spacing: -.045em;
}
.booking-panel__intro > p:last-child {
margin: 0;
color: var(--muted);
font-size: 15px;
}
.booking-panel__trust {
display: flex;
flex-wrap: wrap;
gap: 10px 24px;
margin-top: 12px;
color: #607087;
font-size: 12px;
font-weight: 650;
}
.booking-panel__trust span::first-letter { color: #12a36d; } #rezon-forms,
#rezon-forms * { box-sizing: border-box; }
#rezon-forms {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
color: var(--ink);
background: transparent;
border-radius: 0;
font-size: 100%;
}
#rezon-forms .rez-forms {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
#rezon-forms .row { margin: 0; }
#rezon-forms .direct {
display: inline-flex;
gap: 4px;
width: auto;
margin: 0 0 18px;
padding: 4px;
background: var(--surface-soft);
border: 1px solid var(--line);
border-radius: 12px;
text-align: left;
}
#rezon-forms .direct label {
margin: 0;
padding: 9px 14px;
color: #5b6b81;
background: transparent;
border-radius: 8px;
font-size: 12px;
font-weight: 750;
line-height: 1.2;
}
#rezon-forms .direct label:hover { color: var(--brand); background: #fff; }
#rezon-forms .direct label.active {
color: #fff;
background: var(--brand);
box-shadow: 0 4px 12px rgba(13, 101, 217, .22);
}
#rezon-forms .direct .route-type-roundtrip { order: 1; }
#rezon-forms .direct .route-type-oneway { order: 2; }
#rezon-forms .direct .route-type-route { order: 3; }
#rezon-forms .fields-container {
display: flex;
align-items: flex-end;
align-content: flex-start;
flex-wrap: wrap;
gap: 10px;
}
#rezon-forms .field {
min-width: 0;
margin: 0;
padding: 0;
}
#rezon-forms .field.airport { flex: 1 1 210px; }
#rezon-forms .field.date { flex: 0 1 145px; }
#rezon-forms .field.pass { flex: 0 1 165px; }
#rezon-forms .field.find { flex: 0 1 132px; }
#rezon-forms .field.time { flex: 1 1 180px; }
#rezon-forms .field.class { flex: 1 1 180px; }
#rezon-forms .field.carrier { flex: 1 1 240px; max-width: none; }
#rezon-forms .field.range { flex: 1 1 180px; }
#rezon-forms .field.only-direct { flex: 1 1 170px; }
#rezon-forms .field.hide_s,
#rezon-forms .field.clear,
#rezon-forms .field.extended-form { flex: 0 1 auto; }
#rezon-forms label.menu-title {
display: block;
margin: 0 0 6px;
padding: 0;
color: #4b5d75;
opacity: 1;
font-size: 11px;
font-weight: 800;
letter-spacing: .055em;
line-height: 1.25;
text-transform: uppercase;
}
#rezon-forms .field .control-field {
min-height: 54px;
overflow: visible;
background: #fff;
border: 1px solid #cbd7e5;
border-radius: 11px;
transition: border-color .2s ease, box-shadow .2s ease;
}
#rezon-forms .field.focused .control-field,
#rezon-forms .field.opened .control-field {
border-color: var(--brand);
box-shadow: 0 0 0 3px rgba(13, 101, 217, .12);
}
#rezon-forms input,
#rezon-forms button { font-family: inherit; }
#rezon-forms .twitter-typeahead,
#rezon-forms .book-from,
#rezon-forms .book-to,
#rezon-forms .book-date,
#rezon-forms .passengers .switch,
#rezon-forms .carriers,
#rezon-forms .selectpicker,
#rezon-forms .selectpicker .selected-value { min-height: 52px; }
#rezon-forms .book-from,
#rezon-forms .book-to {
width: 100%;
height: 52px;
padding: 0 40px 0 15px;
color: var(--ink);
background: transparent;
font-size: 14px;
outline: 0;
}
#rezon-forms .book-date {
height: 52px;
padding: 0 10px;
color: var(--ink);
font-weight: 650;
}
#rezon-forms .passengers .switch { line-height: 52px; }
#rezon-forms .passengers-text { padding-left: 15px; color: var(--ink); }
#rezon-forms .iata { bottom: 18px; color: var(--brand); }
#rezon-forms .swap {
display: none;
flex: 0 0 34px;
width: 34px;
height: 34px;
margin: 0 -22px 10px;
background: var(--brand);
}
#rezon-forms .field.find button.search {
width: 100%;
height: 54px;
margin: 0;
padding: 0 18px;
color: #10213b;
background: var(--accent);
border: 0;
border-radius: 11px;
box-shadow: none;
font-size: 14px;
font-weight: 850;
line-height: 54px;
text-shadow: none;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
#rezon-forms .field.find button.search:hover,
#rezon-forms .field.find button.search:focus {
color: #10213b;
background: #ffc52b;
box-shadow: 0 10px 22px rgba(255, 183, 3, .25);
transform: translateY(-1px);
}
#rezon-forms .select-age,
#rezon-forms .tt-dropdown-menu,
#rezon-forms .selectpicker .options,
#rezon-forms .carriers-finder {
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: 0 16px 35px rgba(17, 35, 63, .16);
}
#rezon-forms .tt-suggestion.tt-cursor,
#rezon-forms .selectpicker.opened .option:hover { color: var(--ink); background: #eaf3ff; }
#rezon-forms .checkbox-wrapper { color: #4b5d75; }
#rezon-forms .check_bull { border: 1px solid #cbd7e5; }
#rezon-forms .transp,
#rezon-forms .fields-container .field.hide_s .transp { color: var(--brand); background: transparent; }
#rezon-forms span.dashed { color: var(--brand); }
#rezon-forms .dashed span { background: transparent; border-bottom-color: rgba(13, 101, 217, .4); }
.home-content { padding: 74px 0 88px; }
.home-content__inner > div:first-child { max-width: 650px; }
.home-content h2 {
margin: 0;
font-size: clamp(30px, 4vw, 48px);
letter-spacing: -.045em;
line-height: 1.08;
}
.benefit-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 38px;
}
.benefit-grid article {
padding: 25px;
background: var(--surface-soft);
border: 1px solid #e4ebf3;
border-radius: 18px;
}
.benefit-grid article > span { color: var(--brand); font-size: 12px; font-weight: 850; }
.benefit-grid h3 { margin: 24px 0 8px; font-size: 18px; }
.benefit-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.content-page { width: min(900px, calc(100% - 48px)); min-height: 60vh; margin: 70px auto; } .travel-confidence {
position: relative;
z-index: 3;
padding: 0 24px;
background: #fff;
}
.booking-hero + .travel-confidence { margin-top: -29px; }
.travel-confidence__inner {
display: grid;
grid-template-columns: minmax(210px, .75fr) minmax(0, 2.4fr);
gap: 30px;
width: min(1280px, 100%);
margin: 0 auto;
padding: 24px 26px;
background: #fff;
border: 1px solid #dfe8f2;
border-radius: 20px;
box-shadow: 0 15px 42px rgba(17, 35, 63, .11);
}
.travel-confidence__intro { align-self: center; }
.travel-confidence__intro > p {
margin: 0 0 6px;
color: var(--brand);
font-size: 11px;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
}
.travel-confidence__intro h2 { margin: 0; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
.travel-confidence__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.travel-confidence__item {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 11px;
align-items: start;
padding: 3px 18px;
border-left: 1px solid #e5ebf2;
}
.travel-confidence__icon {
display: grid;
place-items: center;
width: 38px;
height: 38px;
color: #075cce;
background: #eaf3ff;
border-radius: 12px;
font-size: 19px;
font-weight: 850;
}
.travel-confidence__item h3 { margin: 1px 0 4px; font-size: 13px; line-height: 1.25; }
.travel-confidence__item p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.site-prefooter {
padding: 64px 24px;
color: #fff;
background: linear-gradient(115deg, #0c65d8 0%, #084fae 58%, #082f73 100%);
}
.travel-confidence + .site-prefooter { margin-top: 54px; }
.site-prefooter__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 36px;
width: min(1180px, 100%);
margin: 0 auto;
}
.site-prefooter__eyebrow { margin: 0 0 7px; color: #bce5ff; font-size: 11px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.site-prefooter h2 { margin: 0 0 8px; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.04em; line-height: 1.08; }
.site-prefooter p:last-child { max-width: 680px; margin: 0; color: rgba(255,255,255,.78); line-height: 1.6; }
.site-prefooter__button {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 14px;
min-height: 54px;
padding: 0 24px;
color: #10213b;
background: var(--accent);
border-radius: 12px;
box-shadow: 0 13px 30px rgba(4, 25, 61, .22);
font-weight: 850;
text-decoration: none;
transition: transform .2s ease, background .2s ease;
}
.site-prefooter__button:hover, .site-prefooter__button:focus { background: #ffc52b; transform: translateY(-2px); }
.site-footer { color: #c3d1e4; background: #082653; }
.site-footer__main { padding: 58px 24px 50px; background: #0a3474; }
.site-footer__inner {
display: grid;
grid-template-columns: minmax(220px, .7fr) minmax(0, 2fr);
gap: clamp(42px, 7vw, 100px);
width: min(1280px, 100%);
margin: 0 auto;
}
.site-footer__eyebrow { margin: 0 0 8px; color: #7fd4ff; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.site-footer__intro h2 { margin: 0 0 11px; color: #fff; font-size: 30px; letter-spacing: -.035em; }
.site-footer__intro > p:last-child { max-width: 290px; margin: 0; color: #adc0da; font-size: 14px; line-height: 1.65; }
.site-footer a { color: inherit; text-decoration: none; }
.footer-menu__list {
display: grid;
grid-template-columns: repeat(4, minmax(130px, 1fr));
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu__list--fallback { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
.footer-menu__list > li > a,
.footer-menu__heading { display: block; margin: 0 0 16px; color: #fff; font-size: 14px; font-weight: 850; }
.footer-menu__list .sub-menu { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.footer-menu__list .sub-menu a { color: #b8c9df; font-size: 13px; line-height: 1.45; transition: color .2s ease; }
.footer-menu__list .sub-menu a:hover, .footer-menu__list .sub-menu a:focus { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.site-footer__partners { padding: 26px 24px; background: #071f46; border-top: 1px solid rgba(255,255,255,.08); }
.site-footer__partners-inner { display: flex; align-items: center; gap: 36px; width: min(1280px, 100%); margin: 0 auto; }
.site-footer__partners-inner > p { flex: 0 0 auto; margin: 0; color: #97aac3; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.site-footer__partners ul { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin: 0; padding: 0; list-style: none; }
.site-footer__partners li { display: grid; place-items: center; min-width: 112px; height: 48px; padding: 8px 15px; background: rgba(255,255,255,.96); border-radius: 9px; }
.site-footer__partners a { display: grid; place-items: center; height: 100%; }
.site-footer__partners img { display: block; width: auto; max-width: 118px; height: auto; max-height: 30px; filter: grayscale(1); opacity: .82; transition: filter .2s ease, opacity .2s ease; }
.site-footer__partners a:hover img, .site-footer__partners a:focus img { filter: none; opacity: 1; }
.site-footer__legal { padding: 25px 24px; color: #8fa4bf; background: #051936; }
.site-footer__legal-inner { display: flex; justify-content: space-between; gap: 40px; width: min(1280px, 100%); margin: 0 auto; }
.site-footer__note { max-width: 850px; margin: 0; font-size: 11px; line-height: 1.65; }
.site-footer__copyright { flex: 0 0 auto; margin: 0; font-size: 11px; line-height: 1.65; } .jad-single .jad-faq details { transition: border-color .2s ease, box-shadow .2s ease; }
.jad-single .jad-faq details[open] { border-color: #a8c9f3; box-shadow: 0 8px 22px rgba(17,35,63,.07); }
.jad-single .jad-content a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.home-mobile-search { display: none; }
@media (max-width: 1120px) {
.booking-layout { grid-template-columns: 176px minmax(0, 1fr); }
.service-rail__item { padding-inline: 15px; }
.booking-panel { padding-inline: 27px; }
#rezon-forms .field.airport { flex-basis: calc(50% - 5px); }
#rezon-forms .field.date,
#rezon-forms .field.pass,
#rezon-forms .field.find { flex: 1 1 22%; }
.travel-confidence__inner { grid-template-columns: 1fr; }
.travel-confidence__intro { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.travel-confidence__grid { grid-template-columns: repeat(2, 1fr); gap: 22px 0; }
.travel-confidence__item:nth-child(odd) { border-left: 0; }
.benefit-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
.site-header { height: 68px; }
.mobile-menu-toggle { display: inline-flex; }
.top-nav ul { display: none; }
.top-nav { gap: 10px; }
.mobile-menu-panel {
position: absolute;
z-index: 1200;
top: 100%;
right: 0;
left: 0;
display: block;
visibility: hidden;
opacity: 0;
pointer-events: none;
transform: translateY(-8px);
transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.mobile-menu-panel.is-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.mobile-menu-panel__inner {
width: min(1380px, calc(100% - 32px));
margin: 10px auto 0;
padding: 10px;
border: 1px solid rgba(17, 35, 63, .11);
border-radius: 16px;
background: #fff;
box-shadow: 0 18px 45px rgba(17, 35, 63, .18);
}
.mobile-menu-panel__list {
display: grid;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu-panel__list li { margin: 0; padding: 0; }
.mobile-menu-panel__list a,
.mobile-menu-panel__booking {
display: flex;
align-items: center;
min-height: 44px;
padding: 11px 13px;
border-radius: 10px;
color: var(--ink);
font-size: 14px;
font-weight: 700;
line-height: 1.25;
text-decoration: none;
}
.mobile-menu-panel__list a:hover,
.mobile-menu-panel__list a:focus,
.mobile-menu-panel__booking:hover,
.mobile-menu-panel__booking:focus {
color: var(--brand);
background: #edf4ff;
outline: 0;
}
.mobile-menu-panel__list a:focus-visible,
.mobile-menu-panel__booking:focus-visible {
color: #ffffff;
background: #0d65d9;
outline: 3px solid #ffb703;
outline-offset: 2px;
box-shadow: 0 0 0 2px #ffffff;
text-decoration: none;
}
.mobile-menu-panel__booking {
margin-top: 6px;
border-top: 1px solid #e5ebf2;
border-radius: 0 0 10px 10px;
}
.top-nav__language-toggle { min-width: 76px; height: 38px; padding: 7px 10px; }
.top-nav__language-menu { width: 210px; }
.booking-hero { padding: 28px 16px 48px; }
.booking-layout { display: block; }
.service-rail {
display: flex;
overflow-x: auto;
padding: 8px;
border-radius: 18px 18px 0 0;
scrollbar-width: none;
}
.service-rail::-webkit-scrollbar { display: none; }
.service-rail__item { flex: 0 0 auto; min-height: 52px; padding: 8px 13px; border-radius: 11px; }
.service-rail__item.is-active::before { display: none; }
.service-rail__icon { width: 28px; height: 28px; flex-basis: 28px; }
.booking-panel { border-radius: 0 0 18px 18px; }
.benefit-grid { grid-template-columns: 1fr; }
.booking-hero + .travel-confidence { margin-top: -20px; }
.travel-confidence__intro { display: block; }
.travel-confidence__grid { grid-template-columns: 1fr; gap: 0; }
.travel-confidence__item { padding: 14px 0; border-top: 1px solid #e5ebf2; border-left: 0; }
.site-prefooter__inner { align-items: flex-start; flex-direction: column; }
.site-footer__inner { grid-template-columns: 1fr; }
.site-footer__intro > p:last-child { max-width: 520px; }
.footer-menu__list { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
.site-footer__legal-inner { flex-direction: column; gap: 13px; }
}
@media (max-width: 760px) {
body.home { padding-bottom: 78px; }
.home-mobile-search {
position: fixed;
z-index: 999;
inset: auto 10px 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 9px 9px 9px 14px;
background: rgba(7, 31, 66, .96);
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 16px;
box-shadow: 0 12px 35px rgba(0, 0, 0, .25);
backdrop-filter: blur(12px);
}
.home-mobile-search span,
.home-mobile-search small,
.home-mobile-search b { display: block; }
.home-mobile-search small { color: #a9c8e9; font-size: 9px; text-transform: uppercase; }
.home-mobile-search b { color: #fff; font-size: 13px; }
.home-mobile-search a {
min-height: 44px;
padding: 12px 15px;
color: #10213b;
background: var(--accent);
border-radius: 11px;
font-size: 13px;
font-weight: 900;
text-decoration: none;
}
.home-mobile-search a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
}
@media (max-width: 575px) {
.site-header__inner,
.home-content__inner { width: min(100% - 28px, 1380px); }
.top-nav > a:first-of-type { display: none; }
.top-nav { margin-left: auto; }
.top-nav__language-dropdown { flex: 0 0 auto; }
.top-nav__language-toggle { min-width: 68px; gap: 6px; }
.top-nav__language-current-code { display: none; }
.top-nav__language-menu { position: fixed; top: 64px; right: 14px; width: min(260px, calc(100vw - 28px)); max-height: calc(100vh - 84px); }
.booking-panel { padding: 25px 16px 18px; }
.booking-panel__intro h1 { font-size: 29px; }
.booking-panel__intro > p:last-child { font-size: 13px; }
.service-rail__item span:last-child { display: none; }
#rezon-forms { padding: 0; }
#rezon-forms .direct { display: flex; width: 100%; }
#rezon-forms .direct label { flex: 1 1 0; margin: 0; padding: 10px 6px; font-size: 10px; text-align: center; opacity: 1; }
#rezon-forms .fields-container { gap: 9px; }
#rezon-forms .field.airport,
#rezon-forms .field.find { flex-basis: 100%; }
#rezon-forms .field.date,
#rezon-forms .field.pass { flex: 1 1 calc(50% - 5px); }
#rezon-forms .field.class,
#rezon-forms .field.time { max-width: none; }
#rezon-forms .fields-container .field .menu-title { display: block; }
#rezon-forms .field.opened .menu-title { margin: 0; }
#rezon-forms .booking-panel__trust { display: grid; }
.home-content { padding-block: 54px; }
.travel-confidence { padding-inline: 14px; }
.travel-confidence__inner { padding: 22px 18px; border-radius: 16px; }
.site-prefooter { padding: 48px 18px; }
.site-prefooter__button { justify-content: center; width: 100%; }
.site-footer__main { padding: 46px 18px 40px; }
.footer-menu__list,
.footer-menu__list--fallback { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
.site-footer__partners { padding-inline: 18px; }
.site-footer__partners-inner { align-items: flex-start; flex-direction: column; gap: 17px; }
.site-footer__partners ul { gap: 10px; }
.site-footer__partners li { min-width: 96px; }
.site-footer__legal { padding-inline: 18px; }
}
@media (max-width: 390px) {
.footer-menu__list,
.footer-menu__list--fallback { grid-template-columns: 1fr; }
} .home-deals{padding:38px 24px 46px;background:#f4f6fa;border-bottom:1px solid rgba(17,35,63,.08)}
.home-deals__inner{width:min(1180px,100%);margin:0 auto}
.home-deals h2{margin:0 0 22px;color:var(--ink);font-size:clamp(28px,3vw,38px);letter-spacing:-.04em}
.home-deals__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.home-deal-card{color:var(--ink);text-decoration:none;transition:transform .18s ease}
.home-deal-card:hover{transform:translateY(-3px)}
.home-deal-card__image{display:grid;place-items:center;height:112px;border-radius:12px;background-image:linear-gradient(135deg,rgba(5,46,102,.06),rgba(9,112,205,.02)),var(--home-deal-image,linear-gradient(135deg,#0b64d8,#0c91ce));background-size:cover;background-position:center;box-shadow:0 5px 16px rgba(17,36,63,.07)}
.home-deal-card__image span{display:grid;place-items:center;width:66px;height:44px;color:#fff;background:rgba(7,45,94,.62);border:1px solid rgba(255,255,255,.28);border-radius:11px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}
.home-deal-card h3{margin:10px 0 3px;font-size:15px;font-weight:800;line-height:1.2}
.home-deal-card p{margin:0;color:#45556a;font-size:12px}
.home-deal-card p strong{color:var(--ink);font-size:16px}
.home-deals__note{margin:14px 0 0;color:#77869a;font-size:10px}
@media(max-width:1050px){.home-deals__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-deal-card__image{height:150px}}
@media(max-width:600px){.home-deals{padding-inline:14px}.home-deals__grid{display:flex;overflow-x:auto;gap:14px;margin-right:-14px;padding:2px 14px 12px 0;scroll-snap-type:x proximity}.home-deal-card{flex:0 0 66vw;max-width:240px;scroll-snap-align:start}.home-deal-card__image{height:135px}} .home-inspiration{padding:76px 0 82px;background:#fff}
.home-inspiration__inner,.home-trip-tools__inner{width:min(1380px,calc(100% - 48px));margin:0 auto}
.home-inspiration__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.home-inspiration__heading>div{max-width:720px}
.home-inspiration__heading h2,.home-trip-tools__heading h2{margin:4px 0 0;color:var(--ink);font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}
.home-inspiration__heading>a{flex:0 0 auto;color:var(--brand);font-weight:800;text-decoration:none}
.home-inspiration__heading>a:hover{text-decoration:underline;text-underline-offset:4px}
.home-inspiration__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:220px 220px;gap:16px}
.home-inspiration-card{position:relative;display:flex;align-items:flex-end;min-height:220px;overflow:hidden;border-radius:22px;background:#153b68 var(--inspiration-image) center/cover no-repeat;color:#fff;text-decoration:none;box-shadow:0 16px 42px rgba(10,35,69,.12);isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.home-inspiration-card--feature{grid-row:1/3;min-height:456px}
.home-inspiration-card:nth-child(4){grid-column:2/4}
.home-inspiration-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,38,.03) 20%,rgba(3,18,38,.82) 100%);z-index:-1}
.home-inspiration-card__shade{position:absolute;inset:0;background:linear-gradient(115deg,rgba(13,101,217,.08),rgba(255,183,3,.05));z-index:-1}
.home-inspiration-card__content{display:block;padding:24px;width:100%}
.home-inspiration-card small,.home-inspiration-card strong,.home-inspiration-card em{display:block}
.home-inspiration-card small{margin-bottom:5px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.home-inspiration-card strong{font-size:clamp(22px,2.4vw,34px);line-height:1.05;letter-spacing:-.035em}
.home-inspiration-card em{margin-top:9px;font-size:12px;font-style:normal;font-weight:700;color:rgba(255,255,255,.9)}
.home-inspiration-card:hover,.home-inspiration-card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 50px rgba(10,35,69,.2);outline:none}
.home-inspiration-card:focus-visible{box-shadow:0 0 0 4px var(--accent),0 20px 50px rgba(10,35,69,.2)}
.home-trip-tools{padding:72px 0 82px;background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 48%,#fff8e6 100%);border-top:1px solid rgba(17,35,63,.07)}
.home-trip-tools__heading{max-width:760px;margin-bottom:26px}
.home-trip-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-trip-tool{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:132px;padding:22px;border:1px solid rgba(13,101,217,.12);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(10,35,69,.07);color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-trip-tool__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--brand);color:#fff;font-size:23px;font-weight:900;box-shadow:inset 0 -5px 12px rgba(0,0,0,.08)}
.home-trip-tool span:nth-child(2){min-width:0}
.home-trip-tool strong,.home-trip-tool small{display:block}
.home-trip-tool strong{font-size:17px;line-height:1.2}
.home-trip-tool small{margin-top:6px;color:#64748b;font-size:12px;line-height:1.55}
.home-trip-tool>b{color:var(--brand);font-size:22px}
.home-trip-tool:hover,.home-trip-tool:focus-visible{transform:translateY(-3px);border-color:rgba(13,101,217,.3);box-shadow:0 18px 44px rgba(10,35,69,.12);outline:none}
.home-trip-tool:focus-visible{box-shadow:0 0 0 4px rgba(255,183,3,.75),0 18px 44px rgba(10,35,69,.12)} .home-faq{padding:76px 0 82px;background:#fff;border-top:1px solid rgba(17,35,63,.08)}
.home-faq__inner{width:min(1380px,calc(100% - 48px));margin:0 auto}
.home-faq h2{margin:5px 0 28px;color:var(--ink);font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em}
.home-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.home-faq__item{min-width:0;border-bottom:1px solid #cbd5e1}
.home-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;padding:17px 2px;color:var(--ink);font-size:clamp(16px,1.45vw,20px);font-weight:750;line-height:1.35;cursor:pointer;list-style:none}
.home-faq__item summary::-webkit-details-marker{display:none}
.home-faq__item summary::marker{content:""}
.home-faq__item summary:hover{color:var(--brand-dark)}
.home-faq__item summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:4px}
.home-faq__chevron{flex:0 0 10px;width:10px;height:10px;margin-right:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.home-faq__item[open] .home-faq__chevron{transform:translateY(2px) rotate(225deg)}
.home-faq__answer{padding:0 30px 20px 2px;color:#475569;font-size:15px;line-height:1.7}
.home-faq__answer p{margin:0}
.home-faq__answer a{display:inline-block;margin-top:10px;color:var(--brand-dark);font-weight:750;text-underline-offset:3px}
@media(max-width:760px){.home-faq{padding:52px 0 62px}.home-faq__inner{width:min(100% - 28px,1380px)}.home-faq__grid{grid-template-columns:1fr}.home-faq__item summary{min-height:68px;font-size:17px}}
@media(max-width:900px){
.home-inspiration__grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 210px 210px}
.home-inspiration-card--feature{grid-column:1/3;grid-row:auto;min-height:300px}
.home-inspiration-card:nth-child(4){grid-column:auto}
.home-trip-tools__grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.home-inspiration,.home-trip-tools{padding:54px 0 60px}
.home-inspiration__inner,.home-trip-tools__inner{width:min(100% - 28px,1380px)}
.home-inspiration__heading{align-items:flex-start;flex-direction:column;gap:14px}
.home-inspiration__grid{display:flex;overflow-x:auto;gap:14px;margin-right:-14px;padding:2px 14px 16px 0;scroll-snap-type:x proximity}
.home-inspiration-card,.home-inspiration-card--feature{flex:0 0 82vw;min-height:330px;max-width:330px;scroll-snap-align:start}
.home-trip-tool{grid-template-columns:auto 1fr auto;padding:18px 16px}
}