/* ============================================================================
   Аквадом · BEAUTY-слой: фото + индивидуальные стили страниц
   Каждая страница — свой характер:
   - hub (главная)      — светлый минимализм
   - bore (бурение)     — глубокий сине-голубой
   - heat (отопление)   — тёплый оранжевый
   - septik (септики)   — свежий зелёный
   - water (водоснабж.) — тёмный премиум (тёмно-синий + золото)
   - santehnik          — аква-бирюзовый
   ============================================================================ */

/* ---------- Общие улучшения ---------- */
:root {
  --beauty-radius: 20px;
  --beauty-shadow: 0 18px 40px rgba(10, 40, 70, .14);
  --beauty-shadow-lg: 0 28px 70px rgba(10, 40, 70, .22);
}

body { text-rendering: optimizeLegibility; }
img { border-radius: 12px; }

/* ---------- HERO с фото ---------- */
.hero-media {
  position: relative;
  border-radius: var(--beauty-radius);
  overflow: hidden;
  box-shadow: var(--beauty-shadow-lg);
  border: 1px solid rgba(255,255,255,.6);
  background: #e8f1f8;
  min-height: 320px;
}
.hero-media img.beauty-hero-img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  max-height: 520px;
  object-fit: cover;
  display: block;
  border-radius: 0;
  transition: transform .8s cubic-bezier(.22,.9,.3,1);
}
.hero-media:hover img.beauty-hero-img { transform: scale(1.04); }
.hero-media .scene { display: none !important; }
.hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(5,25,45,.45) 100%);
  pointer-events: none;
}
.hero-tag {
  z-index: 2;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* ---------- Карточки услуг с фото ---------- */
.card-media {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.card-media img.beauty-card-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border-radius: 0;
  transition: transform .6s ease;
}
.card:hover .card-media img.beauty-card-img { transform: scale(1.06); }
.card-media .scene { display: none !important; }
.card {
  border-radius: 18px;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}
.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--beauty-shadow-lg);
}

/* ---------- Фото-полоса (галерея из 3 фото) ---------- */
.beauty-strip {
  padding: 28px 0 8px;
}
.beauty-strip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.beauty-strip-item {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--beauty-shadow);
  aspect-ratio: 4 / 3;
  cursor: zoom-in;
  background: #dfeaf2;
}
.beauty-strip-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
  transition: transform .7s cubic-bezier(.22,.9,.3,1);
}
.beauty-strip-item:hover img { transform: scale(1.08); }
.beauty-strip-item figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 28px 16px 14px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background: linear-gradient(180deg, transparent, rgba(5,25,45,.72));
}
.beauty-strip-item figcaption small {
  display: block;
  font-weight: 500;
  opacity: .85;
  font-size: 13px;
}
.beauty-strip-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 16px;
}
.beauty-strip-title h3 {
  font-family: var(--font-display, 'Oswald', sans-serif);
  font-size: 22px;
  letter-spacing: .4px;
  text-transform: uppercase;
}
.beauty-strip-title .bar { flex: 1; height: 3px; border-radius: 99px; background: linear-gradient(90deg, var(--brand, #1273c4), transparent); }

/* ---------- Лайтбокс для фото-полосы ---------- */
.beauty-lb {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(5, 18, 32, .88);
  backdrop-filter: blur(6px);
  padding: 20px;
}
.beauty-lb.open { display: flex; }
.beauty-lb img {
  max-width: min(1100px, 94vw);
  max-height: 86vh;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0,0,0,.5);
}
.beauty-lb .beauty-lb-cap {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: 700;
  text-shadow: 0 2px 12px rgba(0,0,0,.6);
}
.beauty-lb button {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 22px;
  border: 1px solid rgba(255,255,255,.3);
  cursor: pointer;
}

/* ============================================================================
   ИНДИВИДУАЛЬНЫЕ СТИЛИ СТРАНИЦ
   ============================================================================ */

/* --- 1. ГЛАВНАЯ (hub) — светлый минимализм --- */
body[data-page="hub"] {
  --brand: #1273c4;
  --brand2: #0b5a9e;
  --bg: #ffffff;
}
body[data-page="hub"] .hub-hero {
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72)),
    url('img/hero-index.jpg') center / cover no-repeat,
    #eef6fc !important;
  border-bottom: 1px solid #e3edf5;
}
body[data-page="hub"] .hub-hero h1 { color: #0e2a44; }
body[data-page="hub"] .hub-hero h1 span { color: #1273c4; }
body[data-page="hub"] .hub-hero p { color: #4a6178; }
body[data-page="hub"] .hub-card {
  background: #fff;
  border: 1px solid #e6eef5;
  box-shadow: 0 10px 30px rgba(18, 60, 100, .07);
  border-radius: 20px;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}
body[data-page="hub"] .hub-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 50px rgba(18, 60, 100, .14);
}
body[data-page="hub"] .hub-card img.beauty-card-img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}
body[data-page="hub"] .hub-hero-photo {
  margin-top: 28px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--beauty-shadow-lg);
  border: 1px solid #fff;
}
body[data-page="hub"] .hub-hero-photo img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* --- 2. БУРЕНИЕ (bore) — глубокий сине-голубой --- */
body[data-page="bore"] .hero {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(57,194,255,.35), transparent 60%),
    radial-gradient(700px 420px at 10% 110%, rgba(232,178,58,.18), transparent 60%),
    linear-gradient(160deg, #0b3a66 0%, #0d4f8b 55%, #1273c4 100%) !important;
}
body[data-page="bore"] .hero h1 { color: #fff; }
body[data-page="bore"] .hero h1 .t2 { color: #bfe3f5; }
body[data-page="bore"] .hero h1 .acc { color: #ffd98a; }
body[data-page="bore"] .hero .checks li { color: #e8f4fc; }
body[data-page="bore"] .hero .btn-o { color: #fff; border-color: rgba(255,255,255,.5); }
body[data-page="bore"] .hero .btn-o:hover { background: rgba(255,255,255,.12); }
body[data-page="bore"] .beauty-strip-title .bar { background: linear-gradient(90deg, #0f62ac, #39c2ff); }

/* --- 3. ОТОПЛЕНИЕ (heat) — тёплый оранжевый --- */
body[data-page="heat"] .hero {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(245,166,35,.45), transparent 60%),
    radial-gradient(700px 420px at 10% 110%, rgba(224,79,47,.22), transparent 60%),
    linear-gradient(160deg, #fff7ed 0%, #fdeedd 55%, #ffe4c2 100%) !important;
}
body[data-page="heat"] .hero h1 { color: #3a2410; }
body[data-page="heat"] .hero h1 .t2 { color: #7a4a1a; }
body[data-page="heat"] .hero h1 .acc { color: #d95f0e; }
body[data-page="heat"] .hero-media { border-color: #ffd9a8; }
body[data-page="heat"] .beauty-strip-title .bar { background: linear-gradient(90deg, #ee7623, #f5a623); }

/* --- 4. СЕПТИКИ (septik) — свежий зелёный --- */
body[data-page="septik"] .hero {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(139,195,74,.4), transparent 60%),
    radial-gradient(700px 420px at 10% 110%, rgba(46,125,50,.2), transparent 60%),
    linear-gradient(160deg, #f2f9ee 0%, #e7f3e4 55%, #d4ecc9 100%) !important;
}
body[data-page="septik"] .hero h1 { color: #123528; }
body[data-page="septik"] .hero h1 .t2 { color: #2e7d32; }
body[data-page="septik"] .hero h1 .acc { color: #1b5e20; }
body[data-page="septik"] .hero-media { border-color: #b9d9a8; }
body[data-page="septik"] .beauty-strip-title .bar { background: linear-gradient(90deg, #43a047, #8bc34a); }

/* --- 5. ВОДОСНАБЖЕНИЕ (water) — тёмный премиум --- */
body[data-page="water"] {
  --brand: #d4af37;
  --brand2: #b8962e;
  --bg: #0a1628;
}
body[data-page="water"] .hero {
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(212,175,55,.22), transparent 60%),
    radial-gradient(700px 420px at 10% 110%, rgba(18,115,196,.35), transparent 60%),
    linear-gradient(160deg, #0a1628 0%, #0d2a4a 55%, #12365a 100%) !important;
  border-bottom: 1px solid rgba(212,175,55,.35);
}
body[data-page="water"] .hero h1 { color: #ffffff; }
body[data-page="water"] .hero h1 .t2 { color: #cfe3f5; }
body[data-page="water"] .hero h1 .acc { color: #e8c85a; }
body[data-page="water"] .hero .checks li { color: #e6eef7; }
body[data-page="water"] .hero .btn-p {
  background: linear-gradient(135deg, #e8c85a, #b8962e) !important;
  color: #1a1405 !important;
  border: none !important;
  box-shadow: 0 12px 30px rgba(212,175,55,.35);
}
body[data-page="water"] .hero .btn-o { color: #fff; border-color: rgba(255,255,255,.45); }
body[data-page="water"] .hero .btn-o:hover { background: rgba(255,255,255,.1); }
body[data-page="water"] .hero-media { border-color: rgba(212,175,55,.55); box-shadow: 0 28px 70px rgba(0,0,0,.5); }
body[data-page="water"] .beauty-strip-title h3 { color: #0e2a44; }
body[data-page="water"] .beauty-strip-title .bar { background: linear-gradient(90deg, #b8962e, #e8c85a); }
body[data-page="water"] .hdr { background: rgba(10,22,40,.92) !important; backdrop-filter: blur(10px); }
body[data-page="water"] .hdr .logo b, body[data-page="water"] .hdr .nav a { color: #fff !important; }
body[data-page="water"] .hdr-phone b { color: #fff !important; }
body[data-page="water"] .hdr-phone small { color: #b8c9db !important; }

/* --- 6. САНТЕХНИК (santehnik) — аква-бирюзовый --- */
body[data-page="santehnik"] .hero {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(25,167,224,.35), transparent 60%),
    radial-gradient(700px 420px at 10% 110%, rgba(93,162,74,.18), transparent 60%),
    linear-gradient(160deg, #eef9ff 0%, #e3f1fb 55%, #d0ecf7 100%) !important;
}
body[data-page="santehnik"] .hero h1 { color: #0e2a44; }
body[data-page="santehnik"] .hero h1 .t2 { color: #1273c4; }
body[data-page="santehnik"] .hero h1 .acc { color: #0e7a5a; }
body[data-page="santehnik"] .hero-media { border-color: #a8d8ef; }
body[data-page="santehnik"] .beauty-strip-title .bar { background: linear-gradient(90deg, #19a7e0, #5da24a); }

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
  .beauty-strip-grid { grid-template-columns: 1fr; }
  .hero-media img.beauty-hero-img { min-height: 240px; max-height: 340px; }
  body[data-page="hub"] .hub-hero-photo img { height: 220px; }
}
@media (max-width: 640px) {
  .beauty-strip-title h3 { font-size: 18px; }
}

/* Контраст текста: для светлых hero принудительно используем тёмные подписи */
body[data-page="heat"] .hero,
body[data-page="septik"] .hero,
body[data-page="santehnik"] .hero {
  color: #172b3d !important;
  --hero-ink: #172b3d;
  --hero-muted: #455d72;
}
body[data-page="heat"] .hero .checks li,
body[data-page="septik"] .hero .checks li,
body[data-page="santehnik"] .hero .checks li,
body[data-page="heat"] .hero .hero-sub,
body[data-page="septik"] .hero .hero-sub,
body[data-page="santehnik"] .hero .hero-sub,
body[data-page="heat"] .hero .hero-note,
body[data-page="septik"] .hero .hero-note,
body[data-page="santehnik"] .hero .hero-note {
  color: #243a4e;
}
body[data-page="heat"] .hero .checks small,
body[data-page="septik"] .hero .checks small,
body[data-page="santehnik"] .hero .checks small {
  color: #50667a;
}
body[data-page="heat"] .hero .btn-o,
body[data-page="septik"] .hero .btn-o,
body[data-page="santehnik"] .hero .btn-o {
  color: #17324a;
  border-color: rgba(23,50,74,.48);
}
body[data-page="heat"] .hero .btn-o:hover,
body[data-page="septik"] .hero .btn-o:hover,
body[data-page="santehnik"] .hero .btn-o:hover { background: rgba(255,255,255,.55); }

/* Навигация по всем направлениям сайта */
.service-nav-menu,.home-service-menu{position:relative;display:flex;align-items:center}
.service-nav-trigger,.home-service-trigger{display:flex;align-items:center;gap:6px;white-space:nowrap}
.service-nav-dropdown,.home-service-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:0;min-width:228px;padding:8px;background:#fff;border:1px solid #e0e8ed;border-radius:12px;box-shadow:0 18px 40px rgba(12,36,55,.18);z-index:150}
.service-nav-menu:hover .service-nav-dropdown,.service-nav-menu:focus-within .service-nav-dropdown,.home-service-menu:hover .home-service-dropdown,.home-service-menu:focus-within .home-service-dropdown{display:grid;gap:2px}
.service-nav-dropdown a,.home-service-dropdown a{display:block!important;padding:11px 12px!important;border-radius:7px;font-size:13px!important;line-height:1.3!important;color:#18364d!important;white-space:nowrap}
.service-nav-dropdown a:hover,.home-service-dropdown a:hover,.service-nav-dropdown a[aria-current="page"],.home-service-dropdown a[aria-current="page"]{background:#edf5f7;color:#126f91!important}
.service-nav-dropdown a::after{display:none!important}
.service-mobile-heading{display:block;padding:15px 4px 5px;color:#65808d;font-size:10px;font-weight:800;letter-spacing:1.4px}
.service-mobile-links{display:grid}
.service-mobile-links a[aria-current="page"]{color:var(--brand);font-weight:800}
.related-services{padding:50px 0;background:#f3f7f8;border-top:1px solid #e0e9ed}
.related-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.related-heading p{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#438093;font-weight:800;margin:0 0 6px}
.related-heading h2{font:600 clamp(22px,3vw,30px)/1.2 var(--font-display);color:#16334b;text-transform:uppercase;margin:0}
.related-heading>a{display:inline-flex;gap:8px;align-items:center;color:#126f91;font-size:13px;font-weight:750;white-space:nowrap}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.related-grid>a{min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #e0e9ed;border-radius:9px;color:#203d52;font-size:12px;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s}
.related-grid>a:hover{transform:translateY(-2px);border-color:#a9cbd6;box-shadow:0 10px 20px rgba(14,47,67,.08)}
.related-grid>a b{color:#2885a0;font-size:17px}
@media(max-width:1120px){
  .hdr .nav .service-nav-dropdown{display:none}
  .hdr .nav{display:none}
}
@media(max-width:760px){.related-services{padding:38px 0}.related-heading{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr 1fr;gap:8px}.related-grid>a{font-size:11px;min-height:54px;padding:10px}.service-mobile-links a{border-bottom:1px solid var(--line)}
  .home-service-menu{display:flex;flex-direction:column;align-items:stretch}
  .home-service-menu>.home-service-trigger{padding:12px 2px;border-bottom:1px solid #edf1f3}
  .home-service-dropdown{position:static;display:grid;min-width:0;padding:0 0 4px 11px;border:0;box-shadow:none;background:transparent;gap:0}
  .home-service-dropdown a{padding:9px 7px!important;border-bottom:1px solid #edf1f3;font-size:13px!important}
}
/* Контраст для двух тёмных hero */
body[data-page="bore"] .hero,
body[data-page="water"] .hero {
  color: #fff;
  --hero-ink: #fff;
  --hero-muted: rgba(255,255,255,.82);
}
body[data-page="bore"] .hero .hero-sub,
body[data-page="water"] .hero .hero-sub,
body[data-page="bore"] .hero .checks li,
body[data-page="water"] .hero .checks li {
  color: #f4f8fb;
}
body[data-page="bore"] .hero .checks small,
body[data-page="water"] .hero .checks small {
  color: rgba(255,255,255,.8);
}
body[data-page="water"] .hero .hero-note {
  color: #183149;
}

/* --------------------------------------------------------------------------
   Выпадающее меню: только по нажатию/клавиатуре, без hover-зоны и потери фокуса
   -------------------------------------------------------------------------- */
.service-nav-dropdown,.home-service-dropdown{display:none!important;top:100%;padding-top:9px}
.service-nav-menu.is-open .service-nav-dropdown,
.home-service-menu.is-open .home-service-dropdown{display:grid!important;gap:2px}
.service-nav-trigger,.home-service-trigger{
  appearance:none;border:0;background:transparent;color:var(--ink,#18364d);font:600 13.5px/1 var(--font-body,Arial,sans-serif);
  padding:10px;border-radius:8px;cursor:pointer
}
.service-nav-trigger:hover,.service-nav-menu.is-open .service-nav-trigger,
.home-service-trigger:hover,.home-service-menu.is-open .home-service-trigger{color:var(--brand,#1273c4);background:rgba(18,115,196,.07)}
.service-nav-trigger span,.home-service-trigger span{transition:transform .18s}
.service-nav-menu.is-open .service-nav-trigger span,.home-service-menu.is-open .home-service-trigger span{transform:rotate(180deg)}
.service-nav-menu,.home-service-menu{align-self:stretch}
.service-nav-menu>.service-nav-trigger,.home-service-menu>.home-service-trigger{height:100%}
@media(max-width:1120px){.service-nav-dropdown{display:none!important}}
@media(max-width:760px){
  .home-service-menu{display:block}
  .home-service-menu>.home-service-trigger{width:100%;height:auto;justify-content:space-between;text-align:left}
  .home-service-dropdown{position:static;top:auto;min-width:0;margin:2px 0 5px;padding:5px;background:#fff;border:1px solid #e0e8ed;border-radius:10px;box-shadow:0 9px 20px rgba(12,36,55,.09)}
  .home-service-menu.is-open .home-service-dropdown{display:grid!important}
}

/* --------------------------------------------------------------------------
   Главная santehnik.html · новый самостоятельный вариант: уверенный navy + aqua
   -------------------------------------------------------------------------- */
body[data-page="santehnik"] .hero{
  color:#fff!important;
  background:
    radial-gradient(ellipse at 78% 10%,rgba(53,173,191,.22),transparent 37%),
    linear-gradient(130deg,#0c273c 0%,#103b55 54%,#0d5363 100%)!important;
  padding-top:calc(var(--header-h) + 58px);
  padding-bottom:82px;
}
body[data-page="santehnik"] .hero h1{color:#fff!important;max-width:650px;font-size:clamp(38px,5vw,58px);letter-spacing:.1px}
body[data-page="santehnik"] .hero h1 .acc{color:#72d0d2!important;font-size:.72em!important;letter-spacing:1px}
body[data-page="santehnik"] .hero .checks li,
body[data-page="santehnik"] .hero .hero-feats,
body[data-page="santehnik"] .hero .hf{color:#edf7fa!important}
body[data-page="santehnik"] .hero .checks li:before{color:#70d0d2}
body[data-page="santehnik"] .hero .hf .ic{color:#72d0d2!important}
body[data-page="santehnik"] .hero .hero-media{border:1px solid rgba(139,222,228,.55);box-shadow:0 26px 70px rgba(0,0,0,.34)}
body[data-page="santehnik"] .hero .hero-media::after{background:linear-gradient(180deg,transparent 45%,rgba(5,22,34,.55))}
body[data-page="santehnik"] .hero .hero-tag{background:rgba(5,30,43,.78)!important;color:#fff!important}
body[data-page="santehnik"] .hero .btn-p{background:#69c8ce!important;color:#0d2d40!important;box-shadow:0 12px 26px rgba(0,0,0,.18)}
body[data-page="santehnik"] .hero .btn-p:hover{background:#8ce0df!important}
body[data-page="santehnik"] .hero .btn-o{color:#fff;border-color:rgba(255,255,255,.55)}
body[data-page="santehnik"] .hero .btn-o:hover{background:rgba(255,255,255,.1)}
body[data-page="santehnik"] .trust{margin-top:-35px;z-index:5}
body[data-page="santehnik"] #services{padding-top:72px;background:#f4f7f8}
body[data-page="santehnik"] #services .sec-head{text-align:left;max-width:730px;margin-bottom:28px}
body[data-page="santehnik"] #services .sec-head .bar{margin:13px 0 0;background:#168e9d}
body[data-page="santehnik"] #services .sec-head p{margin:12px 0 0;color:#536979;max-width:620px}
body[data-page="santehnik"] #services .cards-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body[data-page="santehnik"] #services .card{border:1px solid #dce6e9;border-radius:14px;box-shadow:0 8px 22px rgba(15,47,62,.055);overflow:hidden;background:#fff}
body[data-page="santehnik"] #services .card:hover{transform:translateY(-5px);border-color:#a9d3d8;box-shadow:0 18px 38px rgba(15,47,62,.12)}
body[data-page="santehnik"] #services .card-media{height:160px;border-radius:0;background:#dce9eb}
body[data-page="santehnik"] #services .card-media img.beauty-card-img{height:160px}
body[data-page="santehnik"] #services .card-media .badge{left:13px;top:13px;background:rgba(255,255,255,.94);color:#174458;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:750;box-shadow:0 4px 12px rgba(0,0,0,.1)}
body[data-page="santehnik"] #services .card-body{padding:18px 17px 16px}
body[data-page="santehnik"] #services .card-title{color:#12374d;font-size:17px;line-height:1.3;min-height:44px}
body[data-page="santehnik"] #services .card-list{color:#536a78;font-size:12px}
body[data-page="santehnik"] #services .card-foot{border-top:1px solid #e7edef;padding-top:12px;margin-top:15px}
body[data-page="santehnik"] #services .card-price{color:#126f7d;font-weight:800}
body[data-page="santehnik"] #services .link{color:#147b8c;font-size:12px}
body[data-page="santehnik"] .related-services{background:#edf4f5}
body[data-page="santehnik"] .hdr .nav .service-nav-trigger{color:#233b4b}
body[data-page="santehnik"] .hdr .nav .service-nav-trigger:hover,
body[data-page="santehnik"] .hdr .nav .service-nav-menu.is-open .service-nav-trigger{color:#147b8c}
@media(max-width:1120px){body[data-page="santehnik"] #services .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){body[data-page="santehnik"] .hero{padding-bottom:68px}}
@media(max-width:640px){
  body[data-page="santehnik"] .hero{padding-top:calc(var(--header-h) + 34px);padding-bottom:58px}
  body[data-page="santehnik"] .hero h1{font-size:clamp(34px,9vw,46px)}
  body[data-page="santehnik"] .trust{margin-top:-24px}
  body[data-page="santehnik"] #services{padding-top:54px}
  body[data-page="santehnik"] #services .cards-4{grid-template-columns:1fr}
  body[data-page="santehnik"] #services .card{display:grid;grid-template-columns:38% 1fr}
  body[data-page="santehnik"] #services .card-media,
  body[data-page="santehnik"] #services .card-media img.beauty-card-img{height:100%;min-height:190px}
  body[data-page="santehnik"] #services .card-title{min-height:0}
}
body[data-page="santehnik"] .home-eyebrow{margin:0 0 13px;color:#9bdcdd;font-size:11px;font-weight:800;letter-spacing:2px}
@media(max-width:640px){body[data-page="santehnik"] .home-eyebrow{font-size:9px;letter-spacing:1.5px}}
.ftr-bot .privacy-link{padding:0;border:0;background:transparent;color:rgba(255,255,255,.65);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ftr-bot .privacy-link:hover{color:#fff}
/* Простое route-меню: пункты видны и доступны сразу, без выпадающих слоёв */
.hdr .nav{gap:4px;align-items:center}
.hdr .nav>a{font-size:12.5px;padding:10px 9px;white-space:nowrap}
.hdr .nav>a[aria-current="page"]{color:var(--brand,#1273c4);font-weight:800}
.hdr .nav>a[aria-current="page"]::after{transform:scaleX(1)}
.service-mobile-links{display:grid;gap:0}
.service-mobile-links a[aria-current="page"]{color:var(--brand);font-weight:800}
/* Реалистичные локальные фото вместо нарисованных SVG-сцен в галерее */
.sl-slide .scene-photo,.sl-thumb .scene-photo,.lb-media .scene-photo{position:absolute;inset:0;display:block;overflow:hidden}
.sl-slide .scene-photo img,.sl-thumb .scene-photo img,.lb-media .scene-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.sl-slide .scene-photo img{transition:transform .7s cubic-bezier(.22,.9,.3,1)}
.sl-slide.on:hover .scene-photo img{transform:scale(1.025)}