/* ===============================
   БАЗОВЫЕ СЕКЦИИ ДЛЯ 3 СТРАНИЦЫ
   =============================== */

.nb-section {
  position: relative;
  padding: 56px 0;
}

.nb-section__title {
  font-family: "NB-Display", system-ui, sans-serif;
  font-size: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.nb-section__lead {
  margin: 0 0 18px;
  font-size: 14px;
  color: #c9d4e5;
}

/* ===============================
   СЕКЦИЯ 1 — HERO ОСНАСТКА И СВЕТ
   =============================== */

.nb-gear-hero {
  padding-top: 72px;
  padding-bottom: 72px;
  overflow: hidden;
}

.nb-gear-hero__background {
  position: absolute;
  inset: -80px 0 -40px;
  background:
    radial-gradient(circle at 15% 20%, rgba(148, 236, 180, 0.22) 0, transparent 55%),
    radial-gradient(circle at 85% 50%, rgba(62, 231, 255, 0.22) 0, transparent 60%),
    radial-gradient(circle at 50% 110%, rgba(1, 5, 7, 0.9) 0, transparent 65%);
  opacity: 0.75;
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: -1;
}

.nb-gear-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

/* Левая часть */

.nb-gear-hero__content {
  position: relative;
}

.nb-gear-hero__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7ea1b6;
}

.nb-gear-hero__title {
  font-family: "NB-Display", system-ui, sans-serif;
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-gear-hero__lead {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #ced5e6;
}

.nb-gear-hero__tags {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.nb-gear-hero__tag {
  border-radius: 16px;
  padding: 8px 10px;
  background: linear-gradient(135deg, rgba(6, 34, 38, 0.95), rgba(4, 21, 23, 0.98));
  border: 1px solid rgba(117, 187, 189, 0.9);
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  column-gap: 8px;
}

.nb-gear-hero__tag-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #8aa3b7;
}

.nb-gear-hero__tag-value {
  font-size: 13px;
  color: #e6f0ff;
}

/* Правая часть: визуал */

.nb-gear-hero__visual {
  position: relative;
}

/* ореол вокруг оснастки */

.nb-gear-hero__halo {
  position: absolute;
  inset: -40px -20px;
  pointer-events: none;
}

.nb-gear-hero__halo-ring {
  position: absolute;
  border-radius: 999px;
  border: 1px dashed rgba(112, 171, 176, 0.8);
  opacity: 0.55;
  animation: nb3-orbit-spin 28s linear infinite;
}

.nb-gear-hero__halo-ring--outer {
  inset: 6% 4%;
}

.nb-gear-hero__halo-ring--inner {
  inset: 24% 22%;
  animation-duration: 34s;
  animation-direction: reverse;
}

.nb-gear-hero__halo-glow {
  position: absolute;
  inset: 30% 28%;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 30%, rgba(62, 231, 255, 0.6), transparent 70%);
  filter: blur(8px);
  opacity: 0.8;
}

/* стек фото */

.nb-gear-hero__stack {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 0 0, rgba(255, 181, 71, 0.16), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(62, 231, 255, 0.18), transparent 60%),
    rgba(3, 18, 19, 0.96);
  border: 1px solid rgba(86, 144, 148, 0.9);
  box-shadow: 0 0 26px rgba(18, 78, 81, 0.9);
}

.nb-gear-hero__photo {
  margin: 0;
  position: relative;
}

.nb-gear-hero__photo--headlamp {
  justify-self: flex-start;
}

.nb-gear-hero__photo--rod {
  justify-self: center;
}

.nb-gear-hero__photo--box {
  justify-self: flex-end;
}

.nb-gear-hero__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 260px;
}

.nb-gear-hero__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-hero__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 2 — ТРИ УРОВНЯ СВЕТА
   =============================== */

.nb-gear-light {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-light__shell {
  border-radius: 26px;
  padding: 20px 20px 22px;
  background: radial-gradient(circle at 70% 0, rgba(62, 231, 255, 0.22), transparent 60%),
              rgba(3, 21, 25, 0.98);
  border: 1px solid rgba(95, 164, 173, 0.95);
  box-shadow: 0 0 32px rgba(8, 60, 67, 0.9);
}

.nb-gear-light__header {
  max-width: 620px;
  margin-bottom: 16px;
}

.nb-gear-light__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: center;
}

/* текст: уровни света */

.nb-gear-light__levels {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-light__level {
  border-radius: 18px;
  padding: 8px 10px 10px;
  background: linear-gradient(135deg, rgba(5, 30, 33, 0.98), rgba(3, 18, 20, 1));
  border: 1px solid rgba(117, 187, 189, 0.9);
  position: relative;
  overflow: hidden;
}

.nb-gear-light__level::before {
  content: "";
  position: absolute;
  inset: auto 8px 4px 8px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffb547, #3ee7ff);
  opacity: 0.6;
}

.nb-gear-light__level-title {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e9f6ff;
}

.nb-gear-light__level-text {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* визуал: фото света */

.nb-gear-light__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-light__photo {
  margin: 0;
}

.nb-gear-light__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-light__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-light__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(255, 181, 71, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 3 — ОСНАСТКА ДЛЯ ХИЩНИКА И МИРНОЙ
   =============================== */

.nb-gear-rigs {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-rigs__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

/* фото оснастки */

.nb-gear-rigs__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-rigs__photo {
  margin: 0;
}

.nb-gear-rigs__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-rigs__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-rigs__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.05);
}

/* текст: два комплекта */

.nb-gear-rigs__content {
  padding: 18px 20px 22px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-rigs__columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.nb-gear-rigs__subtitle {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e9f6ff;
}

.nb-gear-rigs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-rigs__item {
  font-size: 13px;
  color: #d3e1f0;
}

/* ===============================
   АНИМАЦИИ 3 СТРАНИЦЫ
   =============================== */

@keyframes nb3-orbit-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ===============================
   АДАПТИВ
   =============================== */

@media (max-width: 1040px) {
  .nb-gear-hero__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 30px;
  }

  .nb-gear-hero__title {
    font-size: 26px;
  }
}

@media (max-width: 880px) {
  .nb-gear-hero {
    padding-top: 52px;
    padding-bottom: 64px;
  }

  .nb-gear-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nb-gear-hero__visual {
    order: -1;
  }

  .nb-gear-hero__stack {
    margin-bottom: 10px;
  }
}

@media (max-width: 960px) {
  .nb-gear-light__grid,
  .nb-gear-rigs__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .nb-section {
    padding-inline: 0;
  }

  .nb-gear-hero__tag {
    grid-template-columns: minmax(0, 1fr);
  }

  .nb-gear-light__shell,
  .nb-gear-rigs__content {
    padding-inline: 14px;
  }

  .nb-gear-rigs__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .nb-gear-hero__title {
    font-size: 22px;
  }

  .nb-gear-hero__lead {
    font-size: 14px;
  }

  .nb-gear-hero__caption,
  .nb-gear-light__caption,
  .nb-gear-rigs__caption {
    max-width: 100%;
  }
}
/* ===============================
   СЕКЦИЯ 4 — РЕЖИМЫ И ЦВЕТ СВЕТА
   =============================== */

.nb-gear-modes {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-modes__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-modes__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-modes__table {
  margin: 10px 0 0;
}

.nb-gear-modes__row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-modes__row:last-child {
  border-bottom: none;
}

.nb-gear-modes__term {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
}

.nb-gear-modes__def {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* фото режимов */

.nb-gear-modes__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-modes__photo {
  margin: 0;
}

.nb-gear-modes__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-modes__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-modes__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 5 — МИНИМАЛЬНЫЙ БОКС ОСНАСТКИ
   =============================== */

.nb-gear-box {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-box__shell {
  border-radius: 26px;
  padding: 20px 20px 22px;
  background: radial-gradient(circle at 65% 0, rgba(62, 231, 255, 0.22), transparent 60%),
              rgba(3, 21, 25, 0.98);
  border: 1px solid rgba(95, 164, 173, 0.95);
  box-shadow: 0 0 32px rgba(8, 60, 67, 0.9);
}

.nb-gear-box__header {
  max-width: 620px;
  margin-bottom: 16px;
}

.nb-gear-box__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: center;
}

/* фото бокса */

.nb-gear-box__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-box__photo {
  margin: 0;
}

.nb-gear-box__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-box__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-box__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(255, 181, 71, 0.6);
  filter: brightness(1.05);
}

/* текстовая часть бокса */

.nb-gear-box__content {
  padding: 16px 18px 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(5, 30, 33, 0.98), rgba(3, 18, 20, 1));
  border: 1px solid rgba(117, 187, 189, 0.9);
}

.nb-gear-box__zones {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-box__zone {
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-box__zone:last-child {
  border-bottom: none;
}

.nb-gear-box__zone-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
  margin-bottom: 2px;
}

.nb-gear-box__zone-text {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* ===============================
   СЕКЦИЯ 6 — РАЗМЕЩЕНИЕ В РЮКЗАКЕ
   =============================== */

.nb-gear-pack {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-pack__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-pack__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-pack__rows {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-pack__row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-pack__row:last-child {
  border-bottom: none;
}

.nb-gear-pack__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
}

.nb-gear-pack__value {
  font-size: 13px;
  color: #d3e1f0;
}

/* фото рюкзака */

.nb-gear-pack__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-pack__photo {
  margin: 0;
}

.nb-gear-pack__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-pack__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-pack__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.05);
}

/* ===============================
   АДАПТИВ ДЛЯ 4–6
   =============================== */

@media (max-width: 960px) {
  .nb-gear-modes__grid,
  .nb-gear-box__grid,
  .nb-gear-pack__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .nb-gear-modes__content,
  .nb-gear-box__shell,
  .nb-gear-pack__content {
    padding-inline: 14px;
  }

  .nb-gear-modes__row,
  .nb-gear-pack__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .nb-gear-modes__caption,
  .nb-gear-box__caption,
  .nb-gear-pack__caption {
    max-width: 100%;
  }
}
/* ===============================
   СЕКЦИЯ 7 — ПИТАНИЕ И ЗАРЯД
   =============================== */

.nb-gear-power {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-power__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-power__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-power__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.nb-gear-power__chip {
  border-radius: 999px;
  padding: 5px 10px;
  background: linear-gradient(135deg, rgba(6, 34, 38, 0.95), rgba(4, 21, 23, 0.98));
  border: 1px solid rgba(117, 187, 189, 0.9);
  display: flex;
  gap: 6px;
  align-items: baseline;
}

.nb-gear-power__chip-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #e9f6ff;
}

.nb-gear-power__chip-value {
  font-size: 11px;
  color: #a7bed0;
}

.nb-gear-power__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-power__row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-power__row:last-child {
  border-bottom: none;
}

.nb-gear-power__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
}

.nb-gear-power__value {
  font-size: 13px;
  color: #d3e1f0;
}

/* фото питания */

.nb-gear-power__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-power__photo {
  margin: 0;
}

.nb-gear-power__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-power__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-power__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 8 — ЗАЩИТА ОТ ВЛАГИ
   =============================== */

.nb-gear-durability {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-durability__shell {
  border-radius: 26px;
  padding: 20px 20px 22px;
  background: radial-gradient(circle at 60% 0, rgba(62, 231, 255, 0.22), transparent 60%),
              rgba(3, 21, 25, 0.98);
  border: 1px solid rgba(95, 164, 173, 0.95);
  box-shadow: 0 0 32px rgba(8, 60, 67, 0.9);
}

.nb-gear-durability__header {
  max-width: 620px;
  margin-bottom: 16px;
}

.nb-gear-durability__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: center;
}

/* зоны защиты */

.nb-gear-durability__zones {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-durability__zone {
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-durability__zone:last-child {
  border-bottom: none;
}

.nb-gear-durability__zone-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
  margin-bottom: 2px;
}

.nb-gear-durability__zone-text {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* фото защиты */

.nb-gear-durability__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-durability__photo {
  margin: 0;
}

.nb-gear-durability__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-durability__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-durability__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(255, 181, 71, 0.6);
  filter: brightness(1.05);
}

/* ===============================
   СЕКЦИЯ 9 — МАРКЕРЫ НА СНАСТЯХ И ОДЕЖДЕ
   =============================== */

.nb-gear-markers {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-markers__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

/* визуал маркеров */

.nb-gear-markers__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-markers__photo {
  margin: 0;
}

.nb-gear-markers__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-markers__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-markers__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.05);
}

/* текстовая часть маркеров */

.nb-gear-markers__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-markers__columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.nb-gear-markers__subtitle {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e9f6ff;
}

.nb-gear-markers__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-markers__item {
  font-size: 13px;
  color: #d3e1f0;
}

/* ===============================
   АДАПТИВ 7–9
   =============================== */

@media (max-width: 960px) {
  .nb-gear-power__grid,
  .nb-gear-durability__grid,
  .nb-gear-markers__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .nb-gear-power__content,
  .nb-gear-durability__shell,
  .nb-gear-markers__content {
    padding-inline: 14px;
  }

  .nb-gear-power__row,
  .nb-gear-modes__row,
  .nb-gear-pack__row,
  .nb-limits__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .nb-gear-markers__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .nb-gear-power__caption,
  .nb-gear-durability__caption,
  .nb-gear-markers__caption {
    max-width: 100%;
  }
}
/* ===============================
   СЕКЦИЯ 10 — ИНСТРУМЕНТЫ И УЗЛЫ
   =============================== */

.nb-gear-tools {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-tools__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-tools__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-tools__steps {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-tools__step {
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-tools__step:last-child {
  border-bottom: none;
}

.nb-gear-tools__step-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
  margin-bottom: 2px;
}

.nb-gear-tools__step-text {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* фото инструментов */

.nb-gear-tools__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-tools__photo {
  margin: 0;
}

.nb-gear-tools__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-tools__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-tools__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 11 — ШУМ И ТИШИНА
   =============================== */

.nb-gear-sound {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-sound__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

/* визуал */

.nb-gear-sound__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-sound__photo {
  margin: 0;
}

.nb-gear-sound__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-sound__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-sound__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(255, 181, 71, 0.6);
  filter: brightness(1.05);
}

/* текст */

.nb-gear-sound__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-sound__rows {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-sound__row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-sound__row:last-child {
  border-bottom: none;
}

.nb-gear-sound__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
}

.nb-gear-sound__value {
  font-size: 13px;
  color: #d3e1f0;
}

/* ===============================
   СЕКЦИЯ 12 — МЕЛОЧИ ДЛЯ СТРАХОВКИ
   =============================== */

.nb-gear-small {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-small__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.05fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-small__content {
  padding: 18px 20px 22px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-small__columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.nb-gear-small__subtitle {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e9f6ff;
}

.nb-gear-small__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-small__item {
  font-size: 13px;
  color: #d3e1f0;
}

/* визуал */

.nb-gear-small__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-small__photo {
  margin: 0;
}

.nb-gear-small__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-small__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-small__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   АДАПТИВ 10–12
   =============================== */

@media (max-width: 960px) {
  .nb-gear-tools__grid,
  .nb-gear-sound__grid,
  .nb-gear-small__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .nb-gear-tools__content,
  .nb-gear-sound__content,
  .nb-gear-small__content {
    padding-inline: 14px;
  }

  .nb-gear-tools__step,
  .nb-gear-sound__row {
    padding-bottom: 6px;
  }

  .nb-gear-sound__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .nb-gear-small__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .nb-gear-tools__caption,
  .nb-gear-sound__caption,
  .nb-gear-small__caption {
    max-width: 100%;
  }
}
/* ===============================
   СЕКЦИЯ 13 — ТЕПЛО И ЕДА
   =============================== */

.nb-gear-comfort {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-comfort__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-comfort__content {
  padding: 18px 20px 20px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-comfort__rows {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-comfort__row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-comfort__row:last-child {
  border-bottom: none;
}

.nb-gear-comfort__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
}

.nb-gear-comfort__value {
  font-size: 13px;
  color: #d3e1f0;
}

/* визуал */

.nb-gear-comfort__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-comfort__photo {
  margin: 0;
}

.nb-gear-comfort__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-comfort__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-comfort__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.05);
}

/* ===============================
   СЕКЦИЯ 14 — АПТЕЧКА И ТЕПЛОВОЙ РЕЗЕРВ
   =============================== */

.nb-gear-firstaid {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-firstaid__shell {
  border-radius: 26px;
  padding: 20px 20px 22px;
  background: radial-gradient(circle at 65% 0, rgba(62, 231, 255, 0.22), transparent 60%),
              rgba(3, 21, 25, 0.98);
  border: 1px solid rgba(95, 164, 173, 0.95);
  box-shadow: 0 0 32px rgba(8, 60, 67, 0.9);
}

.nb-gear-firstaid__header {
  max-width: 620px;
  margin-bottom: 16px;
}

.nb-gear-firstaid__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: center;
}

.nb-gear-firstaid__zones {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-firstaid__zone {
  padding: 6px 0;
  border-bottom: 1px solid rgba(64, 109, 117, 0.7);
}

.nb-gear-firstaid__zone:last-child {
  border-bottom: none;
}

.nb-gear-firstaid__zone-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8aa3b7;
  margin-bottom: 2px;
}

.nb-gear-firstaid__zone-text {
  margin: 0;
  font-size: 13px;
  color: #d3e1f0;
}

/* визуал */

.nb-gear-firstaid__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-firstaid__photo {
  margin: 0;
}

.nb-gear-firstaid__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-firstaid__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-firstaid__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(255, 181, 71, 0.6);
  filter: brightness(1.06);
}

/* ===============================
   СЕКЦИЯ 15 — МАРШРУТ И ДОРОГА
   =============================== */

.nb-gear-route {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-route__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

/* визуал */

.nb-gear-route__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.nb-gear-route__photo {
  margin: 0;
}

.nb-gear-route__caption {
  margin-top: 6px;
  font-size: 11px;
  color: #b3c4d6;
  max-width: 280px;
}

.nb-gear-route__photo .nb-img {
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.nb-gear-route__photo:hover .nb-img {
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(62, 231, 255, 0.6);
  filter: brightness(1.05);
}

/* текст */

.nb-gear-route__content {
  padding: 18px 20px 22px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-route__steps {
  margin: 10px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nb-gear-route__step {
  font-size: 13px;
  color: #d3e1f0;
}

.nb-gear-route__step-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
}

/* ===============================
   СЕКЦИЯ 16 — СВОДНЫЙ КОМПЛЕКТ
   =============================== */

.nb-gear-summary {
  padding-top: 8px;
  padding-bottom: 56px;
}

.nb-gear-summary__shell {
  border-radius: 26px;
  padding: 20px 20px 22px;
  background: radial-gradient(circle at 50% 0, rgba(62, 231, 255, 0.22), transparent 60%),
              rgba(3, 21, 25, 0.98);
  border: 1px solid rgba(95, 164, 173, 0.95);
  box-shadow: 0 0 32px rgba(8, 60, 67, 0.9);
}

.nb-gear-summary__header {
  max-width: 620px;
  margin-bottom: 16px;
}

.nb-gear-summary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.nb-gear-summary__subtitle {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e9f6ff;
}

.nb-gear-summary__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nb-gear-summary__item {
  font-size: 13px;
  color: #d3e1f0;
}

/* ===============================
   СЕКЦИЯ 17 — ЗАКЛЮЧИТЕЛЬНЫЙ CTA
   =============================== */

.nb-gear-cta {
  padding-top: 8px;
  padding-bottom: 60px;
}

.nb-gear-cta__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.nb-gear-cta__content {
  padding: 18px 20px 22px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(148, 236, 180, 0.18), transparent 55%),
              rgba(4, 24, 25, 0.98);
  border: 1px solid rgba(90, 160, 160, 0.95);
  box-shadow: 0 0 24px rgba(9, 63, 63, 0.9);
}

.nb-gear-cta__actions {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.nb-gear-cta__notes {
  font-size: 13px;
  color: #d3e1f0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ===============================
   АДАПТИВ 13–17
   =============================== */

@media (max-width: 960px) {
  .nb-gear-comfort__grid,
  .nb-gear-firstaid__grid,
  .nb-gear-route__grid,
  .nb-gear-cta__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .nb-gear-comfort__content,
  .nb-gear-firstaid__shell,
  .nb-gear-route__content,
  .nb-gear-summary__shell,
  .nb-gear-cta__content {
    padding-inline: 14px;
  }

  .nb-gear-comfort__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .nb-gear-summary__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 420px) {
  .nb-gear-comfort__caption,
  .nb-gear-firstaid__caption,
  .nb-gear-route__caption {
    max-width: 100%;
  }
}
.nb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.2s ease,
    border-color 0.2s ease, color 0.2s ease;
  max-width: 100%;      /* <— не вылезаем за блок */
  text-align: center;   /* <— выравнивание по центру */
  white-space: normal;  /* <— разрешаем перенос строк */
}