@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}

/* ── Заглушка: фон-плейсхолдер для всех карточек с фото ── */
.cd-hero-img,
.cd-related-item-img,
.city-card-img,
.city-event-img,
.exc-card-img,
.hr-card-img,
.prx-card-img,
.cd-no-img{background:var(--gray-100) url('/assets/img/placeholder.png') center/cover no-repeat}

/* 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 ── */

.exc-swiper .swiper-button-prev,
.exc-swiper .swiper-button-next{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.exc-swiper .swiper-button-prev::after,
.exc-swiper .swiper-button-next::after{font-size:20px}
.exc-swiper .swiper-pagination-bullet{background:#fff;opacity:.5}
.exc-swiper .swiper-pagination-bullet-active{opacity:1}

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

/* ── Hotels grid ── */

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

.exc-incl .cd-desc-body{font-size:14px}
.exc-incl .cd-desc-body p{margin-bottom:8px}

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

.exc-logistics-item .cd-info-icon{flex-shrink:0;margin-top:2px}

/* ── Extra info ── */

/* ── CTA block ── */
.cd-cta-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--gray-100);border-radius:var(--radius);margin-bottom:36px;flex-wrap:wrap}
.cd-cta-compact strong{font-size:15px;color:var(--blue-deep)}
.cd-cta-compact .cd-cta-price{font-size:14px;color:var(--gray-400);margin-left:12px}

/* ── Responsive ── */

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

.cd-page{padding:0 24px 60px}
.cd-page-in{max-width:var(--max-w);margin:0 auto}

/* ── Hero: фото + Info Card ── */
.cd-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}

.cd-hero-img{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;position:relative}
.cd-hero-img img{width:100%;height:100%;object-fit:cover}
.cd-hero-kg{position:absolute;top:12px;right:12px;z-index:2}
.cd-no-img{width:100%;height:100%;background:var(--gray-100);display:flex;align-items:center;justify-content:center}
.cd-no-img span{font-family:var(--font-heading);font-size:64px;color:var(--gray-200)}

.cd-info{display:flex;flex-direction:column;justify-content:flex-start}
.cd-stars{font-size:14px;color:var(--gold);margin-bottom:6px;letter-spacing:2px}
.cd-info h1{font-family:var(--font-heading);font-size:30px;color:var(--blue-deep);line-height:1.2;margin-bottom:8px}
.cd-city{font-size:13px;color:var(--blue-main);text-decoration:none;margin-bottom:16px;display:inline-block}
.cd-city:hover{text-decoration:underline}

.cd-info-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;padding:16px 18px;margin-bottom:16px}
.cd-info-row{font-size:13px;color:var(--gray-600);padding:5px 0;display:flex;align-items:center;gap:8px}
.cd-info-row a{color:var(--blue-main);text-decoration:none}
.cd-info-row a:hover{text-decoration:underline}
.cd-info-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0}
.cd-info-icon:empty{display:none}
.cd-info-row:has(.cd-info-icon:empty){gap:0}
.cd-info-kg{color:var(--green-kg);font-weight:600}
.cd-info-access{color:var(--blue-main,#2563eb);font-weight:600}

.cd-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── Description ── */
.cd-description{margin-bottom:36px;max-width:var(--max-w)}
.cd-desc-lead{font-size:17px;font-weight:500;line-height:1.6;color:var(--blue-deep);margin-bottom:16px}
.cd-desc-body{font-size:15px;color:var(--gray-800);line-height:1.75}
.cd-desc-body p{margin-bottom:12px}
.cd-desc-body h2,.cd-desc-body h3,.cd-desc-body h4{font-family:var(--font-heading);color:var(--blue-deep);margin:20px 0 8px;font-size:20px}
.cd-desc-body a{color:var(--blue-main);text-decoration:underline;text-decoration-color:rgba(18,66,133,.3);text-underline-offset:2px}
.cd-desc-body a:hover{text-decoration-color:var(--blue-main)}
.cd-desc-body ul,.cd-desc-body ol{margin:8px 0 12px 20px}
.cd-desc-body li{margin-bottom:4px}

/* ── Route tabs (card.php) ── */
.cd-routes{margin-bottom:36px}
.cd-routes-title{font-family:var(--font-heading);font-size:22px;color:var(--blue-deep);margin:0 0 6px;padding:0}
.cd-routes-sub{color:var(--gray-400);font-size:15px;margin-bottom:16px}
.cd-rtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.cd-rtab{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:2px solid var(--gray-100);background:#fff;color:var(--gray-400);transition:all .15s;font-family:var(--font-body)}
.cd-rtab:hover{border-color:var(--accent);color:var(--accent)}
.cd-rtab.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.cd-rpanel{display:none}
.cd-rpanel.active{display:block}
.cd-rstops{border:1px solid var(--gray-100);border-radius:8px;overflow:hidden;margin-bottom:16px;background:#fff}
.cd-rstop{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-100);align-items:center}
.cd-rstop:last-child{border-bottom:none}
.cd-rstop-time{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase}
.cd-rstop-name a{color:var(--blue-deep);text-decoration:none;font-weight:600}
.cd-rstop-name a:hover{color:var(--accent)}
.cd-rstop-note{font-size:13px;color:var(--gray-400)}
.cd-rstop-saving{font-size:13px;color:var(--green-kg);font-weight:600;white-space:nowrap}
.cd-rsavings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;text-align:center;padding:20px;background:var(--bg-warm,#fef7f4);border-radius:8px;margin:0 0 16px}
.cd-rsavings-num{font-size:22px;font-weight:700}
.cd-rsavings-label{font-size:12px;color:var(--gray-400);margin-top:2px}
.cd-rsavings-num.green{color:var(--green-kg)}
.cd-rhotel{display:flex;gap:12px;align-items:center;padding:12px 16px;background:var(--gray-50);border-radius:8px;margin:0 0 16px;font-size:14px}
.cd-rhotel .icon{font-size:20px}
.cd-ratom{background:#fff;border:1px solid var(--gray-100);border-radius:8px;padding:16px;margin:0 0 16px}
.cd-ratom-title{font-size:14px;color:var(--gray-400);margin-bottom:8px}
.cd-ratom-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}
.cd-ratom-item+.cd-ratom-item{border-top:1px solid var(--gray-100)}
.cd-ratom-name{font-weight:600;font-size:14px}
.cd-ratom-name a{color:var(--blue-deep);text-decoration:none}
.cd-ratom-name a:hover{color:var(--accent)}
.cd-ratom-meta{font-size:12px;color:var(--gray-400)}
.cd-ratom-meta .stars{color:#f5a623;font-weight:700}
.cd-ratom-btn{display:inline-block;padding:6px 16px;font-size:13px;font-weight:600;border:1px solid var(--gray-100);border-radius:6px;color:var(--blue-deep);text-decoration:none;transition:all .15s;white-space:nowrap;flex-shrink:0}
.cd-ratom-btn:hover{border-color:var(--accent);color:var(--accent)}

/* ── KG block ── */
.cd-kg-block{background:var(--green-bg);border:1px solid #c8e6d5;border-radius:var(--radius);padding:24px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cd-kg-text strong{display:block;font-size:16px;color:var(--green-kg);margin-bottom:4px}
.cd-kg-text span{font-size:13px;color:var(--gray-600);line-height:1.5}
.cd-kg-prices{display:flex;gap:12px;flex-wrap:wrap}
.cd-kg-prices span{font-size:12px;color:var(--gray-600);background:#fff;border:1px solid #c8e6d5;border-radius:6px;padding:4px 10px;white-space:nowrap}

/* ── Map ── */
.cd-map{height:300px;border-radius:var(--radius);overflow:hidden;margin-bottom:32px}
.cd-map:empty{display:none}

/* ── Related (3 columns) ── */
.cd-related{margin-bottom:36px}
.cd-related-title{font-family:var(--font-heading);font-size:24px;color:var(--blue-deep);margin-bottom:20px}
.cd-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.cd-related-col h3{font-size:14px;font-weight:700;color:var(--blue-deep);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--blue-main)}
.cd-related-col{display:flex;flex-direction:column;gap:10px}
.cd-related-item{display:block;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;background:#fff}
.cd-related-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.cd-related-item-img{aspect-ratio:16/10;overflow:hidden;position:relative}
.cd-related-item-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.cd-related-item-body{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.cd-related-item-name{font-size:12.5px;font-weight:600;color:var(--blue-deep);line-height:1.3;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cd-related-item-kg{font-size:10px;font-weight:600;color:var(--green-kg);background:var(--green-bg);padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0}

/* ── Персоны: годы жизни ── */
.cd-person-years{font-size:15px;color:#6b7280;margin-top:2px;margin-bottom:2px}

/* ── Плашка скрытого объекта ── */
.cd-notice{background:#fef3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin:12px 0 0;font-size:14px;color:#664d03;line-height:1.5}
.cd-notice a{color:#664d03;font-weight:600;text-decoration:underline}

/* ── FAQ ── */
.cd-faq{margin-bottom:36px}
.cd-faq h2{font-family:var(--font-heading);font-size:24px;color:var(--blue-deep);margin-bottom:16px}
.cd-faq-item{border:1px solid var(--gray-100);border-radius:10px;margin-bottom:8px;overflow:hidden}
.cd-faq-item summary{padding:14px 18px;font-size:14px;font-weight:600;color:var(--blue-deep);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .15s}
.cd-faq-item summary::-webkit-details-marker{display:none}
.cd-faq-item summary::after{content:'＋';font-size:16px;color:var(--gray-400);transition:transform .2s}
.cd-faq-item[open] summary::after{content:'−'}
.cd-faq-item[open] summary{background:var(--gray-50)}
.cd-faq-item p{padding:0 18px 14px;font-size:14px;color:var(--gray-600);line-height:1.6}

/* ── Responsive ── */
@media(max-width:900px){.cd-hero{grid-template-columns:1fr}.cd-info h1{font-size:24px}.cd-related-grid{grid-template-columns:1fr}.cd-kg-block{flex-direction:column;text-align:center}.cd-rstop{grid-template-columns:60px 1fr;gap:8px}.cd-rstop-saving{grid-column:2}.cd-rsavings{grid-template-columns:1fr;gap:12px}}

@media(max-width:480px){.cd-hero-img{aspect-ratio:4/3}.cd-kg-prices{flex-direction:column;align-items:center}}

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

/* ── 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) ── */

.cd-description .cd-desc-body img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}

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

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

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

/* Hero — full-width background */

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

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

/* ── catalog-names ── */

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

/* === Экскурсии в cd-ratom: подзаголовок для соседнего города === */
.cd-ratom-title-sub {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed var(--gray-200);
    font-size: 13px;
    color: var(--gray-500);
    font-weight: normal;
    letter-spacing: 0.02em;
}
 

/* === 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% трафика на мобайле).
   ═══════════════════════════════════════════════════════════════ */

/* ─── Заголовки ────────────────────────────────────────── */

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

/* ═══ HERO ═══════════════════════════════════════════════ */

/* ═══ INTRO (pains / why) ═══════════════════════════════ */

/* ═══ KG-БЛОК ═════════════════════════════════════════════ */

/* 3 карточки-цифры */

/* ═══ ТАБЫ-МАРШРУТЫ ═════════════════════════════════════ */

.ld-tab-btn.is-active {
    background: var(--ld-dark);
    color: #fff;
    border-color: var(--ld-dark);
}

.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; } }

/* ─── Карточки (грид) ──────────────────────────────────── */

/* ─── Вертикальная карточка (с картинкой) ──────────────── */

/* КГ-бейдж на картинке (правый верх) */

/* Плейсхолдер (нет фото) */

/* ─── Таблицы: расчёт и бонусы ─────────────────────────── */

/* ─── Итоговая сводка таба ─────────────────────────────── */

/* ═══ КАК ЭТО РАБОТАЕТ ═════════════════════════════════ */

/* ═══ EXTRAS (Новгород в телефоне / Святые источники) ══ */

/* ═══ LISTINGS (8 экскурсий / 12 монастырей) ═══════════ */

/* ═══ FAQ ═══════════════════════════════════════════════ */

/* ═══ CUSTOM TOUR ═══════════════════════════════════════ */

/* ═══ ФИНАЛЬНЫЙ CTA ═════════════════════════════════════ */

/* Когда задан фон-картинка через inline style — она перекрывает градиент, но цвет и текст остаются светлыми */

/* =========================================================
   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 ═══ */
.prx-wrap{margin-top:2rem}

.prx-badge{
    position:absolute;
    bottom:6px;right:6px;
    background:var(--accent,#b44a2f);
    color:#fff;
    font-size:12px;font-weight:700;
    padding:4px 10px;
    border-radius:20px;
    white-space:nowrap;
    line-height:1;
    letter-spacing:.03em;
    box-shadow:0 2px 6px rgba(0,0,0,.25);
}

/* Названия в 1 строку с обрезкой */
.prx-wrap .cd-related-item-name{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* «Рядом с этим местом» (v3): показываем интро + расстояние-пилюлю + бейдж КГ.
   Раскладка тела карточки — вертикальная, чтобы всё помещалось под названием. */
.prx-wrap .cd-related-item-body{
    padding:10px 12px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}
/* название можно в 2 строки (а не обрезать в одну) */
.prx-wrap .cd-related-item-name{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
/* контейнер карточек в колонке (для дозаписи по «Ещё») */
.prx-col-items{display:flex;flex-direction:column;gap:10px}
/* короткое описание под названием */
.prx-intro{display:block;font-size:12px;color:#6b7280;line-height:1.35}
/* мета-строка: расстояние + бейдж КГ */
.prx-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}
/* пилюля с расстоянием — заметная */
.prx-dist{display:inline-block;background:#eb5757;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:4px 8px;border-radius:6px;white-space:nowrap}
/* кнопка «Ещё» под колонкой */
.prx-more{display:block;margin:14px auto 0;padding:9px 28px;background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.prx-more-all{min-width:160px}
.prx-more:hover{background:#e9ebef;border-color:#d1d5db}
.prx-more:disabled{opacity:.6;cursor:default}

.prx-geo{margin-top:1.5rem;padding:1.2rem;background:var(--gray-50,#f8f7f5);border-radius:var(--radius,12px);text-align:center}
.prx-geo-btn{padding:.6rem 1.5rem;border:2px solid var(--accent,#b44a2f);border-radius:8px;background:transparent;color:var(--accent,#b44a2f);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}
.prx-geo-btn:hover{background:var(--accent,#b44a2f);color:#fff}
.prx-geo-btn:disabled{opacity:.6;cursor:wait}
.prx-geo-result{margin-top:.6rem;font-size:.95rem}
.prx-geo-result .geo-dist strong{font-size:1.3rem;color:var(--accent,#b44a2f)}
.prx-geo-result .geo-walk{color:#777;margin-left:.3rem}
.prx-geo-result .geo-route{display:inline-block;margin-top:.4rem;color:var(--accent,#b44a2f);font-weight:500;text-decoration:none}
.prx-geo-result .geo-error{color:#c33}

@media(max-width:600px){.prx-wrap .cd-related-grid{grid-template-columns:1fr}.prx-geo-btn{width:100%}}

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

/* Подпись расстояния у остановки: в цвет акцента, жирная */
.cd-rstop-dist,
.city-stop-dist {
    color: var(--accent);
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

/* Хинт под списком остановок: в цвет акцента, полужирный, не italic */
.cd-rstops-hint,
.city-stops-hint {
    font-size: 13px;
    color: var(--accent);
    padding: 10px 14px 4px;
    font-weight: 500;
    line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

/* ═══════════════════════════════════════════════════════════
   CROSS-LINKS: аудиогид + курируемые маршруты (card.php, ЗОНА 2.4)
   Компактные плашки между описанием и блоком маршрутов.
   ═══════════════════════════════════════════════════════════ */
.cd-crosslinks {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 32px;
}
.cd-clink {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: var(--gray-50);
    border: 1px solid var(--gray-100);
    border-left: 3px solid var(--accent);
    border-radius: 8px;
    text-decoration: none;
    color: var(--gray-800);
    transition: background .15s, border-color .15s, transform .15s, box-shadow .15s;
}
.cd-clink:hover {
    background: #fff;
    border-color: var(--gray-200);
    box-shadow: var(--shadow);
    transform: translateX(2px);
}
.cd-clink-audio { border-left-color: var(--blue-main); }
.cd-clink-route { border-left-color: var(--accent); }
.cd-clink-exc { border-left-color: #6366f1; }

.cd-clink-audio .cd-clink-icon::before { content: ''; }
.cd-clink-route .cd-clink-icon::before { content: ''; }
.cd-clink-exc .cd-clink-icon::before { content: ''; }

.cd-clink-icon {
    display: none;
}
.cd-clink-text {
    flex: 1 1 auto;
    min-width: 0;
}
.cd-clink-title {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--blue-deep);
    line-height: 1.3;
}
.cd-clink-sub {
    font-size: 12.5px;
    color: var(--gray-400);
    margin-top: 2px;
}
.cd-clink-btn {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
    flex-shrink: 0;
    white-space: nowrap;
}
.cd-clink-audio .cd-clink-btn { color: var(--blue-main); }
.cd-clink-exc .cd-clink-btn { color: #6366f1; }

@media (max-width: 560px) {.cd-clink { padding: 10px 12px; gap: 10px; }.cd-clink-icon { font-size: 18px; }.cd-clink-title { font-size: 13.5px; }.cd-clink-sub { font-size: 11.5px; }.cd-clink-btn { font-size: 12px; }}

/* Бейдж «✓ с посещением» в мета-строке тура (блок .cd-ratom) */
.cd-tour-badge {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--accent);
    background: #fff1ec;
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: .2px;
    vertical-align: baseline;
}

/* ═══ Блок «Другие экскурсии в городе» на excursion.php ═══ */
/* Переопределяет cd-related-grid (3 колонки «Что/Где остановиться/Где поесть»)
   на 3 колонки карточек-туров (тот же размер, но без подколонок) */
.cd-related-grid-excs {
    grid-template-columns: repeat(3, 1fr);
}
.cd-related-item-meta {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--gray-400);
    line-height: 1.3;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* body для этого блока: имя и meta — друг под другом, а не рядом с бейджем */
.cd-related-grid-excs .cd-related-item-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
@media (max-width: 900px) {.cd-related-grid-excs { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 560px) {.cd-related-grid-excs { grid-template-columns: 1fr; }}

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

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

/* Карта */

/* День */

/* Периоды */

/* Плитки */

/* Отель */

/* КГ блок */

/* Responsive */

/* Печать */
@media print{header, footer, .mr-actions, .mr-map, .mr-kg, .breadcrumb{display:none!important}}
/* ═══ ROUTE BUILDER — конструктор маршрута (landing v2) ══════════ */

/* Ряды */

/* Группа */

/* Пиллы */

.ld-rb-pill.is-on {
    background: var(--accent, #b44a2f);
    border-color: var(--accent, #b44a2f);
    color: #fff;
}

/* GPS чекбокс */

/* Кнопки действий */

/* ─── Электронная карта — строка в финальном CTA ────────── */

/* ═══ Sputnik8 Booking Widget ═══ */
.sp8-widget{margin:24px 0;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}
.sp8-title{margin:0 0 20px;font-size:22px;font-family:var(--font-heading,inherit);color:var(--text,#1a1a18)}
.sp8-label{font-size:13px;font-weight:600;color:var(--text-2,#6b6b6b);margin-bottom:8px}
.sp8-step{margin-bottom:20px}
.sp8-dates{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.sp8-date{flex:0 0 auto;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;font-size:14px;line-height:1.3}
.sp8-date:hover{border-color:var(--accent,#b44a2f);background:#faf5f3}
.sp8-date-active{border-color:var(--accent,#b44a2f);background:var(--accent,#b44a2f);color:#fff}
.sp8-date-day{display:block;font-size:18px;font-weight:700}
.sp8-date-mon{display:block;font-size:11px;opacity:.8}
.sp8-times{display:flex;gap:8px;flex-wrap:wrap}
.sp8-time{padding:8px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;transition:all .15s}
.sp8-time:hover{border-color:var(--accent,#b44a2f)}
.sp8-time-active{border-color:var(--accent,#b44a2f);background:var(--accent,#b44a2f);color:#fff}
.sp8-time-cap{font-size:12px;opacity:.7;margin-left:4px}
.sp8-ticket{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}
.sp8-ticket:last-child{border-bottom:0}
.sp8-ticket-name{font-size:15px;font-weight:500;color:var(--text,#1a1a18)}
.sp8-ticket-price{font-size:14px;color:var(--accent,#b44a2f);font-weight:600;margin-top:2px}
.sp8-ticket-qty{display:flex;align-items:center;gap:12px}
.sp8-qty-btn{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:18px;line-height:1;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .15s}
.sp8-qty-btn:hover{border-color:var(--accent,#b44a2f);color:var(--accent,#b44a2f)}
.sp8-qty-val{font-size:18px;font-weight:600;min-width:24px;text-align:center}
.sp8-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.sp8-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-2,#6b6b6b);font-weight:500}
.sp8-form-grid input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;font-family:inherit;color:var(--text,#1a1a18)}
.sp8-form-grid input:focus{outline:none;border-color:var(--accent,#b44a2f);box-shadow:0 0 0 3px rgba(180,74,47,.1)}
.sp8-submit{margin-top:4px}
.sp8-total{margin-top:12px;font-size:18px;font-weight:700;color:var(--text,#1a1a18)}
.sp8-error{margin-top:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px}
.sp8-success{text-align:center;padding:24px 0}
.sp8-success h3{margin:0 0 8px;color:#059669;font-size:20px}
.sp8-success p{margin:4px 0;color:var(--text-2,#6b6b6b)}
.sp8-loading{text-align:center;padding:16px;color:var(--text-2,#6b6b6b);font-size:14px}
.sp8-empty{padding:12px;color:var(--text-2,#6b6b6b);font-size:14px}
@media(max-width:560px){.sp8-form-grid{grid-template-columns:1fr}}
/* ===== /centers — ТИЦы ===== */

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

.cit-filter-collapse.is-open{max-height:2000px}