@font-face {
  font-family: 'RusNovgorod';
  src: url('/assets/fonts/RusNovgorod-Regular.woff') format('woff'),
       url('/assets/fonts/RusNovgorod-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
:root {
  --blue-deep: #0D2E5C;
  --blue-main: #124285;
  --blue-mid: #1B5BAA;
  --blue-light: #2E7BD6;
  --gold: #C6A55C;
  --gold-light: #E8D5A0;
  --white: #FFFFFF;
  --gray-50: #F7F8FA;
  --gray-100: #EEF0F4;
  --gray-200: #D4D8E0;
  --gray-400: #8B92A0;
  --gray-600: #4A5568;
  --gray-800: #2D3748;
  --green-kg: #2E9E5A;
  --green-bg: #E6F5EC;
  --accent: #b44a2f;
  --font-display: 'RusNovgorod', 'Playfair Display', Georgia, serif;
  --font-heading: 'Montserrat', -apple-system, sans-serif;
  --font-body: 'Montserrat', -apple-system, sans-serif;
  --max-w: 1200px;
  --radius: 12px;
  --shadow: 0 2px 16px rgba(13,46,92,0.08);
  --shadow-h: 0 8px 32px rgba(13,46,92,0.14);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--gray-800);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}

/* ── Заглушка: фон-плейсхолдер для всех карточек с фото ── */

/* HEADER */
.hdr{background:#fff;border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:999}
.hdr-in{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:68px}
.hdr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue-deep)}
.hdr-logo img{width:34px;height:34px}
.hdr-logo-t{display:flex;flex-direction:column;line-height:1.15}
.hdr-logo-t .b{font-family:var(--font-heading);font-size:16px;letter-spacing:.5px}
.hdr-logo-t .s{font-size:11px;color:var(--gray-400);font-weight:400}
.hdr-nav{display:flex;gap:24px}
.hdr-nav a{text-decoration:none;color:var(--gray-600);font-size:13.5px;font-weight:500;transition:color .2s}
.hdr-nav a:hover{color:var(--blue-main)}
.hdr-r{display:flex;align-items:center;gap:14px}
.hdr-ph{font-size:13.5px;font-weight:600;color:var(--blue-main);text-decoration:none;white-space:nowrap}
.hdr-search-wrap{position:relative;display:flex;align-items:center}
.hdr-search-btn{background:none;border:none;color:var(--gray-500,#6b7280);display:flex;align-items:center;padding:6px;border-radius:6px;cursor:pointer;transition:color .2s;position:relative;z-index:12}
.hdr-search-btn:hover{color:var(--blue-main)}
.hdr-search-form{position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;overflow:hidden;transition:width .3s ease;z-index:11}
.hdr-search-wrap.open .hdr-search-form{width:360px}
.hdr-search-input{width:100%;padding:8px 40px 8px 14px;border:1px solid var(--blue-main);border-radius:8px;font-size:14px;outline:none;background:#fff;font-family:inherit;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.hdr-more-wrap{position:relative}
.hdr-more{background:none;border:1px solid var(--gray-200,#e5e7eb);color:var(--gray-500,#6b7280);font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}
.hdr-more:hover,.hdr-more.open{border-color:var(--blue-main);color:var(--blue-main)}
.hdr-drop{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:200px;padding:8px 0;z-index:100}
.hdr-drop.open{display:block}
.hdr-drop a{display:block;padding:8px 18px;font-size:13px;color:var(--blue-deep);text-decoration:none;transition:background .15s}
.hdr-drop a:hover{background:var(--gray-50,#f8f7f5)}
.hdr-drop-sep{height:1px;background:var(--gray-200,#e5e7eb);margin:6px 14px}
.btn-kg{background:var(--green-kg);color:#fff;padding:7px 16px;border-radius:8px;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s}
.btn-kg:hover{background:#26874D;transform:translateY(-1px)}

/* BURGER MENU */
.burger{display:none;width:36px;height:36px;border:1px solid var(--gray-200);border-radius:8px;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}
.burger span{display:block;width:18px;height:2px;background:var(--gray-600);border-radius:1px;transition:all .3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(2.5px,2.5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(2.5px,-2.5px)}
.mob-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:#fff;z-index:998;padding:24px;overflow-y:auto}
.mob-menu.open{display:block}
.mob-menu a{display:block;padding:12px 0;font-size:16px;font-weight:500;color:var(--gray-800);text-decoration:none;border-bottom:1px solid var(--gray-100)}
.mob-menu a:hover{color:var(--blue-main)}
.mob-menu .mob-section{margin-top:20px;padding-top:12px}
.mob-menu .mob-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);margin-bottom:4px}
.mob-menu .mob-phone{display:block;margin-top:20px;font-size:18px;font-weight:600;color:var(--blue-main);text-decoration:none}

/* GLOBAL: remove underlines from card links */

/* HERO */

/* SECTION */

/* INTRO */

/* SCENARIOS */

/* <picture>-обёртки прозрачны для лэйаута; фикс. рамку 16:10 держит контейнер, img заполняет её абсолютом */

/* ROUTES */

/* ROUTES lead text */

/* GUEST CARD — Tilda-inspired */

/* KG pricing micro-block */

/* KG nums */

/* Tariffs + features */

/* PROOF */

/* CITIES */

/* JOURNAL */

/* PARTNERS */

/* APP */

/* SEO ABOUT */

/* FOOTER */
.ftr{background:var(--blue-deep);color:#fff;padding:48px 24px 28px}
.ftr-in{max-width:var(--max-w);margin:0 auto}
.ftr-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:32px}
.ftr-brand{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ftr-bl{display:flex;align-items:center;gap:8px}
.ftr-bl img{height:26px;filter:brightness(0) invert(1)}
.ftr-bl span{font-family:var(--font-heading);font-size:14px}
.ftr-gov{display:flex;align-items:center;gap:8px;font-size:13px;opacity:1}
.ftr-gov img{height:36px}
.ftr-gov span{font-family:var(--font-heading);font-size:13px;opacity:.85}
.ftr-col h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.4;margin-bottom:12px}
.ftr-col a{display:block;color:rgba(255,255,255,.65);text-decoration:none;font-size:13px;margin-bottom:6px;transition:color .2s}
.ftr-col a:hover{color:#fff}
.ftr-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;flex-direction:column;gap:4px}
.ftr-copy{font-size:11px;opacity:.35}
.ftr-copy a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.ftr-copy a:hover{text-decoration-color:#fff}
.ftr-credit{font-size:11px;opacity:.35;display:flex;align-items:center;gap:5px}
.ftr-credit a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.ftr-credit a:hover{text-decoration-color:#fff}
.ftr-credit-logo{height:12px;width:12px;border-radius:2px}
.ftr-phone{color:#fff;text-decoration:none;font-size:14px;font-weight:600}

/* AFISHA */

/* BUTTON MORE */

/* RESPONSIVE */
@media(max-width:900px){.hdr-nav{display:none}.hdr-ph{display:none}.hdr-more-wrap{display:none}.hdr-logo-t{display:none}.burger{display:flex}.hdr-in{gap:10px}.hdr-logo{flex:0 0 auto}.hdr-r{flex:1 1 auto;min-width:0;gap:8px;justify-content:flex-end}.hdr-search-wrap{flex:1 1 auto;min-width:0;order:-1;margin-right:auto}.hdr-search-form{position:static;transform:none;width:100%;overflow:visible}.hdr-search-wrap .hdr-search-form{width:100%}.hdr-search-wrap.open .hdr-search-form{width:100%}.hdr-search-input{width:100%;padding:8px 38px 8px 12px;box-shadow:none;border-color:var(--gray-200,#e5e7eb)}.hdr-search-input:focus{border-color:var(--blue-main)}.hdr-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:4px;z-index:12}.btn-kg{flex:0 0 auto}}
@media(max-width:480px){.hdr-in{gap:8px;padding:0 12px}.btn-kg{padding:7px 10px;font-size:12px}.hdr-search-input{font-size:13.5px;padding:8px 34px 8px 10px}.hdr-search-input::placeholder{font-size:13px}.ftr-top{grid-template-columns:1fr}.ftr-col{display:none}.ftr-top{margin-bottom:16px}}

/* ═══════════════════════════════════════════════════
   EVENTS / АФИША
   ═══════════════════════════════════════════════════ */

/* Section title for upcoming/past split */

/* Grid */

/* Empty state */

/* ── Event Card (catalog) ── */

/* Past card — dimmed */

/* Badges on card */

/* Filters */

/* ── Event Page ── */

/* Breadcrumb */

/* Past banner */

/* Hero */

/* Info Card */

/* Description */

/* Map */

/* KG block */

/* Related events */

/* ── Events: дополнения ── */

/* ── Event page: tile cards (маршруты/экскурсии) ── */

/* ── Responsive ── */

/* ── Search Autocomplete ── */

/* Search bar on results page */

/* ═══════════════════════════════════════════════════
   EXCURSION PAGE (excursion.php) — Atom-S туры
   ═══════════════════════════════════════════════════ */

/* Section titles */

/* ── Swiper inside hero ── */

/* ── Program days (details/summary accordion) ── */

/* ── Hotels grid ── */

/* ── Included / Not included ── */

/* ── Logistics (meeting points) ── */

/* ── Extra info ── */

/* ── CTA block ── */

/* ── Responsive ── */

/* ═══════════════════════════════════════════════════
   CARD PAGE (card.php) — объект / отель / ресторан / сувенир
   ═══════════════════════════════════════════════════ */

/* ── Hero: фото + Info Card ── */

/* ── Description ── */

/* ── Route tabs (card.php) ── */

/* ── KG block ── */

/* ── Map ── */

/* ── Related (3 columns) ── */

/* ── Персоны: годы жизни ── */

/* ── Плашка скрытого объекта ── */

/* ── FAQ ── */

/* ── Responsive ── */

/* ── Общие кнопки ── */

/* ── Smooth scroll + anchor nav ── */
html{scroll-behavior:smooth}
[id="routes"],[id="guest-card"],[id="objects"],[id="hotels"],[id="restaurants"],[id="tours"],[id="events"],[id="people"],[id="faq"]{scroll-margin-top:80px}

/* ── City page (city.php) ── */

/* ── Каталог экскурсий /excursions ── */

/* ── Каталог городов /cities ── */

/* Универсальные отступы для блоков внутри sec-in на мобиле */

/* Hero — full-width background */

/* Контент страницы — отступ снизу */

/* Фильтр городов /cities */

/* ── catalog-names ── */

/* Квадратные изображения в каталоге «Известные люди» (унификация: разные исходники приходят с разными пропорциями) */

/* === Экскурсии в cd-ratom: подзаголовок для соседнего города === */

 

/* === CATALOG HOTELS/RESTAURANTS === */

/* === END CATALOG HOTELS/RESTAURANTS === */

/* ═══════════════════════════════════════════════════════════════════════════
   LANDINGS — стили для /landing/{slug}
   Префикс: .ld-*  (не конфликтует ни с одним существующим классом)
   Использует глобальные токены: --accent, --max-w, --font-heading
   Mobile-first (74% трафика на мобайле)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   landing.css — стили посадочных страниц /landing/*
   
   Использует глобальные токены: --accent, --max-w (из :root style.css).
   Все классы с префиксом .ld- чтобы не конфликтовать с остальным сайтом.
   Mobile-first (74% трафика на мобайле).
   ═══════════════════════════════════════════════════════════════ */

.ld {
    --ld-dark:       #1e1e1e;
    --ld-dark-soft:  #2a2a2a;
    --ld-ink:        #1a1a1a;
    --ld-muted:      #6b6b6b;
    --ld-line:       #e6e6e6;
    --ld-bg-soft:    #f7f5f2;
    --ld-bg-accent:  #faf3ef;     /* тёплый бежевый под акцент */
    --ld-save:       #085041;     /* зелёный «с КГ — бесплатно» */
    --ld-save-bg:    #e7f3ef;
    --ld-r:          12px;

    color: var(--ld-ink);
    line-height: 1.55;
    font-size: 16px;
}

.ld *,
.ld *::before,
.ld *::after { box-sizing: border-box; }

.ld-wrap {
    max-width: var(--max-w, 1200px);
    margin: 0 auto;
    padding: 0 20px;
}

.ld a:not(.ld-btn):not(.ld-seg-title):not(.ld-seg-book) { color: var(--accent, #b44a2f); text-decoration: underline; text-underline-offset: 2px; }
.ld a:not(.ld-btn):not(.ld-seg-title):not(.ld-seg-book):hover { text-decoration: none; }

/* ─── Заголовки ────────────────────────────────────────── */
.ld-h1 {
    font-family: var(--font-heading, inherit);
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    margin: 0 0 18px;
    letter-spacing: -0.01em;
}
.ld-h2 {
    font-family: var(--font-heading, inherit);
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0 0 18px;
    letter-spacing: -0.005em;
}
.ld-h2--light { color: #fff; }

@media (min-width: 768px) {.ld-h1 { font-size: 52px; }.ld-h2 { font-size: 36px; margin-bottom: 24px; }}
@media (min-width: 1024px) {.ld-h1 { font-size: 64px; }.ld-h2 { font-size: 40px; }}

/* ─── Кнопки ───────────────────────────────────────────── */
.ld-btn {
    display: inline-block;
    padding: 14px 26px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none !important;
    text-align: center;
    border: 2px solid transparent;
    transition: transform .15s, box-shadow .15s, background .15s, color .15s;
    cursor: pointer;
}
.ld-btn-lg { padding: 18px 34px; font-size: 17px; }
.ld a.ld-btn,
.ld .ld-btn {
    color: inherit;
}
.ld a.ld-btn-primary,
.ld .ld-btn-primary {
    background: var(--accent, #b44a2f);
    color: #fff !important;
    border-color: var(--accent, #b44a2f);
    box-shadow: 0 4px 14px rgba(180, 74, 47, 0.25);
}
.ld a.ld-btn-primary:hover,
.ld .ld-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(180, 74, 47, 0.4);
    background: #a04127;
    color: #fff !important;
}
.ld a.ld-btn-outline,
.ld .ld-btn-outline {
    background: transparent;
    color: var(--accent, #b44a2f) !important;
    border-color: var(--accent, #b44a2f);
}
.ld a.ld-btn-outline:hover,
.ld .ld-btn-outline:hover {
    background: var(--accent, #b44a2f);
    color: #fff !important;
}

/* ═══ HERO ═══════════════════════════════════════════════ */
.ld-hero {
    background-color: var(--ld-dark);
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    color: #fff;
    padding: 56px 0 64px;
    text-align: left;
    position: relative;
    z-index: 0;
}
.ld-hero.has-bg {
    min-height: 440px;
    display: flex;
    align-items: center;
}
@media (min-width: 768px) {.ld-hero.has-bg { min-height: 520px; }}
.ld-hero .ld-h1 { color: #fff; max-width: 900px; }
.ld-kicker {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: .85;
    margin-bottom: 18px;
    padding: 6px 12px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 20px;
}
.ld-hero-sub {
    font-size: 17px;
    line-height: 1.5;
    opacity: .92;
    max-width: 760px;
    margin: 0 0 28px;
}
.ld-hero-cta { margin-top: 8px; }

@media (min-width: 768px) {.ld-hero { padding: 100px 0 120px; }.ld-hero-sub { font-size: 20px; }}
@media (min-width: 1024px) {.ld-hero { padding: 140px 0 160px; }.ld-hero-sub { font-size: 22px; }}

/* ═══ INTRO (pains / why) ═══════════════════════════════ */
.ld-intro { padding: 56px 0; background: #fff; }
.ld-intro-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}
.ld-intro-card {
    background: var(--ld-bg-soft);
    border-radius: var(--ld-r);
    padding: 24px;
    position: relative;
}
.ld-intro--pains .ld-intro-card {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 0 10px;
}
.ld-intro-num {
    grid-row: 1;
    grid-column: 1;
    width: 32px; height: 32px;
    background: var(--accent, #b44a2f);
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}
.ld-intro-q { font-size: 18px; font-weight: 700; margin: 0 0 10px; color: var(--ld-ink); grid-column: 2; }
.ld-intro-text { color: var(--ld-muted); margin: 0 0 14px; font-size: 15px; grid-column: 1 / -1; }
.ld-intro-answer {
    margin: 0;
    padding: 14px 16px;
    background: var(--ld-save-bg);
    border-left: 3px solid var(--ld-save);
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    color: var(--ld-ink);
    text-transform: uppercase;
    letter-spacing: 0.01em;
    line-height: 1.4;
    grid-column: 1 / -1;
}
.ld-why-title { font-size: 17px; font-weight: 700; margin: 0 0 8px; }
.ld-why-text { margin: 0; font-size: 15px; color: var(--ld-muted); line-height: 1.55; }
.ld-intro-footer { margin-top: 22px; font-size: 17px; color: var(--ld-ink); text-align: center; }

@media (min-width: 768px) {.ld-intro { padding: 80px 0; }.ld-intro-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }.ld-why-title { font-size: 18px; }}
@media (min-width: 1024px) {.ld-intro-card { padding: 28px; }.ld-intro--pains .ld-intro-card { padding-top: 28px; }}

/* ═══ KG-БЛОК ═════════════════════════════════════════════ */
.ld-kg {
    background: var(--ld-dark);
    color: #fff;
    padding: 56px 0;
}
.ld-kg-kicker {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent, #b44a2f);
    margin-bottom: 14px;
}

/* 3 карточки-цифры */
.ld-kg-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 28px 0;
}
.ld-kg-stat {
    padding: 24px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--ld-r);
    text-align: center;
}
.ld-kg-stat-num {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 8px;
    color: #fff;
    letter-spacing: -0.02em;
}
.ld-kg-stat-label {
    font-size: 15px;
    opacity: .85;
    line-height: 1.4;
}

.ld-kg a { color: #fff; }
.ld-kg-prices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 0 0 24px;
}
.ld-kg-prices > div {
    padding: 10px 16px;
    background: rgba(255,255,255,.1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}

.ld-kg-cta { text-align: center; }
.ld-kg-note {
    font-size: 13px;
    opacity: .6;
    margin: 12px 0 0;
}

@media (min-width: 600px) {.ld-kg-stats { grid-template-columns: repeat(3, 1fr); gap: 16px; }}
@media (min-width: 768px) {.ld-kg { padding: 80px 0; }.ld-kg-stat { padding: 28px; }.ld-kg-stat-num { font-size: 44px; }.ld-kg-stat-label { font-size: 16px; }}

/* ═══ ТАБЫ-МАРШРУТЫ ═════════════════════════════════════ */
.ld-tabs { padding: 56px 0; background: #fff; }
.ld-tabs-sub { font-size: 17px; color: var(--ld-muted); max-width: 720px; margin: -8px 0 28px; }

.ld-tabs-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 0 -20px 24px;
    padding: 0 20px 6px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.ld-tabs-nav::-webkit-scrollbar { height: 4px; }
.ld-tabs-nav::-webkit-scrollbar-thumb { background: var(--ld-line); border-radius: 2px; }

.ld-tab-btn {
    flex: 0 0 auto;
    padding: 12px 20px;
    background: var(--ld-bg-soft);
    border: 2px solid transparent;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ld-ink);
    cursor: pointer;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: all .15s;
}
.ld-tab-btn:hover { background: var(--ld-bg-accent); }
.ld-tab-btn.is-active {
    background: var(--ld-dark);
    color: #fff;
    border-color: var(--ld-dark);
}

.ld-tab-panel { display: none; }
.ld-tab-panel.is-active { display: block; animation: ldFadeIn .25s ease-out; }

@keyframes ldFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.ld-tab-subtitle { color: var(--ld-muted); font-size: 16px; margin: 0 0 20px; font-style: normal; }
.ld-tab-subtitle em { font-style: italic; }
.ld-tab-format { font-size: 14px; color: var(--ld-muted); margin: 0 0 24px; font-weight: 600; }

.ld-day {
    margin: 0 0 32px;
    padding: 24px;
    background: var(--ld-bg-soft);
    border-radius: var(--ld-r);
}
.ld-day-title {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 18px;
    color: var(--ld-ink);
    padding-bottom: 12px;
    border-bottom: 2px solid var(--accent, #b44a2f);
    display: inline-block;
}
.ld-day-note { font-size: 14px; color: var(--ld-muted); margin: 0 0 16px; }

.ld-seg { margin: 0 0 22px; }
.ld-seg:last-child { margin-bottom: 0; }
.ld-seg-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: var(--accent, #b44a2f);
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* ─── Карточки (грид) ──────────────────────────────────── */
.ld-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

/* ─── Вертикальная карточка (с картинкой) ──────────────── */
.ld-card {
    background: #fff;
    border-radius: var(--ld-r);
    overflow: hidden;
    border: 1px solid var(--ld-line);
    transition: border-color .15s, box-shadow .15s, transform .15s;
    display: flex;
    flex-direction: column;
}
.ld-card:hover {
    border-color: var(--accent, #b44a2f);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    transform: translateY(-2px);
}

.ld-card-img {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--ld-bg-soft);
}
.ld-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.ld-card:hover .ld-card-img img { transform: scale(1.04); }

/* КГ-бейдж на картинке (правый верх) */
.ld-card-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--ld-save, #085041);
    color: #fff;
    white-space: nowrap;
    z-index: 2;
}

.ld-card-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ld-card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 6px;
    color: var(--ld-ink);
    text-decoration: none;
    display: block;
}
a.ld-card-title { color: var(--ld-ink); }
a.ld-card-title:hover { color: var(--accent, #b44a2f); }

.ld-card-desc {
    color: var(--ld-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.ld-card-book {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: var(--accent, #b44a2f);
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    transition: background .15s;
    align-self: flex-start;
}
.ld-card-book:hover { background: #a04127; color: #fff; }

/* Плейсхолдер (нет фото) */
.ld-card-img--ph {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--ld-bg-soft) 0%, var(--ld-bg-accent, #faf3ef) 100%);
}
.ld-card-ph {
    font-size: 42px;
    line-height: 1;
    opacity: .6;
}
.ld-card--meal .ld-card-img--ph { background: linear-gradient(135deg, #fdf6e3 0%, #faf0d8 100%); }
.ld-card--excursion .ld-card-img--ph { background: linear-gradient(135deg, #f0e8f5 0%, #e8dff0 100%); }

@media (min-width: 600px) {.ld-cards { grid-template-columns: repeat(2, 1fr); gap: 16px; }}
@media (min-width: 768px) {.ld-tabs { padding: 80px 0; }.ld-tabs-nav { margin-bottom: 36px; }.ld-tab-btn { padding: 14px 24px; font-size: 15px; }.ld-day { padding: 32px; }.ld-day-title { font-size: 24px; }.ld-cards { grid-template-columns: repeat(3, 1fr); gap: 18px; }.ld-card-body { padding: 16px 18px 18px; }.ld-card-title { font-size: 17px; }}

/* ─── Таблицы: расчёт и бонусы ─────────────────────────── */
.ld-calc, .ld-bonus { margin: 24px 0 0; }
.ld-calc-title {
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 14px;
    color: var(--ld-ink);
}
.ld-table-wrap {
    overflow-x: auto;
    margin: 0 -20px;
    padding: 0 20px;
    -webkit-overflow-scrolling: touch;
}
.ld-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    background: #fff;
    border-radius: var(--ld-r);
    overflow: hidden;
    box-shadow: 0 1px 0 var(--ld-line);
}
.ld-table th,
.ld-table td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid var(--ld-line);
    font-size: 14px;
    line-height: 1.4;
    vertical-align: middle;
}
.ld-table th {
    background: var(--ld-bg-soft);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--ld-muted);
}
.ld-table--calc td:nth-child(4) { color: var(--ld-save); font-weight: 700; }
.ld-table--calc td:last-child { color: var(--ld-save); font-weight: 700; white-space: nowrap; }
.ld-table-kg td { background: var(--ld-bg-accent); font-weight: 700; }
.ld-table-total td {
    background: var(--accent, #b44a2f);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    border-bottom: 0;
}
.ld-table-total td:last-child { color: #fff; }
.ld-table--bonus td:last-child { color: var(--ld-save); font-weight: 700; }

@media (min-width: 768px) {.ld-table-wrap { margin: 0; padding: 0; }.ld-table { min-width: 0; }.ld-table th, .ld-table td { padding: 14px 18px; font-size: 15px; }}

/* ─── Итоговая сводка таба ─────────────────────────────── */
.ld-summary {
    margin: 24px 0 0;
    padding: 24px;
    background: var(--ld-save-bg);
    border-radius: var(--ld-r);
    border-left: 4px solid var(--ld-save);
}
.ld-summary-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    font-size: 15px;
    border-bottom: 1px dashed rgba(8, 80, 65, 0.15);
}
.ld-summary-row:last-of-type { border-bottom: 0; }
.ld-summary-label { color: var(--ld-ink); }
.ld-summary-value { font-weight: 700; color: var(--ld-ink); white-space: nowrap; }
.ld-summary-total {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 16px;
    background: var(--ld-save);
    color: #fff;
    border-radius: 8px;
    font-weight: 800;
    font-size: 17px;
}

/* ═══ КАК ЭТО РАБОТАЕТ ═════════════════════════════════ */
.ld-how { padding: 56px 0; background: var(--ld-bg-soft); }
.ld-how-sub { font-size: 19px; font-weight: 700; margin: -8px 0 28px; color: var(--ld-ink); }
.ld-how-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 18px;
}
.ld-how-step {
    display: flex;
    gap: 18px;
    padding: 22px 24px;
    background: #fff;
    border-radius: var(--ld-r);
    align-items: flex-start;
}
.ld-how-num {
    flex: 0 0 42px;
    width: 42px; height: 42px;
    background: var(--accent, #b44a2f);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
}
.ld-how-text { font-size: 16px; line-height: 1.5; }

@media (min-width: 768px) {.ld-how { padding: 80px 0; }.ld-how-steps { grid-template-columns: repeat(3, 1fr); gap: 22px; }.ld-how-step { padding: 28px; }.ld-how-num { flex-shrink: 0; }}

/* ═══ EXTRAS (Новгород в телефоне / Святые источники) ══ */
.ld-extra { padding: 56px 0; background: #fff; }
.ld-extra-sub { font-size: 17px; color: var(--ld-muted); margin: -8px 0 24px; }
.ld-extra-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
}
.ld-extra-card {
    padding: 22px;
    border: 1px solid var(--ld-line);
    border-radius: var(--ld-r);
    background: #fff;
    transition: border-color .15s, transform .15s;
}
.ld-extra-card:hover { border-color: var(--accent, #b44a2f); transform: translateY(-2px); }
.ld-extra-label { font-size: 16px; font-weight: 800; margin-bottom: 8px; color: var(--accent, #b44a2f); }
.ld-extra-text { font-size: 15px; line-height: 1.55; margin: 0; color: var(--ld-ink); }

@media (min-width: 768px) {.ld-extra { padding: 80px 0; }.ld-extra-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }}

/* ═══ LISTINGS (8 экскурсий / 12 монастырей) ═══════════ */
.ld-list { padding: 56px 0; background: var(--ld-bg-soft); }
.ld-list-sub { font-size: 17px; color: var(--ld-muted); margin: -8px 0 24px; }
.ld-list-group {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--accent, #b44a2f);
    margin: 28px 0 12px;
}
.ld-list-group:first-of-type { margin-top: 0; }
.ld-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px;
}
.ld-list-item {
    padding: 16px 18px;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    border-left: 3px solid var(--accent, #b44a2f);
}
.ld-list-item strong { color: var(--ld-ink); }
.ld-list-price { color: var(--accent, #b44a2f); font-weight: 700; }
.ld-list-note { color: var(--ld-muted); }
.ld-list-desc { margin-top: 6px; color: var(--ld-muted); font-size: 14px; }

@media (min-width: 768px) {.ld-list { padding: 80px 0; }.ld-list-item { font-size: 16px; padding: 18px 22px; }}

/* ═══ FAQ ═══════════════════════════════════════════════ */
.ld-faq { padding: 56px 0; background: #fff; }
.ld-faq-list {
    max-width: 860px;
    display: grid;
    gap: 10px;
}
.ld-faq-item {
    background: var(--ld-bg-soft);
    border-radius: var(--ld-r);
    padding: 18px 22px;
    transition: background .15s;
}
.ld-faq-item[open] { background: #fff; border: 1px solid var(--ld-line); }
.ld-faq-q {
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    list-style: none;
    position: relative;
    padding-right: 32px;
    color: var(--ld-ink);
}
.ld-faq-q::-webkit-details-marker { display: none; }
.ld-faq-q::after {
    content: '+';
    position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: var(--accent, #b44a2f);
    font-weight: 400;
    transition: transform .15s;
    line-height: 1;
}
.ld-faq-item[open] .ld-faq-q::after { content: '−'; }
.ld-faq-a {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ld-muted);
}

@media (min-width: 768px) {.ld-faq { padding: 80px 0; }.ld-faq-q { font-size: 17px; }}

/* ═══ CUSTOM TOUR ═══════════════════════════════════════ */
.ld-custom {
    padding: 56px 0;
    background: var(--ld-bg-accent);
    text-align: center;
}
.ld-custom-sub { font-size: 18px; font-weight: 700; max-width: 700px; margin: -8px auto 16px; }
.ld-custom-text { font-size: 16px; color: var(--ld-muted); max-width: 640px; margin: 0 auto 24px; }
.ld-custom-cta { margin-bottom: 12px; }
.ld-custom-note { font-size: 13px; color: var(--ld-muted); margin: 0; }

@media (min-width: 768px) {.ld-custom { padding: 80px 0; }}

/* ═══ ФИНАЛЬНЫЙ CTA ═════════════════════════════════════ */
.ld-final {
    padding: 72px 0 80px;
    background:
        radial-gradient(circle at 20% 30%, rgba(180, 74, 47, 0.35), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(180, 74, 47, 0.2), transparent 50%),
        var(--ld-dark);
    color: #fff;
    text-align: center;
}
/* Когда задан фон-картинка через inline style — она перекрывает градиент, но цвет и текст остаются светлыми */
.ld-final.has-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ld-final-sub { font-size: 19px; opacity: .9; margin: -8px 0 24px; font-weight: 500; }
.ld-final-prices {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 22px;
    max-width: 820px;
}
.ld-final-prices > div {
    padding: 12px 18px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
}
.ld-final-bullets {
    font-size: 15px;
    opacity: .85;
    max-width: 780px;
    margin: 0 auto 28px;
    line-height: 1.7;
}
.ld-final-cta { margin-bottom: 14px; }
.ld-final-note { font-size: 14px; opacity: .7; margin: 0; }

@media (min-width: 768px) {.ld-final { padding: 100px 0 110px; }.ld-final-sub { font-size: 22px; }.ld-final-bullets { font-size: 17px; }}
/* =========================================================
   GUEST CARD PAGE (/guest-card) — префикс .gcp-*
   Добавить в конец /assets/css/style.css
   ========================================================= */

/* --- Hero --- */

/* Hero mini-tariffs aside */

/* --- Card images (айдентика пластика) --- */

/* --- Кнопки --- */

/* --- Секции --- */

/* --- Зона 2: Что входит --- */

/* --- Зона 3: Калькулятор --- */

/* --- Зона 3b: Тарифы --- */

/* --- Зона 4: Как получить --- */

/* --- Зона 5: Партнёры --- */

/* --- Зона 6: FAQ --- */

/* --- Зона 7: B2B --- */

/* --- Модалка покупки --- */

/* Купон */

/* Итог */

/* =========================================================
   GUEST CARD — MOBILE (≤900px)
   ========================================================= */

/* ═══ Checkout Success ═══════════════════════════════════ */

@keyframes gcp-spin{to{transform:rotate(360deg)}}

/* ═══ My Card ════════════════════════════════════════════ */

/* Карточка — градиент в синей гамме сайта */

/* Прогресс-бар */

/* Форма отметки */

/* Заголовки секций */

/* История */

@keyframes mc-flash{0%,100%{background:#fff}50%{background:var(--green-bg)}}

/* Доступные музеи (чеклист) */

/* Поделиться */

/* Инфо */

/* Мобильная адаптация */

/* ═══ Admin Panel ════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════
   АУДИОГИДЫ (.ag-*)
   ═══════════════════════════════════════════════════════ */

/* --- Hero --- */

/* --- Карта --- */

/* --- Фильтры-чипсы --- */

/* --- Каталог: сетка карточек --- */

/* --- SEO текст --- */

/* ═══ СТРАНИЦА АУДИОГИДА (.ag-page-*) ═══ */

/* --- Intro --- */

/* --- Карта маршрута --- */

/* --- Остановки --- */

/* --- Контент --- */

/* --- КГ блок --- */

/* --- Похожие --- */

/* --- Адаптив --- */

/* ═══ PROXIMITY BLOCKS v5 ═══ */

/* Названия в 1 строку с обрезкой */

/* «Рядом с этим местом» (v3): показываем интро + расстояние-пилюлю + бейдж КГ.
   Раскладка тела карточки — вертикальная, чтобы всё помещалось под названием. */

/* название можно в 2 строки (а не обрезать в одну) */

/* контейнер карточек в колонке (для дозаписи по «Ещё») */

/* короткое описание под названием */

/* мета-строка: расстояние + бейдж КГ */

/* пилюля с расстоянием — заметная */

/* кнопка «Ещё» под колонкой */

/* === Расстояния и мета в маршрутном блоке (v3) === */
/* Обновлено 23 апр 2026 — цветовая дифференциация + легенда */

/* Подпись расстояния у остановки: в цвет акцента, жирная */

/* Хинт под списком остановок: в цвет акцента, полужирный, не italic */

/* === Легенда колонок маршрута === */

/* === Цветовое кодирование правой колонки (⏱ время · 🎫 оплата) === */

/* Время осмотра — всегда нейтральный серый */

/* Оплата — базовый класс (цвет задаётся модификатором ниже) */
 

/* "бесплатно" (просто факт, не выгода) — серый, не выделяется */

/* "бесплатно по КГ (250 ₽)" — ЗЕЛЁНЫЙ (реальная экономия) */

/* "КГ −10%" — АКЦЕНТ (скидка) */

/* "вход 300 ₽" / "средний чек 800 ₽" — серый (справочно) */

/* Адаптив под мобильник — на узком экране легенда слишком длинная */

/* ═══════════════════════════════════════════════════════════
   CROSS-LINKS: аудиогид + курируемые маршруты (card.php, ЗОНА 2.4)
   Компактные плашки между описанием и блоком маршрутов.
   ═══════════════════════════════════════════════════════════ */

/* Бейдж «✓ с посещением» в мета-строке тура (блок .cd-ratom) */

/* ═══ Блок «Другие экскурсии в городе» на excursion.php ═══ */
/* Переопределяет cd-related-grid (3 колонки «Что/Где остановиться/Где поесть»)
   на 3 колонки карточек-туров (тот же размер, но без подколонок) */

/* body для этого блока: имя и meta — друг под другом, а не рядом с бейджем */

/* ══════════════════════════════════════════════════════════════════
   /routes — карточки маршрутов (стандарт каталога)
   ══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════
   /my-route — страница сгенерированного маршрута
   ══════════════════════════════════════════════════════════════════ */

/* Карта */

/* День */

/* Периоды */

/* Плитки */

/* Отель */

/* КГ блок */

/* Responsive */

/* Печать */
@media print{header, footer, .mr-actions, .mr-map, .mr-kg, .breadcrumb{display:none!important}}
/* ═══ ROUTE BUILDER — конструктор маршрута (landing v2) ══════════ */
.ld-rb {
    padding: 56px 0;
    background: var(--ld-bg-soft);
}
.ld-rb-h2 {
    font-family: var(--font-heading, inherit);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 8px;
    color: var(--ld-ink);
    text-align: center;
}
.ld-rb-sub {
    font-size: 16px;
    color: var(--ld-muted);
    text-align: center;
    margin: 0 0 28px;
}

.ld-rb-form {
    max-width: 860px;
    margin: 0 auto;
    padding: 28px 24px;
    background: #fff;
    border-radius: var(--ld-r);
    border: 1px solid var(--ld-line);
}

/* Ряды */
.ld-rb-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 22px;
}
.ld-rb-row--full { grid-template-columns: 1fr; }

/* Группа */
.ld-rb-group {}
.ld-rb-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ld-muted);
    margin-bottom: 10px;
}
.ld-rb-hint {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

/* Пиллы */
.ld-rb-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ld-rb-pills--compact { gap: 6px; }

.ld-rb-pill {
    padding: 10px 18px;
    background: #fff;
    border: 2px solid var(--ld-line);
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ld-ink);
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s;
    line-height: 1.2;
}
.ld-rb-pills--compact .ld-rb-pill {
    padding: 10px 16px;
    border-radius: 8px;
    min-width: 44px;
    text-align: center;
}
.ld-rb-pill:hover {
    border-color: var(--accent, #b44a2f);
    color: var(--accent, #b44a2f);
}
.ld-rb-pill.is-on {
    background: var(--accent, #b44a2f);
    border-color: var(--accent, #b44a2f);
    color: #fff;
}

/* GPS чекбокс */
.ld-rb-geo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--ld-muted);
    margin: 20px 0;
    cursor: pointer;
}
.ld-rb-geo input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent, #b44a2f);
}

/* Кнопки действий */
.ld-rb-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.ld-rb-submit {
    flex: 1;
    min-width: 200px;
}
.ld-rb-random {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 28px;
    background: #fff;
    border: 2px solid var(--ld-line);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--ld-ink);
    text-decoration: none;
    transition: border-color .15s, transform .15s;
    white-space: nowrap;
}
.ld-rb-random:hover {
    border-color: var(--accent, #b44a2f);
    transform: translateY(-1px);
}

@media (min-width: 600px) {.ld-rb-row { grid-template-columns: 1fr 1fr; }.ld-rb-row--full { grid-template-columns: 1fr; }}
@media (min-width: 768px) {.ld-rb { padding: 80px 0; }.ld-rb-h2 { font-size: 42px; }.ld-rb-form { padding: 36px 32px; }.ld-rb-pill { padding: 10px 20px; font-size: 15px; }}

/* ─── Электронная карта — строка в финальном CTA ────────── */
.ld-final-electronic {
    font-size: 15px;
    opacity: .85;
    margin: -4px 0 20px;
    font-weight: 600;
    letter-spacing: 0.02em;
}
/* ═══ Sputnik8 Booking Widget ═══ */

/* ===== /centers — ТИЦы ===== */

/* ── Сворачиваемые чипы-фильтры (вынесено из catalog-restaurants.php) ── */