/* ========== INTER (self-hosted, woff2; вместо Google Fonts — скорость и независимость) ========== */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/inter-300-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/inter-300-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/inter-300-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/inter-300-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-500-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-500-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-700-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-700-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('../fonts/inter-800-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('../fonts/inter-800-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('../fonts/inter-800-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('../fonts/inter-800-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Inter самохостится (блок @font-face выше); внешних шрифтовых запросов нет. */

:root {
    --primary: #1a56db;
    --primary-dark: #1e40af;
    --primary-light: #3b82f6;
    --accent: #f59e0b;
    --accent-dark: #d97706;
    --success: #10b981;
    --danger: #ef4444;
    --text: #111827;
    --text-secondary: #4b5563;
    --text-muted: #9ca3af;
    --bg: #f8fafc;
    --bg-card: #ffffff;
    --border: #e5e7eb;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -1px rgba(0,0,0,0.04);
    --shadow-lg: 0 10px 25px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);
    --shadow-xl: 0 20px 40px -5px rgba(0,0,0,0.12);
    --radius: 16px;
    --radius-sm: 10px;
    --radius-full: 50px;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a { color: var(--primary); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--primary-dark); }

.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

/* ========== TOP BAR ========== */
.topbar {
    background: #111827;
    color: #e5e7eb;
    padding: 8px 0;
    font-size: 0.82rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.topbar a { color: #93c5fd; }
.topbar a:hover { color: #fff; }
.topbar-phone { font-weight: 600; letter-spacing: 0.02em; }

/* ========== SITE HEADER / TOP MENU ========== */
.site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    gap: 16px;
}

.site-header__logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.site-header__logo img {
    height: 38px;
    width: auto;
    display: block;
    object-fit: contain;
}

.site-header__nav {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.site-header__link {
    color: #334155;
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 2px;
    border-radius: 4px;
    transition: color 0.18s ease;
    white-space: nowrap;
}

.site-header__link:hover {
    color: #dc2626;
    text-decoration: none;
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.site-header__phone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.18s ease;
}

.site-header__phone:hover {
    color: #dc2626;
    text-decoration: none;
}

.site-header__phone-icon {
    font-size: 1rem;
    line-height: 1;
}

.site-header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    gap: 5px;
    color: #334155;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.site-header__burger:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.burger-bar {
    display: block;
    width: 20px;
    height: 2px;
    background-color: currentColor;
    border-radius: 2px;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.site-header__burger.is-active .burger-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.site-header__burger.is-active .burger-bar:nth-child(2) {
    opacity: 0;
}
.site-header__burger.is-active .burger-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 768px) {
    .topbar {
        display: none !important;
    }
}

/* ========== LANGUAGE SWITCHER ========== */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #f1f5f9;
    padding: 3px 4px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}
.lang-switch__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 24px;
    padding: 0 4px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #475569 !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.15s ease;
    line-height: 1;
}
.lang-switch__item:hover {
    color: #0f172a !important;
    background: #e2e8f0;
}
.lang-switch__item.is-active {
    background: #2563eb !important;
    color: #ffffff !important;
    font-weight: 700;
}
.lang-switch--full {
    background: transparent;
    border: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 8px;
}
.lang-switch--full .lang-switch__item {
    font-size: 0.85rem;
    height: 32px;
    padding: 0 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}
.lang-switch--full .lang-switch__item.is-active {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

/* Nav Drawer language selector */
.site-header__nav-lang {
    display: none;
    padding: 10px 12px 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.site-header__nav-lang-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
}

@media (max-width: 991px) {
    .site-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff;
    }
    .site-header__nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #ffffff;
        border-bottom: 2px solid #e2e8f0;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
        flex-direction: column;
        align-items: stretch;
        padding: 12px 16px 20px;
        gap: 2px;
        z-index: 1001;
        box-sizing: border-box;
    }
    .site-header__nav.is-open {
        display: flex;
    }
    .site-header__nav-lang {
        display: flex;
    }
    .site-header__nav-lang .lang-switch {
        gap: 4px;
        padding: 4px 6px;
    }
    .site-header__nav-lang .lang-switch__item {
        min-width: 32px;
        height: 28px;
        font-size: 0.82rem;
    }
    .site-header__link {
        padding: 12px 14px;
        font-size: 1rem;
        border-bottom: 1px solid #f1f5f9;
        border-radius: 6px;
        color: #1e293b;
        font-weight: 500;
    }
    .site-header__link:hover {
        background: #f8fafc;
        color: #dc2626;
    }
    .site-header__burger {
        display: flex;
    }
    .site-header__phone {
        font-size: 0.88rem;
    }
}

@media (max-width: 640px) {
    .site-header__inner {
        height: 56px;
        padding: 0 16px;
        gap: 8px;
    }
    .site-header__logo img {
        height: 30px;
        width: auto;
    }
    .site-header__actions {
        gap: 6px;
    }
    .site-header__phone {
        padding: 7px 8px;
        border-radius: 6px;
        background: #f1f5f9;
        font-size: 0.82rem;
    }
    .site-header__phone-text {
        display: none;
    }
    .site-header__phone-icon {
        font-size: 1.1rem;
        margin: 0;
    }
    .site-header__lang .lang-switch {
        gap: 2px;
        padding: 2px;
    }
    .site-header__lang .lang-switch__item {
        min-width: 20px;
        height: 22px;
        padding: 0 2px;
        font-size: 0.65rem;
    }
}

@media (max-width: 380px) {
    .site-header__lang {
        display: none;
    }
}

/* ========== HERO ========== */
.hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow-x: hidden;
    overflow-y: visible;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(17,24,39,0.65) 0%, rgba(17,24,39,0.40) 50%, rgba(17,24,39,0.20) 100%);
    z-index: 1;
}
.hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 100px 0 80px;
}
.hero-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}
.hero-content {
    flex: 1 1 500px;
}
.hero-widget {
    flex: 0 0 450px;
    width: 100%;
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 8px 18px;
    border-radius: var(--radius-full);
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.2);
    animation: fadeInUp 0.6s ease-out;
}
.hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
    animation: fadeInUp 0.6s ease-out 0.1s both;
}
.hero-subtitle {
    font-size: 1.15rem;
    font-weight: 300;
    margin-bottom: 30px;
    max-width: 600px;
    opacity: 0.9;
    animation: fadeInUp 0.6s ease-out 0.2s both;
}
.hero-price-block {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    padding: 16px 28px;
    border-radius: var(--radius);
    margin-bottom: 30px;
    border: 1px solid rgba(255,255,255,0.15);
    animation: fadeInUp 0.6s ease-out 0.3s both;
}
.hero-price-label { font-size: 1rem; font-weight: 400; opacity: 0.8; }
.hero-price-value { font-size: 2.8rem; font-weight: 800; letter-spacing: -0.02em; }
.hero-price-currency { font-size: 1.2rem; font-weight: 500; opacity: 0.8; }

/* ========== BUTTONS ========== */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: var(--radius-full);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.25s ease;
    text-decoration: none;
}
.btn-buy {
    background: var(--accent);
    color: #111827;
    box-shadow: 0 4px 14px rgba(245,158,11,0.4);
}
.btn-buy:hover {
    background: var(--accent-dark);
    color: #111827;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(245,158,11,0.5);
}
.btn-outline {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.4);
}
.btn-outline:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255,255,255,0.7);
}
.btn-primary-solid {
    background: var(--primary);
    color: #fff;
    box-shadow: 0 4px 14px rgba(26,86,219,0.3);
}
.btn-primary-solid:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(26,86,219,0.4);
    color: #fff;
}
.hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    animation: fadeInUp 0.6s ease-out 0.4s both;
}

/* ========== SECTIONS ========== */
.section {
    padding: 80px 0;
    position: relative;
}
.section-header {
    text-align: center;
    margin-bottom: 50px;
}
.section-header h2 {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}
.section-header p {
    color: var(--text-secondary);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* Section backgrounds with subtle gradients */
.section-alt {
    background: linear-gradient(180deg, #eef2ff 0%, #f0f4ff 50%, #e8ecf8 100%);
    position: relative;
}
.section-alt::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent, #eef2ff);
    pointer-events: none;
}

/* Features section (first after hero) */
.section-features {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 30%, #f0f9ff 60%, #dbeafe 100%);
    position: relative;
    overflow: hidden;
}
.section-features::after {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%);
    pointer-events: none;
}
.section-features::before {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,158,11,0.06) 0%, transparent 70%);
    pointer-events: none;
}

/* Schedule section */
.section-schedule {
    background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #e0e7ff 100%);
}

/* Stops section */
.section-stops {
    background: linear-gradient(135deg, #fef9f0 0%, #fdf6ec 30%, #fefce8 60%, #fef3c7 100%);
    position: relative;
    overflow: hidden;
}
.section-stops::after {
    content: '';
    position: absolute;
    top: 40px;
    right: -60px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,158,11,0.07) 0%, transparent 70%);
    pointer-events: none;
}

/* Map section */
.section-map {
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%);
}

/* Info section */
.section-info {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 30%, #f3f0ff 60%, #e8e4f8 100%);
    position: relative;
    overflow: hidden;
}
.section-info::after {
    content: '';
    position: absolute;
    bottom: -80px;
    right: -80px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(139,92,246,0.06) 0%, transparent 70%);
    pointer-events: none;
}

/* ========== FEATURES GRID ========== */
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.feature-card {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: var(--radius);
    padding: 32px 28px;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}
.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.95);
}
.feature-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.feature-icon.blue { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }
.feature-icon.green { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }
.feature-icon.amber { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
.feature-icon.purple { background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%); }
.feature-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.feature-card p {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* ========== SCHEDULE TABLE ========== */
.schedule-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 40px;
}
.schedule-block {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
}
.schedule-header {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: #fff;
    padding: 20px 28px;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.schedule-table {
    width: 100%;
    border-collapse: collapse;
}
.schedule-table th,
.schedule-table td {
    padding: 14px 20px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-size: 0.95rem;
}
.schedule-table th:last-child,
.schedule-table td:last-child {
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
.schedule-table th {
    background: #f1f5f9;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}
.schedule-table tr:last-child td { border-bottom: none; }
.schedule-table tr:hover td { background: rgba(59,130,246,0.04); }
.time-badge {
    display: inline-block;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: var(--primary-dark);
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}

/* ========== ROUTE STOPS (TIMELINE) ========== */
.stops-timeline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.stops-column {}
.stops-column-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
.stop-list {
    position: relative;
    padding-left: 28px;
}
.stop-list::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(to bottom, var(--primary), var(--primary-light));
    border-radius: 2px;
}
.stop-item {
    position: relative;
    padding: 10px 0;
}
.stop-item::before {
    content: '';
    position: absolute;
    left: -25px;
    top: 17px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px var(--primary);
}
.stop-item:first-child::before,
.stop-item:last-child::before {
    width: 14px;
    height: 14px;
    left: -27px;
    top: 15px;
    background: var(--accent);
    box-shadow: 0 0 0 2px var(--accent);
}
.stop-name {
    font-weight: 600;
    font-size: 0.95rem;
}
.stop-meta {
    color: var(--text-muted);
    font-size: 0.85rem;
}

/* ========== BUY TICKET FORM ========== */
.buy-section {
    background: linear-gradient(135deg, #1e3a5f 0%, #111827 100%);
    padding: 80px 0;
    color: #fff;
}
.buy-section .section-header h2 { color: #fff; }
.buy-section .section-header p { color: #94a3b8; }

.buy-form-card {
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--radius);
    padding: 36px;
    max-width: 800px;
    margin: 0 auto;
}
.buy-form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.form-group label {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 6px;
    color: #94a3b8;
}
.form-group select,
.form-group input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.08);
    color: #fff;
    font-size: 1rem;
    font-family: inherit;
    transition: border-color 0.2s;
    appearance: none;
    -webkit-appearance: none;
}
.form-group select { cursor: pointer; }
.form-group select option { background: #1e293b; color: #fff; }
.form-group select:focus,
.form-group input:focus {
    outline: none;
    border-color: var(--primary-light);
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
}
.form-group input::placeholder { color: #64748b; }
.buy-form-submit {
    text-align: center;
    margin-top: 8px;
}
.buy-form-submit .btn {
    padding: 16px 48px;
    font-size: 1.1rem;
}

/* ========== MAP ========== */
.map-container {
    border-radius: var(--radius);
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    height: 400px;
}
.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ========== INFO CARDS ========== */
.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}
.info-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    transition: transform 0.3s, box-shadow 0.3s;
}
.info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.info-card h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.info-card ul {
    list-style: none;
}
.info-card li {
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.95rem;
    color: var(--text-secondary);
}
.info-card li:last-child { border-bottom: none; }

/* ========== FOOTER ========== */
.footer {
    background: #111827;
    color: #9ca3af;
    padding: 60px 0 30px;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    margin-bottom: 40px;
}
.footer h4 {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 16px;
}
.footer ul { list-style: none; }
.footer li { padding: 5px 0; }
.footer a { color: #9ca3af; font-size: 0.9rem; }
.footer a:hover { color: #fff; }
.footer-bottom {
    border-top: 1px solid #1f2937;
    padding-top: 24px;
    text-align: center;
    font-size: 0.85rem;
}
.footer-socials {
    display: flex;
    gap: 16px;
    margin-top: 12px;
}
.footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #1f2937;
    color: #9ca3af;
    font-size: 1.1rem;
    transition: background 0.2s, color 0.2s;
}
.footer-socials a:hover { background: var(--primary); color: #fff; }
.footer-socials svg { width: 20px; height: 20px; display: block; }

/* ========== SHARE BAR ========== */
.share-section { padding: 34px 0; background: #f6f8fb; border-top: 1px solid #e7ebf1; }
.share-bar {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px;
}
.share-bar__title { font-weight: 700; color: #1f2937; margin-right: 4px; }
.share-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 20px; border-radius: 999px;
    color: #fff; font-weight: 600; font-size: .95rem; line-height: 1;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.share-btn svg { width: 20px; height: 20px; fill: currentColor; display: block; }
.share-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.18); filter: brightness(1.05); }
.share-btn--tg  { background: #229ED9; }
.share-btn--max { background: linear-gradient(135deg, #3b5bff, #8b3bff); }
.share-btn--vk  { background: #0077ff; }
@media (max-width: 520px) {
    .share-bar__title { width: 100%; text-align: center; margin: 0 0 4px; }
    .share-btn { padding: 10px 16px; font-size: .9rem; }
}

/* ========== ANIMATIONS ========== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .hero { min-height: 60vh; }
    .hero h1 { font-size: 2rem; }
    .hero-price-value { font-size: 2rem; }
    .section { padding: 50px 0; }
    .stops-timeline { grid-template-columns: 1fr; gap: 30px; }
    .buy-form-row { grid-template-columns: 1fr; }
    .buy-form-card { padding: 24px; }
    .schedule-grid { grid-template-columns: 1fr; gap: 20px; }
    .schedule-header { padding: 14px 20px; font-size: 1.05rem; }
    .schedule-table th, .schedule-table td { padding: 10px 12px; font-size: 0.8rem; }
    .time-badge { padding: 3px 8px; font-size: 0.8rem; }
    .topbar .container { flex-direction: column; justify-content: center; text-align: center; gap: 10px; }
    .hero-container { flex-direction: column; gap: 20px; }
    .hero-widget { flex: 1 1 100%; max-width: 100%; }
    .hero-content { flex: 1 1 100%; }
    .hero-prices-list { min-width: 100%; width: 100%; box-sizing: border-box; }
    .features-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; justify-content: center; }
}

/* ========== PRICES LIST ========== */
.hero-prices-list {
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    border-radius: var(--radius);
    padding: 12px 16px;
    margin-bottom: 30px;
    border: 1px solid rgba(255,255,255,0.15);
    display: inline-block;
    min-width: 300px;
}
.hero-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 1rem;
    color: #fff;
}
.hero-price-row:last-child {
    border-bottom: none;
}
.hero-price-row strong {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-left: 20px;
}

/* ========== MODAL ========== */
.modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}
.modal-content {
    background: #fff;
    width: 95%;
    max-width: 1000px;
    height: 85vh;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    transform: scale(0.95);
    transition: all 0.3s ease;
}
.modal-overlay.active .modal-content {
    transform: scale(1);
}
.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    z-index: 10;
    color: #333;
    line-height: 1;
}
.modal-close:hover {
    background: #f1f5f9;
}
.modal-body {
    width: 100%;
    height: 100%;
}
.modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Clickable table rows */
.clickable-row {
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    position: relative;
}
.clickable-row:hover {
    background: rgba(59,130,246,0.08) !important;
}
.clickable-row::after {
    content: '🗺 Маршрут';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: var(--primary);
    opacity: 0;
    transition: opacity 0.2s;
    background: rgba(255,255,255,0.9);
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid var(--primary-light);
}
.clickable-row:hover::after {
    opacity: 1;
}

/* ============================================================
   v5 — премиальные доработки, SEO-блоки, мобильная адаптация
   ============================================================ */

/* ---------- Фоны hero по маршрутам (mobile-first, webp+jpg) ---------- */
.hero { background-color: #1f2937; } /* плейсхолдер пока грузится фото */

/* по умолчанию (мобильные) — лёгкое фото 1080px */
.lp-cherepovets  .hero { background-image: url('../images/hero_cherepovets_m.jpg'); }
.lp-cherepovets  .hero { background-image: -webkit-image-set(url('../images/hero_cherepovets_m.webp') type('image/webp'), url('../images/hero_cherepovets_m.jpg') type('image/jpeg')); }
.lp-cherepovets  .hero { background-image: image-set(url('../images/hero_cherepovets_m.webp') type('image/webp'), url('../images/hero_cherepovets_m.jpg') type('image/jpeg')); }
.lp-parfino      .hero { background-image: url('../images/hero_parfino_m.jpg'); }
.lp-parfino      .hero { background-image: -webkit-image-set(url('../images/hero_parfino_m.webp') type('image/webp'), url('../images/hero_parfino_m.jpg') type('image/jpeg')); }
.lp-parfino      .hero { background-image: image-set(url('../images/hero_parfino_m.webp') type('image/webp'), url('../images/hero_parfino_m.jpg') type('image/jpeg')); }
.lp-petrozavodsk .hero { background-image: url('../images/hero_petrozavodsk_m.jpg'); }
.lp-petrozavodsk .hero { background-image: -webkit-image-set(url('../images/hero_petrozavodsk_m.webp') type('image/webp'), url('../images/hero_petrozavodsk_m.jpg') type('image/jpeg')); }
.lp-petrozavodsk .hero { background-image: image-set(url('../images/hero_petrozavodsk_m.webp') type('image/webp'), url('../images/hero_petrozavodsk_m.jpg') type('image/jpeg')); }
.lp-moskva       .hero { background-image: url('../images/hero_moskva_m.jpg'); }
.lp-moskva       .hero { background-image: -webkit-image-set(url('../images/hero_moskva_m.webp') type('image/webp'), url('../images/hero_moskva_m.jpg') type('image/jpeg')); }
.lp-moskva       .hero { background-image: image-set(url('../images/hero_moskva_m.webp') type('image/webp'), url('../images/hero_moskva_m.jpg') type('image/jpeg')); }
.lp-tallinn      .hero { background-image: url('../images/hero_tallinn_m.jpg'); }
.lp-tallinn      .hero { background-image: -webkit-image-set(url('../images/hero_tallinn_m.webp') type('image/webp'), url('../images/hero_tallinn_m.jpg') type('image/jpeg')); }
.lp-tallinn      .hero { background-image: image-set(url('../images/hero_tallinn_m.webp') type('image/webp'), url('../images/hero_tallinn_m.jpg') type('image/jpeg')); }
.lp-novgorod     .hero { background-image: url('../images/hero_novgorod_m.jpg'); }
.lp-novgorod     .hero { background-image: -webkit-image-set(url('../images/hero_novgorod_m.webp') type('image/webp'), url('../images/hero_novgorod_m.jpg') type('image/jpeg')); }
.lp-novgorod     .hero { background-image: image-set(url('../images/hero_novgorod_m.webp') type('image/webp'), url('../images/hero_novgorod_m.jpg') type('image/jpeg')); }
.lp-donetsk      .hero { background-image: url('../images/hero_donetsk_m.jpg'); }
.lp-donetsk      .hero { background-image: -webkit-image-set(url('../images/hero_donetsk_m.webp') type('image/webp'), url('../images/hero_donetsk_m.jpg') type('image/jpeg')); }
.lp-donetsk      .hero { background-image: image-set(url('../images/hero_donetsk_m.webp') type('image/webp'), url('../images/hero_donetsk_m.jpg') type('image/jpeg')); }
.lp-minsk        .hero { background-image: url('../images/hero_minsk_m.jpg'); }
.lp-minsk        .hero { background-image: -webkit-image-set(url('../images/hero_minsk_m.webp') type('image/webp'), url('../images/hero_minsk_m.jpg') type('image/jpeg')); }
.lp-minsk        .hero { background-image: image-set(url('../images/hero_minsk_m.webp') type('image/webp'), url('../images/hero_minsk_m.jpg') type('image/jpeg')); }
.lp-nnovgorod    .hero { background-image: url('../images/hero_nnovgorod_m.jpg'); }
.lp-nnovgorod    .hero { background-image: -webkit-image-set(url('../images/hero_nnovgorod_m.webp') type('image/webp'), url('../images/hero_nnovgorod_m.jpg') type('image/jpeg')); }
.lp-nnovgorod    .hero { background-image: image-set(url('../images/hero_nnovgorod_m.webp') type('image/webp'), url('../images/hero_nnovgorod_m.jpg') type('image/jpeg')); }
.lp-cheboksary   .hero { background-image: url('../images/hero_cheboksary_m.jpg'); }
.lp-cheboksary   .hero { background-image: -webkit-image-set(url('../images/hero_cheboksary_m.webp') type('image/webp'), url('../images/hero_cheboksary_m.jpg') type('image/jpeg')); }
.lp-cheboksary   .hero { background-image: image-set(url('../images/hero_cheboksary_m.webp') type('image/webp'), url('../images/hero_cheboksary_m.jpg') type('image/jpeg')); }
.lp-pskov        .hero { background-image: url('../images/hero_pskov_m.jpg'); }

/* десктоп/планшет — полноразмерное фото 1920px */
@media (min-width: 769px) {
    .lp-cherepovets  .hero { background-image: url('../images/hero_cherepovets.jpg'); }
    .lp-cherepovets  .hero { background-image: -webkit-image-set(url('../images/hero_cherepovets.webp') type('image/webp'), url('../images/hero_cherepovets.jpg') type('image/jpeg')); }
    .lp-cherepovets  .hero { background-image: image-set(url('../images/hero_cherepovets.webp') type('image/webp'), url('../images/hero_cherepovets.jpg') type('image/jpeg')); }
    .lp-parfino      .hero { background-image: url('../images/hero_parfino.jpg'); }
    .lp-parfino      .hero { background-image: -webkit-image-set(url('../images/hero_parfino.webp') type('image/webp'), url('../images/hero_parfino.jpg') type('image/jpeg')); }
    .lp-parfino      .hero { background-image: image-set(url('../images/hero_parfino.webp') type('image/webp'), url('../images/hero_parfino.jpg') type('image/jpeg')); }
    .lp-petrozavodsk .hero { background-image: url('../images/hero_petrozavodsk.jpg'); }
    .lp-petrozavodsk .hero { background-image: -webkit-image-set(url('../images/hero_petrozavodsk.webp') type('image/webp'), url('../images/hero_petrozavodsk.jpg') type('image/jpeg')); }
    .lp-petrozavodsk .hero { background-image: image-set(url('../images/hero_petrozavodsk.webp') type('image/webp'), url('../images/hero_petrozavodsk.jpg') type('image/jpeg')); }
    .lp-moskva       .hero { background-image: url('../images/hero_moskva.jpg'); }
    .lp-moskva       .hero { background-image: -webkit-image-set(url('../images/hero_moskva.webp') type('image/webp'), url('../images/hero_moskva.jpg') type('image/jpeg')); }
    .lp-moskva       .hero { background-image: image-set(url('../images/hero_moskva.webp') type('image/webp'), url('../images/hero_moskva.jpg') type('image/jpeg')); }
    .lp-tallinn      .hero { background-image: url('../images/hero_tallinn.jpg'); }
    .lp-tallinn      .hero { background-image: -webkit-image-set(url('../images/hero_tallinn.webp') type('image/webp'), url('../images/hero_tallinn.jpg') type('image/jpeg')); }
    .lp-tallinn      .hero { background-image: image-set(url('../images/hero_tallinn.webp') type('image/webp'), url('../images/hero_tallinn.jpg') type('image/jpeg')); }
    .lp-novgorod     .hero { background-image: url('../images/hero_novgorod.jpg'); }
    .lp-novgorod     .hero { background-image: -webkit-image-set(url('../images/hero_novgorod.webp') type('image/webp'), url('../images/hero_novgorod.jpg') type('image/jpeg')); }
    .lp-novgorod     .hero { background-image: image-set(url('../images/hero_novgorod.webp') type('image/webp'), url('../images/hero_novgorod.jpg') type('image/jpeg')); }
    .lp-donetsk      .hero { background-image: url('../images/hero_donetsk.jpg'); }
    .lp-donetsk      .hero { background-image: -webkit-image-set(url('../images/hero_donetsk.webp') type('image/webp'), url('../images/hero_donetsk.jpg') type('image/jpeg')); }
    .lp-donetsk      .hero { background-image: image-set(url('../images/hero_donetsk.webp') type('image/webp'), url('../images/hero_donetsk.jpg') type('image/jpeg')); }
    .lp-minsk        .hero { background-image: url('../images/hero_minsk.jpg'); }
    .lp-minsk        .hero { background-image: -webkit-image-set(url('../images/hero_minsk.webp') type('image/webp'), url('../images/hero_minsk.jpg') type('image/jpeg')); }
    .lp-minsk        .hero { background-image: image-set(url('../images/hero_minsk.webp') type('image/webp'), url('../images/hero_minsk.jpg') type('image/jpeg')); }
    .lp-nnovgorod    .hero { background-image: url('../images/hero_nnovgorod.jpg'); }
    .lp-nnovgorod    .hero { background-image: -webkit-image-set(url('../images/hero_nnovgorod.webp') type('image/webp'), url('../images/hero_nnovgorod.jpg') type('image/jpeg')); }
    .lp-nnovgorod    .hero { background-image: image-set(url('../images/hero_nnovgorod.webp') type('image/webp'), url('../images/hero_nnovgorod.jpg') type('image/jpeg')); }
    .lp-cheboksary   .hero { background-image: url('../images/hero_cheboksary.jpg'); }
    .lp-cheboksary   .hero { background-image: -webkit-image-set(url('../images/hero_cheboksary.webp') type('image/webp'), url('../images/hero_cheboksary.jpg') type('image/jpeg')); }
    .lp-cheboksary   .hero { background-image: image-set(url('../images/hero_cheboksary.webp') type('image/webp'), url('../images/hero_cheboksary.jpg') type('image/jpeg')); }
    .lp-pskov        .hero { background-image: url('../images/hero_pskov.jpg'); }
}

/* чуть более глубокий, «премиальный» оверлей и виньетка */
.hero::before {
    background: linear-gradient(115deg, rgba(15,23,42,0.82) 0%, rgba(15,23,42,0.55) 45%, rgba(15,23,42,0.28) 100%);
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(120% 120% at 100% 0%, transparent 55%, rgba(15,23,42,0.45) 100%);
    pointer-events: none;
}

/* ---------- Хлебные крошки ---------- */
.breadcrumbs {
    background: #f1f5f9;
    border-bottom: 1px solid var(--border);
    font-size: 0.85rem;
}
.breadcrumbs .container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
.breadcrumbs a { color: var(--text-secondary); }
.breadcrumbs a:hover { color: var(--primary); }
.breadcrumbs span[aria-current] { color: var(--text); font-weight: 600; }
.breadcrumbs .sep { color: var(--text-muted); }

/* ---------- Бейджи доверия (под формой/в hero) ---------- */
.trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 22px;
    animation: fadeInUp 0.6s ease-out 0.5s both;
}
.trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #e5e7eb;
}
.trust-item svg { width: 18px; height: 18px; flex: 0 0 auto; color: var(--accent); }

/* ---------- SEO-блок «о маршруте» ---------- */
.section-about { background: #ffffff; }
.about-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 48px;
    align-items: start;
}
.about-text > * + * { margin-top: 16px; }
.about-text p { color: var(--text-secondary); font-size: 1.02rem; }
.about-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 28px;
    margin-bottom: 4px;
}
.about-text strong { color: var(--text); }
.about-aside {
    background: linear-gradient(160deg, #f8fafc 0%, #eef2ff 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 28px;
    box-shadow: var(--shadow);
    position: sticky;
    top: 24px;
}
.about-aside h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
.fact-list { list-style: none; }
.fact-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px dashed var(--border);
    font-size: 0.95rem;
    color: var(--text-secondary);
}
.fact-list li:last-child { border-bottom: none; }
.fact-list li strong { color: var(--text); text-align: right; }

/* ---------- FAQ (аккордеон на <details>) ---------- */
.section-faq { background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%); }
.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 14px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 56px 20px 24px;
    font-weight: 600;
    font-size: 1.05rem;
    position: relative;
    color: var(--text);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
    content: '+';
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--primary);
    transition: transform 0.25s ease;
    line-height: 1;
}
.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq-item summary:hover { color: var(--primary); }
.faq-answer {
    padding: 0 24px 20px;
    color: var(--text-secondary);
    font-size: 0.98rem;
}
.faq-answer a { font-weight: 600; }

/* ---------- Липкая мобильная CTA-кнопка ---------- */
.mobile-cta {
    display: none;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 900;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    box-shadow: 0 -6px 20px rgba(0,0,0,0.08);
    gap: 12px;
    align-items: center;
}
.mobile-cta .mc-price { display: flex; flex-direction: column; line-height: 1.2; flex: 0 0 auto; min-width: 0; }
.mobile-cta .mc-price small { font-size: 0.7rem; color: var(--text-muted); }
.mobile-cta .mc-price b { font-size: 1.15rem; color: var(--text); white-space: nowrap; }
/* min-width:0 — ключ: без него флекс-кнопка не ужимается уже содержимого и вылезает за край */
.mobile-cta .btn { flex: 1 1 0; min-width: 0; justify-content: center; padding: 14px 14px; white-space: nowrap; }

/* ---------- Админ-виджет статистики (только группы 7/8) ---------- */
.admin-stats-fab {
    position: fixed;
    top: 78px;
    right: 18px;
    z-index: 950;
    display: block;
    width: 168px;
    max-width: calc(100vw - 20px); /* предохранитель: виджет не может распереть страницу */
    overflow: hidden;
    padding: 12px 14px;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}
.admin-stats-fab:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,0.38); }
.admin-stats-fab .asf-head { font-size: 0.9rem; font-weight: 700; display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.admin-stats-fab .asf-icon { font-size: 1rem; line-height: 1; }
.admin-stats-fab .asf-nums { display: flex; gap: 14px; font-size: 0.72rem; color: rgba(255,255,255,0.65); margin-bottom: 8px; }
.admin-stats-fab .asf-nums span { display: flex; flex-direction: column; line-height: 1.2; }
.admin-stats-fab .asf-nums b { font-size: 1.15rem; color: #fff; font-weight: 800; }
.admin-stats-fab .asf-spark { display: flex; align-items: flex-end; gap: 3px; height: 30px; }
.admin-stats-fab .asf-spark i {
    flex: 1; min-height: 3px; border-radius: 2px;
    background: linear-gradient(180deg, var(--primary-light), var(--primary));
}
.admin-stats-fab .asf-spark i:last-child { background: linear-gradient(180deg, #fbbf24, var(--accent)); }
@media (max-width: 768px) {
    .admin-stats-fab { top: auto; bottom: 84px; right: 10px; width: 140px; padding: 10px 12px; }
}

/* ---------- Доступность ---------- */
:focus-visible {
    outline: 3px solid var(--primary-light);
    outline-offset: 2px;
    border-radius: 4px;
}
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: var(--primary);
    color: #fff;
    padding: 10px 16px;
    z-index: 1000;
    border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; color: #fff; }

/* стрелка у нативных select на тёмном фоне формы */
.form-group { position: relative; }
.form-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
}

/* ---------- Адаптив: планшет ---------- */
@media (max-width: 980px) {
    .about-grid { grid-template-columns: 1fr; gap: 28px; }
    .about-aside { position: static; }
}

/* ---------- Адаптив: мобильные ---------- */
@media (max-width: 768px) {
    .hero-inner { padding: 70px 0 56px; }
    .hero-subtitle { font-size: 1.02rem; }
    .hero-actions { margin-bottom: 4px; }
    .section-header { margin-bottom: 34px; }
    .section-header h2 { font-size: 1.6rem; }
    .section-header p { font-size: 1rem; }
    .feature-card { padding: 24px 20px; }
    .info-grid { grid-template-columns: 1fr; }
    .mobile-cta { display: flex; }
    body.has-mobile-cta { padding-bottom: 78px; }
    /* Кнопки не должны выходить за ширину контента на узких экранах */
    .btn { max-width: 100%; }
    .buy-form-submit .btn { width: 100%; padding: 16px 20px; }
    .final-cta .btn-xl { max-width: 100%; }
    .trust-row { gap: 8px 14px; }
    .trust-item { font-size: 0.82rem; }
    .faq-item summary { font-size: 0.98rem; padding: 16px 50px 16px 18px; }
    .about-text p { font-size: 0.98rem; }
}

/* ---------- Рейсы на дату (динамический список) ---------- */
.trips-section { margin-top: 8px; }
.trips-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
}
.trips-bar h3 { font-size: 1.25rem; font-weight: 700; }
.trips-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-secondary);
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 14px;
    box-shadow: var(--shadow-sm);
}
.trips-date input[type="date"] {
    border: none;
    background: transparent;
    font: inherit;
    color: var(--text);
    font-weight: 700;
    cursor: pointer;
}
.trips-cnt { font-weight: 500; opacity: 0.8; font-size: 0.95rem; }
.trip-code {
    display: inline-block;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: #fff;
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.01em;
}
.trips-table td { vertical-align: middle; }
.trips-table .clickable-row::after { content: '📋 Расписание'; }
.trip-price { font-weight: 700; color: var(--accent-dark); white-space: nowrap; }
.trips-empty { text-align: center !important; color: var(--text-muted); padding: 22px !important; }
.trips-loading { opacity: 0.45; transition: opacity 0.2s; }
.trips-hint { margin-top: 6px; text-align: center; color: var(--text-secondary); font-size: 0.9rem; }
/* сноска под таблицами рейсов */
.trips-price-note {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--border);
    text-align: center;
    font-size: 0.82rem;
    color: var(--text-muted);
}
.trips-table th:last-child, .trips-table td:last-child { color: inherit; }

/* звёздочка-сноска у цен в hero */
.hero-prices-list sup { color: var(--accent); font-weight: 700; font-size: 0.7em; }
.hero-price-note {
    margin: -16px 0 24px;
    font-size: 0.78rem;
    line-height: 1.4;
    color: rgba(255,255,255,0.8);
    max-width: 460px;
    animation: fadeInUp 0.6s ease-out 0.45s both;
}
.hero-price-note::first-letter { color: var(--accent); font-weight: 700; }

/* ---------- Модалка расписания рейса ---------- */
.sched-content {
    width: 95%;
    max-width: 560px;
    height: auto;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
}
.sched-head {
    padding: 22px 56px 16px 26px;
    border-bottom: 1px solid var(--border);
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
}
.sched-head h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
.sched-date { margin-top: 4px; font-size: 0.9rem; color: var(--text-secondary); }
.sched-body { overflow-y: auto; padding: 8px 0; }
.sched-table { width: 100%; border-collapse: collapse; }
.sched-table td {
    padding: 12px 26px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.95rem;
}
.sched-table td:last-child { text-align: right; white-space: nowrap; width: 1%; }
.sched-table tr:last-child td { border-bottom: none; }
.sched-table tr:first-child td { font-weight: 600; }
.sched-loading { padding: 40px; text-align: center; color: var(--text-muted); }

@media (max-width: 768px) {
    .trips-bar { gap: 10px; }
    .trips-bar h3 { font-size: 1.1rem; }
    /* псевдо-колонка «📋» = 6-я ячейка: на узком экране выжимала цену за край — убираем,
       строка кликабельна целиком (подсказка есть текстом под таблицей) */
    .trips-table .clickable-row::after { content: none; }
    .schedule-block { overflow-x: auto; } /* страховка от обрезки на самых узких экранах */
    .trips-table th, .trips-table td { padding: 8px 4px; font-size: 0.76rem; }
    .trips-table td:nth-child(2) { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .trips-table .trip-code { padding: 2px 5px; font-size: 0.7rem; }
    .trips-table .time-badge { padding: 2px 4px; font-size: 0.72rem; }
    .trips-table .trip-price { font-size: 0.76rem; }
    .sched-head { padding: 18px 50px 14px 18px; }
    .sched-table td { padding: 11px 18px; }
}

/* ---------- Блок «как добраться дёшево» (сравнение + цены по датам) ---------- */
.section-cheap { background: #f6f8fb; }
.cheap-compare { max-width: 860px; margin: 0 auto; }
.compare-table { background: #fff; }
.compare-table th, .compare-table td { text-align: left; }
.compare-table td:nth-child(2) { white-space: nowrap; }
.compare-hl td { background: rgba(26,86,219,0.06); }
.compare-hl td:first-child { border-left: 3px solid var(--primary); }
/* ФИКС: у .schedule-table последняя ячейка nowrap+width:1% — в таблице сравнения там длинная
   проза, из-за чего таблица раздувалась до ~1300px и обрезалась на телефоне. */
.compare-table td:last-child,
.compare-table th:last-child { white-space: normal; width: auto; text-align: left; }
.compare-table td:nth-child(2) { white-space: nowrap; }
.cheap-compare { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.compare-table { min-width: 520px; }
.cheap-days-title { text-align: center; margin: 34px 0 14px; font-size: 1.05rem; }
.price-days { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 860px; margin: 0 auto; }
.price-day {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    min-width: 74px; padding: 10px 12px;
    background: #fff; border: 1px solid var(--border); border-radius: 12px;
    text-decoration: none; color: var(--text);
    box-shadow: var(--shadow-sm);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.price-day:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: var(--primary-light); }
.price-day .pd-date { font-weight: 700; font-size: .95rem; }
.price-day .pd-wd { font-size: .72rem; color: var(--text-muted); text-transform: uppercase; }
.price-day .pd-price { font-weight: 700; font-size: .85rem; color: var(--accent-dark); white-space: nowrap; }
.price-day.is-min { border-color: var(--success); background: #ecfdf5; }
.price-day.is-min .pd-price { color: var(--success); }
@media (max-width: 768px) {
    .compare-table th, .compare-table td { padding: 9px 8px; font-size: 0.78rem; }
    .price-day { min-width: 64px; padding: 8px 9px; }
}

/* ---------- «Заряженные» компоненты (в стиле 21st.dev, ванильный CSS) ---------- */

/* Бегущая строка фактов под hero */
.ticker {
    overflow: hidden; background: #0b1224; color: #cbd5e1;
    border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06);
    padding: 11px 0; font-size: .9rem; font-weight: 600;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.ticker__track { display: flex; width: max-content; animation: tickerScroll 32s linear infinite; }
.ticker:hover .ticker__track { animation-play-state: paused; }
.ticker__group { display: flex; align-items: center; gap: 22px; padding-right: 22px; white-space: nowrap; }
.ticker__dot { color: var(--accent); }
@keyframes tickerScroll { to { transform: translateX(-50%); } }

/* Полоса ключевых цифр с count-up */
.stats-strip { background: linear-gradient(180deg, #0f172a 0%, #131c33 100%); padding: 34px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.stat { text-align: center; color: #94a3b8; font-size: .88rem; }
.stat__num {
    display: block; font-size: 2.1rem; font-weight: 800; line-height: 1.15; margin-bottom: 4px;
    background: linear-gradient(92deg, #ffffff 20%, #93c5fd 55%, #f59e0b 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    font-variant-numeric: tabular-nums; min-height: 1.2em;
}
@media (max-width: 640px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 10px; }
    .stat__num { font-size: 1.7rem; }
}

/* Пульсирующее свечение главной CTA (все лендинги маршрутов) */
.btn-buy { animation: ctaGlow 2.6s ease-in-out infinite; }
@keyframes ctaGlow {
    0%, 100% { box-shadow: 0 6px 18px rgba(245,158,11,.35); }
    50%      { box-shadow: 0 6px 30px rgba(245,158,11,.65), 0 0 0 6px rgba(245,158,11,.08); }
}

/* Бейдж hero с «живой» градиентной рамкой */
.hero-badge {
    position: relative; border: 1px solid transparent;
    background:
        linear-gradient(rgba(15,23,42,.72), rgba(15,23,42,.72)) padding-box,
        linear-gradient(120deg, #f59e0b, #8b5cf6, #3b82f6, #f59e0b) border-box;
    background-size: auto, 300% 300%;
    animation: badgeBorder 6s linear infinite;
}
@keyframes badgeBorder { to { background-position: 0 0, 300% 0; } }

/* Bento-ховер карточек преимуществ */
.feature-card { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.feature-card::before {
    content: ''; position: absolute; inset: 0 0 auto 0; height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    opacity: 0; transition: opacity .25s ease;
}
.feature-card:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(26,86,219,.14); }
.feature-card:hover::before { opacity: 1; }

/* Строка актуальности данных и список рейсов в SEO-тексте */
.data-freshness {
    display: inline-block; margin: 0 0 16px; padding: 7px 14px;
    background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 999px;
    font-size: .84rem; color: #047857;
}
.route-list { margin: 0 0 18px; padding-left: 20px; }
.route-list li { margin-bottom: 8px; line-height: 1.55; }

/* Сводная таблица рейсов маршрута */
.routes-table-wrap { max-width: 900px; margin: 0 auto 30px; overflow-x: auto; }
.routes-table { background: #fff; min-width: 620px; }
.rt-caption { caption-side: top; text-align: left; padding: 0 0 10px; font-size: .82rem; color: var(--text-muted); }
.routes-table th[scope="row"] { text-align: left; font-weight: 600; white-space: nowrap; }
.routes-table small { display: block; color: var(--text-muted); font-size: .72rem; font-weight: 400; margin-top: 2px; }
/* Полоска «открыть на вашем языке». Узкая, над контентом, закрывается одним нажатием.
   Не перекрывает страницу и не сдвигает первый экран рывком — поэтому в потоке, а не fixed. */
.lp-langbar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 16px;
    background: #1e293b;
    color: #e2e8f0;
    font-size: .9rem;
    line-height: 1.3;
}
.lp-langbar__text { flex: 1 1 auto; }
.lp-langbar__go {
    flex: 0 0 auto;
    color: #0f172a;
    background: #f59e0b;
    border-radius: 6px;
    padding: 5px 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.lp-langbar__go:hover { background: #fbbf24; }
.lp-langbar__close {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #94a3b8;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
}
.lp-langbar__close:hover { color: #e2e8f0; background: rgba(255,255,255,.08); }
.lp-langbar__close:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
@media (max-width: 600px) {
    .lp-langbar { font-size: .82rem; padding: 8px 12px; gap: 8px; }
    .lp-langbar__go { padding: 5px 10px; }
}

/* Рейс не выполняется в выбранный день. Гасим, но НЕ прячем: полная картина
   маршрута — смысл этой таблицы, а дата лишь отвечает «идёт ли он в мой день». */
.routes-table tbody tr.rt-off { opacity: .38; }
.routes-table tbody tr.rt-off .trip-price,
.routes-table tbody tr.rt-off .time-badge { filter: grayscale(1); }
.routes-table tbody tr.rt-off.clickable-row { cursor: default; }

/* Строка «на 11.09.2026: 2 из СПб, 3 обратно» рядом с выбором даты */
.rt-runcount { font-size: .9rem; color: var(--text-muted); font-weight: 600; }

/* Заголовок схемы одного рейса: без него таймлайн читается как весь маршрут */
.rl-title {
    max-width: 900px;
    margin: 0 auto 12px;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--text-muted);
}
@media (max-width: 768px) {
    .rl-title { font-size: .92rem; }
    .rt-runcount { font-size: .8rem; }
}

.routes-table tbody tr.rt-back { background: #f8fafc; }
.routes-table tbody tr.rt-back th[scope="row"] .trip-code { background: linear-gradient(135deg, #64748b, #475569); }
@media (max-width: 768px) {
    .routes-table th, .routes-table td { padding: 8px 6px; font-size: .76rem; }
    .routes-table small { font-size: .64rem; }
}

/* Тепловая раскраска календаря цен: 0 — дёшево (зелёный) … 4 — дорого (янтарный) */
.price-day.pd-heat-0 { background: #ecfdf5; border-color: #a7f3d0; }
.price-day.pd-heat-0 .pd-price { color: #059669; }
.price-day.pd-heat-1 { background: #f4fdf8; border-color: #d1fae5; }
.price-day.pd-heat-1 .pd-price { color: #10b981; }
.price-day.pd-heat-2 { background: #fff; border-color: var(--border); }
.price-day.pd-heat-3 { background: #fffbeb; border-color: #fde68a; }
.price-day.pd-heat-3 .pd-price { color: #d97706; }
.price-day.pd-heat-4 { background: #fff4e0; border-color: #fcd34d; }
.price-day.pd-heat-4 .pd-price { color: #b45309; }

/* Таймлайн ночной поездки (Москва) */
.route-line-card {
    position: relative; max-width: 860px; margin: 0 auto 34px; padding: 30px 34px 22px;
    border-radius: 16px; color: #e2e8f0;
    background:
        radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.8), transparent 55%),
        radial-gradient(1px 1px at 33% 68%, rgba(255,255,255,.55), transparent 55%),
        radial-gradient(1.5px 1.5px at 57% 25%, rgba(255,255,255,.7), transparent 55%),
        radial-gradient(1px 1px at 78% 55%, rgba(255,255,255,.5), transparent 55%),
        radial-gradient(1px 1px at 92% 30%, rgba(255,255,255,.65), transparent 55%),
        linear-gradient(135deg, #0b1224 0%, #17223f 55%, #23304f 100%);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}
.rl-track { position: relative; height: 26px; margin: 6px 6px 12px; }
.rl-track::before {
    content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 3px; transform: translateY(-50%);
    border-radius: 2px;
    background: linear-gradient(90deg, var(--primary-light) 0%, #8b5cf6 55%, var(--accent) 100%);
}
.rl-dot {
    position: absolute; top: 50%; width: 13px; height: 13px; border-radius: 50%;
    transform: translate(-50%, -50%);
    background: #fff; border: 3px solid var(--primary-light);
    box-shadow: 0 0 0 4px rgba(59,130,246,.18);
}
.rl-dot:last-of-type { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(245,158,11,.18); }
.rl-moon { position: absolute; left: 38%; top: -18px; font-size: 1.05rem; opacity: .9; }
.rl-bus {
    position: absolute; top: 50%; left: 0; font-style: normal; font-size: 1.35rem;
    transform: translate(-10%, -62%);
    animation: busRide 9s ease-in-out infinite;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.5));
}
@keyframes busRide {
    0%   { left: 0; }
    72%  { left: 78%; }
    80%  { left: 78%; }   /* короткая остановка в Москве */
    96%  { left: 100%; }
    100% { left: 100%; }
}
.rl-stops { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.rl-stop b { display: block; font-size: 1.25rem; color: #fff; }
.rl-stop span { display: block; font-weight: 600; font-size: .92rem; margin-top: 2px; }
.rl-stop small { display: block; color: #94a3b8; font-size: .74rem; margin-top: 2px; }
.rl-stop--mid { text-align: center; }
.rl-stop--end { text-align: right; }
.rl-meta {
    margin-top: 16px; padding-top: 12px; border-top: 1px dashed rgba(148,163,184,.35);
    text-align: center; font-size: .8rem; color: #94a3b8;
}
@media (max-width: 640px) {
    .route-line-card { padding: 22px 16px 16px; }
    .rl-stop b { font-size: 1.02rem; }
    .rl-stop span { font-size: .8rem; }
    .rl-stop small { font-size: .64rem; }
    .rl-meta { font-size: .72rem; }
}

/* Финальный CTA-баннер (ночная тема) */
.final-cta {
    background:
        radial-gradient(1px 1px at 15% 30%, rgba(255,255,255,.7), transparent 55%),
        radial-gradient(1.5px 1.5px at 45% 60%, rgba(255,255,255,.5), transparent 55%),
        radial-gradient(1px 1px at 72% 25%, rgba(255,255,255,.65), transparent 55%),
        radial-gradient(1px 1px at 90% 65%, rgba(255,255,255,.45), transparent 55%),
        linear-gradient(135deg, #0b1224 0%, #1a2440 60%, #2a3454 100%);
    padding: 52px 0;
}
.final-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap; }
.final-cta__text h2 { color: #fff; font-size: 1.65rem; margin: 0 0 8px; }
.final-cta__text p { color: #cbd5e1; margin: 0; font-size: 1.02rem; }
.final-cta__text p b { color: var(--accent); }
.final-cta__actions { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.btn-xl { padding: 16px 34px; font-size: 1.08rem; }
.final-cta__alt { color: #93c5fd; font-size: .88rem; text-decoration: underline; text-underline-offset: 3px; }
.final-cta__alt:hover { color: #bfdbfe; }
@media (max-width: 640px) {
    .final-cta { padding: 40px 0; }
    .final-cta__inner { flex-direction: column; text-align: center; }
    .final-cta__text h2 { font-size: 1.3rem; }
}

/* Пульс самой выгодной даты в календаре цен */
.price-day.is-min { animation: minPulse 2.8s ease-in-out infinite; }
@keyframes minPulse {
    0%, 100% { box-shadow: 0 1px 2px rgba(0,0,0,.05); }
    50%      { box-shadow: 0 0 0 5px rgba(16,185,129,.14), 0 4px 14px rgba(16,185,129,.25); }
}

/* ---------- Переключатель языков ---------- */
.lang-switch { display: inline-flex; align-items: center; gap: 2px; flex-wrap: wrap; }
.topbar .lang-switch { margin-left: 10px; }
.lang-switch__item {
    display: inline-block; padding: 3px 7px; border-radius: 6px;
    font-size: .78rem; font-weight: 700; letter-spacing: .02em;
    color: rgba(255,255,255,.72); text-decoration: none; line-height: 1.2;
    transition: background .15s ease, color .15s ease;
}
.lang-switch__item:hover { background: rgba(255,255,255,.14); color: #fff; }
.lang-switch__item.is-active { background: var(--accent); color: #111827; cursor: default; }
/* в футере — полные названия, тёмный фон */
.footer .lang-switch { gap: 6px; margin-top: 10px; }
.footer .lang-switch__item { padding: 5px 10px; font-size: .82rem; font-weight: 600;
    background: rgba(255,255,255,.06); color: #cbd5e1; }
.footer .lang-switch__item:hover { background: rgba(255,255,255,.16); color: #fff; }
.footer .lang-switch__item.is-active { background: var(--accent); color: #111827; }
.lang-switch__label { font-size: .74rem; color: rgba(255,255,255,.5); margin-right: 4px; }
@media (max-width: 768px) {
    .topbar .lang-switch { width: 100%; margin: 6px 0 0; justify-content: center; }
    .lang-switch__item { padding: 4px 8px; font-size: .8rem; }
}

/* ---------- Пошаговое прохождение границы (Таллин) ---------- */
.border-steps-title { text-align: center; font-size: 1.15rem; margin: 6px 0 8px; }
.border-steps-lead { max-width: 860px; margin: 0 auto 18px; text-align: center; color: var(--text-secondary); font-size: .95rem; line-height: 1.6; }
.border-steps { list-style: none; counter-reset: none; max-width: 860px; margin: 0 auto 14px; padding: 0; position: relative; }
.border-steps::before { content: ''; position: absolute; left: 17px; top: 14px; bottom: 14px; width: 2px;
    background: linear-gradient(180deg, var(--primary-light), var(--accent)); opacity: .35; }
.bstep { display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; position: relative; }
.bstep__n { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: #fff; font-weight: 800; font-size: .95rem;
    box-shadow: 0 2px 8px rgba(26,86,219,.28); position: relative; z-index: 1; }
.bstep__body { display: flex; flex-direction: column; gap: 2px; }
.bstep__title { font-size: 1rem; color: var(--text); }
.bstep__time { font-size: .8rem; color: var(--accent-dark); font-weight: 600; }
.bstep__text { font-size: .93rem; color: var(--text-secondary); line-height: 1.55; }
.border-steps-note { max-width: 860px; margin: 0 auto 22px; padding-top: 12px; border-top: 1px dashed var(--border);
    font-size: .88rem; color: var(--text-muted); line-height: 1.6; }
@media (max-width: 640px) {
    .bstep__n { flex: 0 0 30px; width: 30px; height: 30px; font-size: .85rem; }
    .border-steps::before { left: 14px; }
    .bstep__title { font-size: .95rem; }
    .bstep__text { font-size: .88rem; }
}

/* ---------- Интерактивный помесячный календарь цен ---------- */
.cal-card {
    max-width: 860px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.cal-dir-bar {
    display: flex;
    gap: 6px;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.cal-dir-tab {
    flex: 1;
    padding: 10px 14px;
    font-size: .95rem;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
}
.cal-dir-tab:hover { color: var(--text); }
.cal-dir-tab.is-active {
    background: #fff;
    color: var(--primary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.cal-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 4px;
}
.cal-nav-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}
.cal-nav-btn:hover:not(:disabled) {
    background: #f8fafc;
    border-color: var(--primary-light);
    color: var(--primary);
}
.cal-nav-btn:disabled {
    opacity: .3;
    cursor: not-allowed;
}
.cal-month-title {
    font-size: 1.25rem;
    color: var(--text);
    font-weight: 700;
}
.cal-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    text-align: center;
    font-weight: 600;
    font-size: .85rem;
    color: #64748b;
    margin-bottom: 8px;
}
.cal-wknd { color: #ef4444; }
.cal-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}
.cal-day {
    min-height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 6px 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    cursor: pointer;
    transition: all .2s ease;
    user-select: none;
}
.cal-day:hover:not(.cal-day--past):not(.cal-day--pad) {
    border-color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(59,130,246,0.14);
}
.cal-day--pad {
    border: none;
    background: transparent;
    pointer-events: none;
}
.cal-day--past {
    background: #f8fafc;
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
}
.cal-day--today {
    border-color: #93c5fd;
    background: #f0f7ff;
}
.cal-day--today .cal-day-num {
    color: #1a56db;
    font-weight: 800;
}
.cal-day--selected {
    border: 2px solid #1a56db !important;
    background: #eff6ff !important;
    box-shadow: 0 0 0 3px rgba(26,86,219,0.2) !important;
}
.cal-day-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cal-day-num {
    font-size: .95rem;
    font-weight: 600;
    color: #1e293b;
}
.cal-today-dot {
    color: #1a56db;
    font-size: 1.2rem;
    line-height: .7;
}
.cal-day-price-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cal-day-price {
    font-size: .86rem;
    font-weight: 700;
    color: #1e293b;
}
.cal-day--best {
    background: #f0fdf4;
    border-color: #86efac;
}
.cal-day--best .cal-day-price {
    color: #15803d;
}
.cal-badge-best {
    display: inline-block;
    font-size: .62rem;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 4px;
    background: #dcfce7;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: .02em;
    width: fit-content;
}
.cal-day-empty {
    font-size: .72rem;
    color: #94a3b8;
}
.cal-bottom-bar {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.cal-selection-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cal-sel-icon { font-size: 1.8rem; }
.cal-sel-date {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e293b;
}
.cal-sel-price {
    font-size: .9rem;
    color: #64748b;
    margin-top: 2px;
}
.cal-sel-price strong {
    color: #059669;
}
.cal-actions {
    display: flex;
    gap: 10px;
}
.cal-legend {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 14px;
    font-size: .82rem;
    color: #64748b;
    flex-wrap: wrap;
}
.cal-legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.cal-legend-dot.is-best { background: #22c55e; }
.cal-legend-dot.is-standard { background: #94a3b8; }
.cal-legend-note {
    width: 100%;
    margin-top: 4px;
    font-size: .78rem;
    color: var(--text-muted);
}
.hero-cal-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: .82rem;
    color: #93c5fd;
    text-decoration: underline;
    cursor: pointer;
    transition: color .2s;
}
.hero-cal-link:hover { color: #fff; }

@media (max-width: 640px) {
    .cal-card { padding: 16px 10px; }
    .cal-day { min-height: 54px; padding: 4px 3px; }
    .cal-day-num { font-size: .82rem; }
    .cal-day-price { font-size: .72rem; }
    .cal-badge-best { display: none; }
    .cal-bottom-bar { flex-direction: column; align-items: stretch; }
    .cal-actions { flex-direction: column; }
    .cal-dir-tab { font-size: .85rem; padding: 8px 6px; }
}

/* ==========================================================================
   ВЫПАДАЮЩИЙ КАЛЕНДАРЬ ТАРИФОВ (HERO DATEPICKER С ПОДГРУЗКОЙ ЦЕН)
   ========================================================================== */
.form-group--date {
    position: relative;
}
.lp-datepicker-field {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.lp-datepicker-field input.lp-date-input {
    width: 100%;
    cursor: pointer;
    padding-right: 36px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 600;
}
.lp-date-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    pointer-events: none;
    user-select: none;
    opacity: 0.8;
}

/* Поповер календаря с указателем */
.lp-datepicker-popup {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1050;
    width: 316px;
    max-width: calc(100vw - 28px);
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    padding: 10px 10px 14px 10px;
    font-family: inherit;
    color: #1e293b;
    display: none;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease;
}

/* Попап вынесен в <body>: над полем даты сидят предки с backdrop-filter, transform
   и overflow:hidden — они и обрезали календарь, и запирали его z-index. Из body
   мешать некому, поэтому координаты фиксированные и считаются от поля в lp-calendar.js. */
.lp-datepicker-popup--portal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4000;          /* выше липкой кнопки покупки и бегущей строки */
}
.lp-datepicker-popup.is-open {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Верхняя стрелка-указатель (как в референсе) */
.lp-datepicker-popup::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 28px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}
.lp-datepicker-popup::after {
    content: '';
    position: absolute;
    top: -7px;
    left: 29px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
}

/* Шапка месяца: « Октябрь 2026 » */
.lp-cal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    padding: 0 4px;
}
.lp-cal-nav {
    background: transparent;
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    user-select: none;
    transition: background-color .15s, color .15s;
}
.lp-cal-nav:hover:not(:disabled) {
    background-color: #f1f5f9;
    color: #0284c7;
}
.lp-cal-nav:disabled {
    color: #cbd5e1;
    cursor: not-allowed;
    opacity: 0.5;
}
.lp-cal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-transform: capitalize;
}

/* Индикатор фоновой подгрузки в шапке */
.lp-cal-status-loader {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0284c7;
    animation: lpDotBounce 0.8s infinite alternate;
}

/* Дни недели */
.lp-cal-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    margin-bottom: 4px;
    padding: 2px 0;
}
.lp-cal-weekday {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

/* Сетка чисел */
.lp-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

/* Ячейка дня */
.lp-cal-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 40px;
    margin: 0 auto;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s, color .15s, transform .1s;
    text-align: center;
}
.lp-cal-cell:hover:not(.lp-cal-cell--pad):not(.lp-cal-cell--past):not(.is-selected) {
    background-color: #f1f5f9;
}
.lp-cal-cell:active:not(.lp-cal-cell--pad):not(.lp-cal-cell--past) {
    transform: scale(0.96);
}

.lp-cal-day-num {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1;
    color: #1e293b;
}
.lp-cal-day-price {
    font-size: 9.5px;
    font-weight: 600;
    line-height: 1.05;
    color: #475569;
    margin-top: 1px;
}
.lp-cal-day-empty {
    font-size: 9px;
    color: #94a3b8;
}

/* Дни других месяцев (серые, некликабельные) */
.lp-cal-cell--pad {
    cursor: default;
    pointer-events: none;
}
.lp-cal-cell--pad .lp-cal-day-num {
    color: #cbd5e1;
}

/* Прошедшие дни текущего месяца */
.lp-cal-cell--past {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.45;
}
.lp-cal-cell--past .lp-cal-day-num {
    color: #94a3b8;
}

/* Лучшая цена месяца */
.lp-cal-cell.is-best:not(.is-selected) .lp-cal-day-price {
    color: #16a34a;
    font-weight: 700;
}

/* Активный выбранный день — круглый синий бейдж с белым текстом (как в референсе) */
.lp-cal-cell.is-selected {
    background-color: #006ec7 !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(0, 110, 199, 0.42);
}
.lp-cal-cell.is-selected .lp-cal-day-num,
.lp-cal-cell.is-selected .lp-cal-day-price,
.lp-cal-cell.is-selected .lp-cal-day-empty {
    color: #ffffff !important;
    font-weight: 700;
}

/* Анимация подгрузки ценников: живой отклик для пользователя */
.lp-cal-price-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 10px;
    margin-top: 2px;
}
.lp-cal-dot {
    width: 2.5px;
    height: 2.5px;
    border-radius: 50%;
    background-color: #0284c7;
    animation: lpDotBounce 1.1s infinite ease-in-out both;
}
.lp-cal-dot:nth-child(1) { animation-delay: -0.32s; }
.lp-cal-dot:nth-child(2) { animation-delay: -0.16s; }
.lp-cal-dot:nth-child(3) { animation-delay: 0s; }

@keyframes lpDotBounce {
    0%, 80%, 100% {
        transform: scale(0.5);
        opacity: 0.3;
    }
    40% {
        transform: scale(1.3);
        opacity: 1;
    }
}

/* Плавное появление цены после загрузки */
@keyframes lpPriceAppear {
    from {
        opacity: 0;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.lp-cal-price-appear {
    animation: lpPriceAppear 0.25s ease-out;
}

/* Баннер-подсказка в секции #prices */
.prices-cta-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}
.prices-cta-card p {
    font-size: 1rem;
    color: #475569;
    margin-bottom: 16px;
}

/* ==========================================================================
   Форма бронирования (Hero Search Card) и смена направления
   ========================================================================== */
.hero-widget {
    flex: 0 0 460px;
    width: 100%;
    max-width: 480px;
}

.buy-form-card {
    background: rgba(17, 24, 39, 0.78);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius);
    padding: 28px 24px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.38);
}

.buy-form-card .form-group {
    margin-bottom: 12px;
}

.buy-form-card .form-group label {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 6px;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.buy-form-card select,
.buy-form-card input {
    width: 100%;
    height: 48px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--radius-sm);
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 500;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.buy-form-card select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
    padding-right: 36px;
}

.buy-form-card select option {
    background: #0f172a;
    color: #ffffff;
    padding: 8px;
}

.buy-form-card select:focus,
.buy-form-card input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    background: rgba(15, 23, 42, 0.9);
}

/* Разделитель с кнопкой смены направления (Откуда <-> Куда) */
.route-swap-row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 2px 0 10px;
    height: 36px;
}

.route-swap-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}

.btn-route-swap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin: 0 12px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: #1e293b;
    color: #e2e8f0;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transition: transform 0.25s ease, background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
    flex-shrink: 0;
    z-index: 2;
    /* outline: none снимаем только для мыши: у клавиатуры фокус должен быть виден */
    -webkit-tap-highlight-color: transparent;
}

.btn-route-swap:focus:not(:focus-visible) {
    outline: none;
}

.btn-route-swap:focus-visible {
    outline: 2px solid #f59e0b;
    outline-offset: 2px;
}

.btn-route-swap svg {
    display: block;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn-route-swap:hover {
    background: #2563eb;
    border-color: #60a5fa;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(37, 99, 235, 0.55);
    transform: scale(1.08);
}

.btn-route-swap:active {
    transform: scale(0.92);
}

.btn-route-swap.is-spinning svg {
    transform: rotate(180deg);
}

/* Дата поездки */
.form-group--date {
    position: relative;
    margin-bottom: 14px;
}

.hero-cal-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 0.85rem;
    color: #93c5fd;
    text-decoration: none;
    transition: color 0.15s;
    font-weight: 500;
}

.hero-cal-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Пассажиры: 2 ровные колонки (Взрослые 50%, Дети 50%) */
.buy-form-row--passengers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 18px;
}

.buy-form-row--passengers .form-group {
    margin-bottom: 0;
}

/* Кнопка "Найти билеты" во всю ширину карточки */
.buy-form-submit {
    margin-top: 4px;
}

.btn-block {
    width: 100%;
    display: block;
    text-align: center;
    padding: 14px 20px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 18px rgba(245, 158, 11, 0.35);
}

.btn-block:hover {
    box-shadow: 0 6px 22px rgba(245, 158, 11, 0.5);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .hero-widget {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .buy-form-card {
        padding: 20px 16px;
    }
}

/* ---------- Снижение анимаций ---------- */
@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
    .animate-on-scroll { opacity: 1; transform: none; }
    .ticker__track { animation: none; }
}