:root{
  --bg: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --primary: #0ea5e9;
  --primary-contrast: #ffffff;
  --green: #0a7f4f;
  --accent: #e11d48;
  --card: #f8fafc;
  --border: #e2e8f0;
}

/* Dark mode variables (не влияет на картинки, только на цвета темы) */
@media (prefers-color-scheme: dark) {
  :root{
    --bg:#0b1220;
    --text:#e7e8ea;
    --muted:#a0aec0;
    --primary:#38bdf8;
    --card:#0f172a;
    --border:#1f2937;
  }
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{width:min(1100px,92%);margin-inline:auto}
.section{padding:40px 0}
.section.alt{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}

.site-header{
  position:sticky;top:0;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);
  z-index:50
}
@media(prefers-color-scheme:dark){.site-header{background:rgba(15,23,42,.7)}}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:700}
.logo img{width:28px;height:28px}
.nav ul{display:flex;gap:18px;align-items:center;margin:0;padding:0;list-style:none}
.nav a{color:var(--muted)}
.nav a:hover{color:var(--text)}
.header-cta{display:flex;gap:8px;align-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);border-color:var(--green);color:#fff}
.btn-ghost{background:transparent}

/* ===================== HERO ===================== */
.hero{
  position:relative;
  min-height:64vh;
  display:grid;
}
.hero picture,
.hero img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}

/* ВАЖНО: Полное отключение любых накладок/затемнений на главном hero */
body.home .hero::before,
body.home .hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Чистый hero без оверлея/текста (наш вариант для главной) */
.hero.hero--clean::before,
.hero.hero--clean::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.hero.hero--clean picture,
.hero.hero--clean img{
  position:static;  /* убираем абсолют, чтобы исключить наложения на мобилках */
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* Если где-то остались блоки контента поверх hero — скрываем внутри чистого hero */
.hero.hero--clean .hero__content,
.hero.hero--clean .overlay,
.hero.hero--clean .search-bar{
  display:none !important;
}

/* (Опционально) Сохраняем стиль для секций ниже */
.hero-overlay{position:relative;z-index:1;color:#fff;align-self:end;padding:40px 4vw;display:grid;gap:14px}
.hero .lead{font-size:1.1rem;opacity:.95;max-width:760px}

/* Поиск, если используете в других местах */
.quick-search{display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.1);border-radius:12px;margin-top:6px;backdrop-filter:blur(6px)}
.quick-search input{flex:1;min-width:200px;border:none;padding:10px 12px;border-radius:8px}
.quick-search button{white-space:nowrap}

/* Карточки/контент ниже hero */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.card .thumb{border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#0000000d}
.card .title{font-weight:700;margin-top:10px}
.card .muted{color:var(--muted);font-size:.95rem}

.row{display:flex;gap:10px;align-items:center}
.grow{flex:1}

.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.benefits article{padding:16px;border-radius:12px;border:1px dashed var(--border);background:var(--card)}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;counter-reset:step}
.steps li{list-style:none;padding:10px 14px;border-left:4px solid var(--green);background:var(--card);border-radius:6px}

.quotes{display:grid;gap:12px}
blockquote{margin:0;padding:12px 16px;border-left:4px solid var(--accent);background:var(--card);border-radius:6px}
cite{display:block;margin-top:6px;color:var(--muted);font-style:normal}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.badges{display:flex;gap:8px;flex-wrap:wrap}
.badge{font-size:.85rem;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--card)}

.itinerary dl{display:grid;grid-template-columns:120px 1fr;gap:8px 16px}
.itinerary dt{font-weight:700}
.itinerary dd{margin:0}

.site-footer{margin-top:40px;border-top:1px solid var(--border)}
.footer-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px 0}
.muted{color:var(--muted)}
.tiny{font-size:.85rem}
.mt{margin-top:14px}
.social{list-style:none;margin:0;padding:0;display:grid;gap:8px}

/* --- Конец файла --- */