/* ===== "Оборудование" — тот же язык, что About/главная, namespace .geo-equip-* =====
   Double-bezel карточки, чередование фона, hairline, spotlight-hover, единственный
   акцент #d3e7ff, blur+translateY reveal. Новое здесь — только компоненты под
   контент этой страницы: таблица характеристик, мини-статы, рельс категорий,
   пара фото инфодисплея, спойлер длинной таблицы. */

.geo-page-equip .main-wrapper {
  background: var(--geo-paper);
  overflow-x: clip;
}

/* Сброс нативного вида <button>: appearance:auto по умолчанию сохраняет
   платформенный рендеринг кнопки (в т.ч. свой hover/active-стиль браузера)
   поверх наших цветов/рамок, если явно не отключить его — этим объяснялась
   "тень на тексте" при наведении, которая оставалась даже после удаления
   собственных CSS-эффектов блика и подъёма. */
.geo-page-equip button {
  appearance: none;
  -webkit-appearance: none;
}

.geo-equip-section {
  position: relative;
  padding: clamp(2.75rem, 5.5vw, 5rem) 0;
  overflow: hidden;
}
.geo-equip-section.is-dark { background: var(--geo-ink); color: #fff; }
.geo-equip-section.is-light { background: var(--geo-paper); color: var(--geo-ink); }
.geo-equip-section.is-dark .geo-equip-body { color: rgba(255, 255, 255, 0.7); }
.geo-equip-section.is-light .geo-equip-body-lg { color: var(--geo-ink); }
.geo-equip-section.is-light .geo-equip-body:not(.geo-equip-body-lg) { color: rgba(6, 22, 38, 0.55); }

.geo-equip-glow {
  position: absolute;
  width: 42rem;
  height: 42rem;
  top: -16rem;
  right: -10rem;
  border-radius: 50%;
  filter: blur(90px);
  background: radial-gradient(circle, rgba(211, 231, 255, 0.16), transparent 70%);
  pointer-events: none;
}

.geo-equip-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-weight: 400;
  color: var(--geo-accent, #d3e7ff);
  margin-bottom: 1.4rem;
}
.geo-equip-eyebrow::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--geo-accent, #d3e7ff);
  flex-shrink: 0;
}
.is-light .geo-equip-eyebrow { color: rgba(6, 22, 38, 0.55); }
.is-light .geo-equip-eyebrow::before { background: rgba(6, 22, 38, 0.4); }

.geo-equip-h1 {
  font-weight: 300;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  line-height: 1.08;
  margin: 0 0 1.4rem;
  max-width: 46rem;
}
.geo-equip-h1-cta { max-width: 34rem; }
.geo-equip-h2 {
  font-weight: 300;
  font-size: clamp(1.9rem, 3.4vw, 2.8rem);
  line-height: 1.1;
  margin: 0 0 1.6rem;
  max-width: 40rem;
}
.geo-equip-lead {
  font-size: clamp(1.05rem, 1.4vw, 1.2rem);
  line-height: 1.6;
  max-width: 36rem;
  margin: 0 0 2.2rem;
  color: rgba(255, 255, 255, 0.78);
}
.geo-equip-body { font-size: 1.02rem; line-height: 1.62; max-width: 40rem; margin: 0 0 1.6rem; }
.geo-equip-body-lg { font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.55; }
.geo-equip-note { font-size: 0.88rem; color: rgba(6, 22, 38, 0.55); }
.geo-equip-note a { color: var(--geo-blue); }
.geo-equip-related { margin-top: 2rem; font-size: 0.88rem; color: inherit; opacity: 0.7; }
.geo-equip-related a { color: inherit; text-decoration: underline; }

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(6px);
  transition: opacity 0.9s cubic-bezier(0.32, 0.72, 0, 1), transform 0.9s cubic-bezier(0.32, 0.72, 0, 1), filter 0.9s cubic-bezier(0.32, 0.72, 0, 1);
}
[data-reveal].is-in { opacity: 1; transform: translateY(0); filter: blur(0); }

/* ---------- buttons ---------- */
.geo-equip-cta-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.geo-equip-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.4rem 0.4rem 1.6rem;
  border-radius: 999px;
  font-size: 0.94rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-equip-btn-primary { background: var(--geo-accent, #d3e7ff); color: var(--geo-ink); padding-top: 0.9rem; padding-bottom: 0.9rem; }
.geo-equip-btn-primary .geo-equip-btn-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem; border-radius: 50%;
  background: rgba(6, 22, 38, 0.12);
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-equip-btn-ghost { border: 1px solid var(--geo-white-line); color: #fff; background: transparent; padding: 0.9rem 1.6rem; }
.is-light .geo-equip-btn-ghost { border-color: var(--geo-line); color: var(--geo-ink); }
.geo-equip-btn:hover { transform: scale(1.03) translateY(-2px); }
.geo-equip-btn-primary:hover .geo-equip-btn-icon { transform: translate(2px, -2px) scale(1.08); }

/* ---------- hero + jump nav ---------- */
.geo-equip-hero { min-height: 100dvh; display: flex; align-items: center; }
.geo-equip-hero-photo { color: #fff; }
.geo-equip-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 62%;
  z-index: 0;
}
.geo-equip-hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(6, 22, 38, 0.92) 0%, rgba(6, 22, 38, 0.72) 38%, rgba(6, 22, 38, 0.32) 70%, rgba(6, 22, 38, 0.18) 100%),
    linear-gradient(0deg, rgba(6, 22, 38, 0.55) 0%, transparent 40%);
}
.geo-equip-hero-photo .geo-equip-glow { z-index: 0; }
.geo-equip-hero-inner { position: relative; z-index: 2; max-width: 46rem; }
/* ---------- split layout ---------- */
.geo-equip-split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3rem; align-items: start; margin-bottom: 3rem; }
.geo-equip-split-reverse { grid-template-columns: 0.9fr 1.1fr; }
.geo-equip-split-reverse .geo-equip-photo-pair { order: 1; }
.geo-equip-split-reverse .geo-equip-split-head { order: 2; }

/* ---------- double-bezel shell + core ---------- */
.geo-equip-shell {
  position: relative;
  padding: 0.4rem;
  border-radius: 1.6rem;
  background: rgba(127, 127, 127, 0.05);
  border: 1px solid rgba(127, 127, 127, 0.12);
  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), border-color 0.5s ease;
}
.is-dark .geo-equip-shell { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.12); }
.geo-equip-shell:hover { transform: translateY(-4px); border-color: rgba(211, 231, 255, 0.4); }
.geo-equip-core {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.6rem 1.6rem 1.8rem;
  border-radius: calc(1.6rem - 0.4rem);
  background: var(--geo-paper);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
.is-dark .geo-equip-core { background: #0c2233; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.geo-equip-core h3 { margin: 0 0 0.8rem; font-size: 1.1rem; font-weight: 600; }
.geo-equip-core p { margin: 0; font-size: 0.94rem; line-height: 1.55; }

.geo-equip-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-bottom: 2rem; align-items: stretch; }
.geo-equip-two-col > .geo-equip-shell { height: 100%; }
.geo-equip-two-col .geo-equip-core { height: 100%; }
.geo-equip-list { margin: 0; padding-left: 1.1rem; }
.geo-equip-list li { margin-bottom: 0.5rem; font-size: 0.94rem; line-height: 1.5; }
.geo-equip-list li:last-child { margin-bottom: 0; }

/* ---------- bento (reused pattern) ---------- */
.geo-equip-bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; margin-bottom: 2rem; }
.geo-equip-bento-lg { grid-column: span 2; }

/* ---------- card-slider: горизонтальная карусель вместо стопки блоков ----------
   С прогресс-линией сверху (заполняется по scrollLeft слайдера) — небольшая
   "живая" деталь вместо голого рельса, тот же язык, что таймлайн на About. */
.geo-equip-cardslider-wrap { margin: 0.5rem 0 2rem; }
.geo-equip-cardslider-progress { height: 2px; background: var(--geo-line); margin: 0 0 1.4rem; border-radius: 999px; overflow: hidden; }
.is-dark .geo-equip-cardslider-progress { background: rgba(255, 255, 255, 0.14); }
.geo-equip-cardslider-progress-fill { height: 100%; width: 28%; background: var(--geo-blue); transform-origin: left center; transition: width 0.15s linear; }
.is-dark .geo-equip-cardslider-progress-fill { background: var(--geo-accent, #d3e7ff); }
.geo-equip-cardslider {
  display: flex; gap: 1.1rem; overflow-x: auto; scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem; scrollbar-width: none;
}
.geo-equip-cardslider::-webkit-scrollbar { display: none; }
.geo-equip-cardslider-card { flex: 0 0 min(280px, 74vw); scroll-snap-align: start; }
.geo-equip-cardslider-card .geo-equip-core { min-height: 12rem; }
.geo-equip-cardslider-card h3 { margin: 0 0 0.6rem; }
.geo-equip-cardslider-card p { font-size: 0.9rem; }

/* ---------- mini stats ---------- */
.geo-equip-mini-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0 0 1.6rem; }
.geo-equip-mini-stats-inline { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Галерея дополнительных снимков продукта — под основным блоком. */
.geo-equip-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.6rem;
}
/* Вариант на два снимка: без него две карточки встают в две колонки из трёх
   и справа остаётся пустая треть. */
.geo-equip-gallery-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.geo-equip-gallery-item { margin: 0; }
.geo-equip-gallery-item .geo-equip-photo-core { padding: 0; overflow: hidden; }
.geo-equip-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}
.geo-equip-gallery-item figcaption {
  padding: 0.6rem 0.9rem 0.75rem;
  font-size: 0.82rem;
  opacity: 0.7;
}
/* Модификатор для панелей, где показателей два: без него они встают в две
   из трёх колонок и справа остаётся пустая треть. */
.geo-equip-mini-stats-inline.geo-equip-mini-stats-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.geo-equip-mini-stats dt { font-size: clamp(1.3rem, 2vw, 1.7rem); font-weight: 700; color: var(--geo-accent, #d3e7ff); margin: 0; }
.is-light .geo-equip-mini-stats dt { color: var(--geo-blue); }
.geo-equip-mini-stats dd { margin: 0.3rem 0 0; font-size: 0.82rem; opacity: 0.68; }
.geo-equip-stat-panel .geo-equip-mini-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.geo-equip-cert { margin: 0; font-size: 0.85rem; opacity: 0.6; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 1rem; }
.is-light .geo-equip-cert { border-color: var(--geo-line); }

/* ---------- spec table (collapsible) ---------- */
/* Это не карточка с контентом, а полоса-аккордеон — общий приём
   double-bezel (inset-блик сверху core) на почти пустой во всю ширину
   полосе выглядит как светящийся ореол/подсветка, а не глубина.
   Убираем именно здесь, оставляя приём как есть на остальных карточках. */
.geo-equip-spec-shell { margin-bottom: 2rem; }
.geo-equip-spec-shell .geo-equip-core { box-shadow: none; }
/* Вся полоса — это и есть кнопка (нет отдельного "блока" вне "надписи"),
   поэтому, в отличие от карточек, где подъём всего блока — ок, здесь
   подъём выглядел бы как "надпись всплывает". Общее правило hover для
   кнопок сайта уже не задевает .geo-equip-spec-toggle (см. geo-adaptation.css,
   :not(.geo-equip-spec-toggle)) — это только про подъём самой полосы-shell. */
.geo-equip-spec-shell:hover { transform: none; }
.geo-equip-spec-toggle {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  background: none; border: none; cursor: pointer; padding: 0; text-align: left; color: inherit;
  -webkit-tap-highlight-color: transparent;
}
/* Явно убираем нативную подсветку/аутлайн кнопки браузера по умолчанию —
   без этого при фокусе/тапе текст заголовка "подсвечивался" системным
   стилем кнопки (это и заметил пользователь на скриншоте). */
.geo-equip-spec-toggle:focus { outline: none; }
.geo-equip-spec-toggle:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }
.geo-equip-spec-toggle h3 { margin: 0; font-weight: 500; }
.geo-equip-spec-toggle-icon {
  font-size: 1.3rem; width: 2rem; height: 2rem; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; border: 1px solid var(--geo-line); transition: transform 0.3s ease;
}
.is-dark .geo-equip-spec-toggle-icon { border-color: rgba(255, 255, 255, 0.2); }
.geo-equip-spec-toggle[aria-expanded="true"] .geo-equip-spec-toggle-icon { transform: rotate(45deg); }
.geo-equip-spec-table-wrap { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.32, 0.72, 0, 1); }
.geo-equip-spec-table-wrap.is-open { max-height: 60rem; }
.geo-equip-spec-table { width: 100%; border-collapse: collapse; margin-top: 1.4rem; font-size: 0.9rem; }
.geo-equip-spec-table td { padding: 0.6rem 0.8rem; border-top: 1px solid var(--geo-line); }
.is-dark .geo-equip-spec-table td { border-color: rgba(255, 255, 255, 0.1); }
.geo-equip-spec-table td:first-child { color: inherit; opacity: 0.65; width: 55%; }
.geo-equip-spec-table td:last-child { font-weight: 600; }
.geo-equip-spec-table-compact { margin-top: 0; }

/* ---------- реальные фото продукта (пары, студийные снимки, фото на объекте) ---------- */
.geo-equip-photo-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
/* Единая пропорция фото для всех 4 продуктовых панелей — карточки
   переключателя должны выглядеть однотипно независимо от того, студийный
   это снимок изделия или реальное фото на объекте. */
.geo-equip-photo .geo-equip-core,
.geo-equip-product-photo .geo-equip-core { padding: 0; aspect-ratio: 4 / 3; position: relative; }
.geo-equip-photo-core img,
.geo-equip-photo-core-studio img { width: 100%; height: 100%; object-fit: cover; display: block; }
.geo-equip-photo-core figcaption,
.geo-equip-onsite-photo figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 0.9rem 1.1rem; font-size: 0.8rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
  color: #fff;
}
/* "студийный" фон под изолированные фото на белом/светлом (расходомер, схема ММЛ) —
   тот же приём product-media, что в референсе-лендинге: object-fit:contain на
   светлом поле, а не edge-to-edge cover, потому что сам снимок уже изолирован. */
.geo-equip-photo-core-studio {
  /* Было 1.5rem: вместе с полями внутри самого снимка получалось двойное
     поле, и прибор выглядел мелким в большом пустом блоке. Снимок теперь
     подготовлен сразу в пропорции слота и почти без полей. */
  padding: 0 !important;
  /* Ровно белый, а не #f4f7f8: сам снимок снят на белом фоне, и при разнице
     даже в один тон его края читались как «прямоугольник внутри
     прямоугольника». На белой подложке границы кадра не видно. */
  background: #fff !important;
  box-shadow: none !important;
  display: flex; align-items: center; justify-content: center;
}
.geo-equip-photo-core-studio img { width: 100%; height: 100%; object-fit: contain; }
.is-dark .geo-equip-photo-core-studio { background: #142c3d !important; }

.geo-equip-product-col { display: flex; flex-direction: column; gap: 1.2rem; }

.geo-equip-onsite-photo .geo-equip-core { padding: 0; aspect-ratio: 4 / 3; position: relative; }
.geo-equip-onsite-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- rail (short categories) ---------- */
.geo-equip-rail-wrap { position: relative; margin-top: 1rem; }
.geo-equip-rail {
  display: flex; gap: 1.1rem; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 0.5rem clamp(1.5rem, 6vw, 6rem) 1.5rem; scrollbar-width: none;
  /* scroll-snap-align:start на первой карточке иначе "съедает" левый padding —
     браузер сам прокручивает контейнер вперёд на его ширину при загрузке,
     чтобы выровнять первую карточку по краю. scroll-padding-left держит
     отступ на месте. */
  scroll-padding-left: clamp(1.5rem, 6vw, 6rem);
}
.geo-equip-rail::-webkit-scrollbar { display: none; }
.geo-equip-rail-card { flex: 0 0 min(320px, 78vw); scroll-snap-align: start; }
.geo-equip-rail-link { display: inline-block; margin-top: 1rem; font-size: 0.88rem; font-weight: 600; color: var(--geo-blue); text-decoration: none; }
/* Настоящие line-иконки (вставляются JS'ом как inline SVG в data-icon) —
   чёткие и статичные: пользователь явно попросил "нормальные иконки" вместо
   пустого вращающегося квадрата, который был здесь раньше. */
.geo-equip-rail-icon {
  display: flex; align-items: center; justify-content: center;
  width: 2.6rem; height: 2.6rem; margin-bottom: 1rem;
  border-radius: 0.6rem;
  background: rgba(211, 231, 255, 0.12);
  color: var(--geo-blue);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-equip-rail-icon svg { width: 1.4rem; height: 1.4rem; }
.geo-equip-rail-card:hover .geo-equip-rail-icon { transform: scale(1.08); }

/* Мелкие иконки в карточках "что получает заказчик" */
.geo-equip-icon {
  display: flex; align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem; margin-bottom: 0.9rem;
  border-radius: 0.55rem;
  background: rgba(211, 231, 255, 0.14);
  color: var(--geo-blue);
  flex-shrink: 0;
}
.is-dark .geo-equip-icon { background: rgba(211, 231, 255, 0.16); color: var(--geo-accent, #d3e7ff); }
.geo-equip-icon svg { width: 1.15rem; height: 1.15rem; }

.geo-equip-subhead { margin: 0 0 1rem; font-size: 1.05rem; font-weight: 600; }

.geo-equip-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.geo-equip-benefit-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.geo-equip-benefit-card .geo-equip-core { display: flex; flex-direction: column; }
.geo-equip-benefit-card p { font-size: 0.88rem; line-height: 1.45; margin: 0; }

/* ---------- тизеры продуктов (быстрый обзор перед переключателем) ---------- */
.geo-equip-teaser-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; margin-bottom: 3rem; }
.geo-equip-teaser-photo { aspect-ratio: 4 / 3; border-radius: 0.9rem; overflow: hidden; margin-bottom: 1.1rem; background: #f4f7f8; }
.geo-equip-teaser-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.geo-equip-teaser-card h3 { font-size: 1.02rem; }
.geo-equip-teaser-card p { opacity: 0.72; margin-bottom: 1.1rem !important; }
.geo-equip-teaser-link {
  display: inline-flex; align-items: center; gap: 0.4rem;
  background: none; border: none; cursor: pointer; padding: 0;
  font: inherit; font-size: 0.88rem; font-weight: 600; color: var(--geo-blue);
}
/* Микро-интеракция стрелки — единственная реакция на hover у этого текстового
   контрола (сама карточка вокруг него всё ещё поднимается через
   .geo-equip-shell:hover — это и есть допустимая анимация "блока"). */
.geo-equip-teaser-link span { display: inline-block; transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1); }
.geo-equip-teaser-link:hover span { transform: translateX(4px); }
.geo-equip-teaser-link:focus { outline: none; }
.geo-equip-teaser-link:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }

/* ---------- переключатель продуктов (табы + панели) ---------- */
.geo-equip-tabs { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 2.6rem; }
.geo-equip-tab {
  padding: 0.7rem 1.4rem; border-radius: 999px;
  border: 1px solid var(--geo-line); background: transparent; color: inherit;
  font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.geo-equip-tab:hover { border-color: var(--geo-blue); }
.geo-equip-tab.is-active { background: var(--geo-blue); border-color: var(--geo-blue); color: #fff; }
.geo-equip-tab:focus { outline: none; }
.geo-equip-tab:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }

/* Плавная смена панели — без этого переключение вкладки было мгновенным
   обрубанием (hidden без перехода), что и ощущалось как "не плавно".
   .is-entering выставляется JS'ом сразу после снятия hidden и снимается
   на следующем кадре — получается лёгкое проявление+сдвиг, тот же язык,
   что у [data-reveal]. */
.geo-equip-product-panel {
  transition: opacity 0.35s cubic-bezier(0.32, 0.72, 0, 1), transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-equip-product-panel.is-entering { opacity: 0; transform: translateY(10px); }
@media (prefers-reduced-motion: reduce) {
  .geo-equip-product-panel { transition: none; }
}
.geo-equip-doc-note { font-size: 0.9rem; opacity: 0.75; margin: 0 0 1.6rem; }
.geo-equip-doc-link { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 600; color: var(--geo-blue); text-decoration: none; }
.geo-equip-doc-link:hover { text-decoration: underline; }

.geo-equip-tag-cloud { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 2rem; }
.geo-equip-tag {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--geo-line);
  font-size: 0.85rem;
  color: inherit;
  opacity: 0.85;
}
.is-dark .geo-equip-tag { border-color: rgba(255, 255, 255, 0.18); }
.geo-equip-tag-accent { border-color: var(--geo-blue); color: var(--geo-blue); opacity: 1; font-weight: 600; }
.geo-equip-rail-controls { display: flex; gap: 0.6rem; padding: 0 clamp(1.5rem, 6vw, 6rem); }
.geo-equip-rail-btn {
  width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 1px solid var(--geo-line);
  background: #fff; cursor: pointer; font-size: 1rem;
}
.geo-equip-rail-btn:hover { background: var(--geo-accent, #d3e7ff); }
.geo-equip-rail-btn:focus { outline: none; }
.geo-equip-rail-btn:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }

/* ---------- final cta ---------- */
.geo-equip-cta-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.geo-equip-cta-copy .geo-equip-h2 { color: #fff; }
.geo-equip-cta-direct { margin-top: 1.4rem; display: flex; flex-direction: column; gap: 0.3rem; }
.geo-equip-cta-direct p { margin: 0 0 0.3rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.5); }
.geo-equip-cta-direct a { color: #fff; text-decoration: none; font-weight: 600; }
.geo-equip-cta-direct a:hover { color: var(--geo-accent, #d3e7ff); }

.geo-equip-form-core { background: #0c2233; }
.geo-equip-form { display: flex; flex-direction: column; gap: 1rem; }
.geo-equip-form label { display: flex; flex-direction: column; gap: 0.45rem; font-size: 0.82rem; color: rgba(255, 255, 255, 0.62); }
.geo-equip-form input,
.geo-equip-form textarea {
  font: inherit;
  padding: 0.75rem 0.9rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  resize: vertical;
  transition: border-color 0.3s ease;
}
.geo-equip-form input:focus,
.geo-equip-form textarea:focus { outline: none; border-color: var(--geo-accent, #d3e7ff); }
.geo-equip-form button { align-self: flex-start; margin-top: 0.3rem; }
.geo-equip-form-note { font-size: 0.74rem; color: rgba(255, 255, 255, 0.42); margin: 0; }
.geo-equip-form.is-sent .geo-equip-form-note { color: var(--geo-accent, #d3e7ff); font-size: 0.9rem; }
.geo-equip-form.is-sent label,
.geo-equip-form.is-sent button { display: none; }

/* ---------- responsive ---------- */
@media (max-width: 991px) {
  .geo-equip-split, .geo-equip-split-reverse { grid-template-columns: 1fr; }
  .geo-equip-split-reverse .geo-equip-photo-pair { order: 0; }
  .geo-equip-split-reverse .geo-equip-split-head { order: 1; }
  .geo-equip-two-col { grid-template-columns: 1fr; }
  .geo-equip-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-equip-mini-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-equip-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-equip-teaser-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .geo-equip-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .geo-equip-section { padding: 2.6rem 0; }
  .geo-equip-section .geo-equip-split { gap: 2rem; }
  .geo-equip-hero { min-height: 100dvh; }
  .geo-equip-bento { grid-template-columns: 1fr; }
  .geo-equip-bento-lg { grid-column: span 1; }
  .geo-equip-photo-pair { grid-template-columns: 1fr; }
  .geo-equip-mini-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-equip-mini-stats-inline { grid-template-columns: 1fr; }
  .geo-equip-benefit-grid { grid-template-columns: 1fr; }
  .geo-equip-cta-form-grid { grid-template-columns: 1fr; }
  .geo-equip-teaser-grid { grid-template-columns: 1fr; }
  .geo-equip-tabs { flex-direction: column; }
  .geo-equip-tab { width: 100%; text-align: center; }
}

/* ---------- полный каталог оборудования (фильтры + карточки + модалка) ---------- */
.geo-equip-catalog-filters { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 2rem 0 2.4rem; }
.geo-equip-catalog-filter {
  padding: 0.6rem 1.2rem; border-radius: 999px;
  border: 1px solid var(--geo-line); background: transparent; color: inherit;
  font: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.geo-equip-catalog-filter:hover { border-color: var(--geo-blue); }
.geo-equip-catalog-filter.is-active { background: var(--geo-blue); border-color: var(--geo-blue); color: #fff; }
.geo-equip-catalog-filter:focus { outline: none; }
.geo-equip-catalog-filter:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }

.geo-equip-catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.geo-equip-catalog-card .geo-equip-core { padding: 1.1rem 1.1rem 1.3rem; }
.geo-equip-catalog-photo { aspect-ratio: 4 / 3; border-radius: 0.8rem; overflow: hidden; margin-bottom: 1rem; background: #f4f7f8; }
.geo-equip-catalog-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.geo-equip-catalog-photo.is-empty { display: flex; align-items: center; justify-content: center; color: rgba(6, 22, 38, 0.3); font-size: 0.78rem; text-align: center; padding: 0.5rem; }
.geo-equip-catalog-card h3 { margin: 0 0 0.3rem; font-size: 0.94rem; font-weight: 600; line-height: 1.3; }
.geo-equip-catalog-index { margin: 0 0 0.6rem; font-size: 0.78rem; opacity: 0.6; font-weight: 600; }
.geo-equip-catalog-summary { margin: 0 0 1rem; font-size: 0.85rem; line-height: 1.45; opacity: 0.75; }
.geo-equip-catalog-more {
  display: inline-flex; align-items: center; gap: 0.4rem;
  background: none; border: none; cursor: pointer; padding: 0;
  font: inherit; font-size: 0.85rem; font-weight: 600; color: var(--geo-blue);
}
.geo-equip-catalog-more span { display: inline-block; transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1); }
.geo-equip-catalog-more:hover span { transform: translateX(4px); }
.geo-equip-catalog-more:focus { outline: none; }
.geo-equip-catalog-more:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 4px; }

/* ---------- модалка карточки каталога ---------- */
/* display:flex на этом же классе перебивает браузерный [hidden]{display:none}
   (авторские стили всегда сильнее UA-стилей при равной специфичности) —
   без явного [hidden]{display:none} модалка была видна на странице всегда,
   даже без открытия, просто с пустым, ещё не заполненным JS содержимым. */
/* Шапка сайта — position:fixed с z-index:9999 (см. .navbar в разметке),
   выше нашего прежнего z-index:60 модалки, из-за чего шапка перекрывала
   верх модалки и крестик закрытия. Ставим заведомо выше. */
.geo-equip-catalog-modal { position: fixed; inset: 0; z-index: 10001; align-items: center; justify-content: center; padding: 1.5rem; }
.geo-equip-catalog-modal:not([hidden]) { display: flex; }
.geo-equip-catalog-modal[hidden] { display: none; }
.geo-equip-catalog-modal-backdrop { position: absolute; inset: 0; background: rgba(6, 22, 38, 0.6); backdrop-filter: blur(2px); }
.geo-equip-catalog-modal-dialog {
  position: relative; z-index: 1; width: min(52rem, 100%); max-height: 88vh; overflow-y: auto;
  background: var(--geo-paper); border-radius: 1.4rem; padding: 2.4rem;
  display: grid; grid-template-columns: 1fr 1.3fr; gap: 2rem;
}
.geo-equip-catalog-modal-close {
  position: absolute; top: 1rem; right: 1rem; width: 2.4rem; height: 2.4rem;
  border-radius: 50%; border: 1px solid var(--geo-line); background: #fff;
  font-size: 1.3rem; line-height: 1; cursor: pointer;
}
.geo-equip-catalog-modal-close:focus { outline: none; }
.geo-equip-catalog-modal-close:focus-visible { outline: 2px solid var(--geo-accent, #d3e7ff); outline-offset: 2px; }
.geo-equip-catalog-modal-photo { aspect-ratio: 4 / 3; border-radius: 0.9rem; overflow: hidden; background: #f4f7f8; }
.geo-equip-catalog-modal-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.geo-equip-catalog-modal-category { display: inline-block; margin-bottom: 0.8rem; font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--geo-blue); }
.geo-equip-catalog-modal-body h3 { margin: 0 0 0.4rem; font-size: 1.4rem; font-weight: 600; }
.geo-equip-catalog-modal-index { margin: 0 0 1.4rem; font-size: 0.85rem; opacity: 0.6; }
.geo-equip-catalog-modal-body p { font-size: 0.95rem; line-height: 1.6; margin: 0 0 1.4rem; }
.geo-equip-catalog-modal-body .geo-equip-spec-table { margin-bottom: 1.6rem; }

@media (max-width: 991px) {
  .geo-equip-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-equip-catalog-modal-dialog { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .geo-equip-catalog-grid { grid-template-columns: 1fr; }
  .geo-equip-catalog-filters { gap: 0.5rem; }
  .geo-equip-catalog-modal-dialog { padding: 1.6rem; max-height: 92vh; }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { transition: opacity 0.3s ease; transform: none !important; filter: none !important; }
  .geo-equip-shell, .geo-equip-btn { transition: none; }
}

/* ==========================================================================
   Каталог: панель поиска, порционный вывод, режим списка, «Наверх»
   ========================================================================== */

.geo-equip-catalog-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.geo-equip-catalog-search {
  position: relative;
  flex: 1 1 24rem;
  display: flex;
  align-items: center;
}

.geo-equip-catalog-search-icon {
  position: absolute;
  left: 0.95rem;
  width: 1.15rem;
  height: 1.15rem;
  opacity: 0.55;
  pointer-events: none;
}

.geo-equip-catalog-search-icon svg {
  width: 100%;
  height: 100%;
}

.geo-equip-catalog-search input {
  width: 100%;
  min-height: 3rem;
  padding: 0.7rem 1rem 0.7rem 2.85rem;
  border-radius: 999px;
  border: 1px solid rgba(12, 34, 51, 0.2);
  background: #fff;
  font: inherit;
  font-size: 0.95rem;
  color: inherit;
}

.geo-equip-catalog-search input:focus-visible {
  outline: 2px solid #0c2233;
  outline-offset: 2px;
}

.geo-equip-catalog-view {
  display: inline-flex;
  border: 1px solid rgba(12, 34, 51, 0.2);
  border-radius: 999px;
  overflow: hidden;
}

.geo-equip-catalog-view-btn {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0.6rem 1.1rem;
  font: inherit;
  font-size: 0.9rem;
  cursor: pointer;
  color: inherit;
}

.geo-equip-catalog-view-btn.is-active {
  background: #0c2233;
  color: #f2f9ff;
}

.geo-equip-catalog-count {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  opacity: 0.7;
}

.geo-equip-catalog-empty {
  margin: 1.5rem 0;
  padding: 1.1rem 1.25rem;
  border-radius: 12px;
  border: 1px dashed rgba(12, 34, 51, 0.28);
  line-height: 1.55;
}

.geo-equip-catalog-empty[hidden] {
  display: none;
}

.geo-equip-catalog-more-row {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
}

.geo-equip-catalog-more-row button[hidden] {
  display: none;
}

.geo-equip-catalog-cat {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.74rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  opacity: 0.55;
}

.geo-equip-catalog-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-top: auto;
  padding-top: 0.6rem;
}

.geo-equip-catalog-kp {
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}

/* --- режим «Список» --- */
.geo-equip-catalog-grid.is-list {
  grid-template-columns: minmax(0, 1fr);
}

.geo-equip-catalog-grid.is-list .geo-equip-core {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: 0 1.15rem;
  align-items: start;
}

.geo-equip-catalog-grid.is-list .geo-equip-catalog-photo {
  grid-row: 1 / span 5;
  aspect-ratio: 1 / 1;
}

.geo-equip-catalog-grid.is-list .geo-equip-catalog-photo img {
  height: 100%;
  object-fit: contain;
}

@media (max-width: 560px) {
  .geo-equip-catalog-grid.is-list .geo-equip-core {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }
}

/* --- липкая панель фильтров на мобильном --- */
@media (max-width: 860px) {
  .geo-equip-catalog-filters {
    position: sticky;
    top: 4.6rem;
    z-index: 5;
    display: flex;
    gap: 0.5rem;
    /* Без nowrap базовое правило (flex-wrap: wrap) побеждало, и семь чипсов
       разворачивались в семь строк — 293 px вместо одной прокручиваемой. */
    flex-wrap: nowrap;
    margin-block: 1.2rem 1.4rem;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0.6rem 0;
    margin-inline: -16px;
    padding-inline: 16px;
    background: rgba(238, 246, 250, 0.96);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(12, 34, 51, 0.1);
  }

  .geo-equip-catalog-filters::-webkit-scrollbar {
    display: none;
  }

  .geo-equip-catalog-filter {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .geo-equip-catalog-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  /* В колонке flex-basis становится высотой, и `flex: 1 1 24rem` растягивал
     поле поиска до 384 px пустоты. Высоту задаёт сам input (min-height: 3rem). */
  .geo-equip-catalog-search {
    flex: 0 0 auto;
  }

  .geo-equip-catalog-view {
    align-self: flex-start;
  }
}

/* --- кнопка «Наверх» --- */
.geo-equip-totop {
  position: fixed;
  right: clamp(0.9rem, 2vw, 1.6rem);
  bottom: clamp(0.9rem, 2vw, 1.6rem);
  z-index: 60;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: #0c2233;
  color: #f2f9ff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.6rem);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
  box-shadow: 0 0.5rem 1.4rem rgba(0, 0, 0, 0.24);
}

.geo-equip-totop svg {
  width: 1.25rem;
  height: 1.25rem;
}

.geo-equip-totop.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.geo-equip-totop:focus-visible {
  outline: 2px solid #d3e7ff;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .geo-equip-totop {
    transition: none;
  }
}