/* ===== IceRig Workshop — blueprints.html (page 2) ===== */

/* базовый отступ main можно подправить под общий стиль */
.isw-bp-main {
  padding-block: 5rem 4rem;
}

/* ===== SECTION 1/17: RIG RECIPE INTRO HERO ===== */

.isw-bp-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.4rem;
  align-items: center;
  position: relative;
}

.isw-bp-hero-inner::before {
  content: "";
  position: absolute;
  inset: 8% 10%;
  border-radius: 28px;
  background: radial-gradient(
    circle at 0 0,
    rgba(67, 240, 209, 0.18),
    transparent 60%
  );
  opacity: 0.5;
  mix-blend-mode: screen;
  pointer-events: none;
}

.isw-bp-hero-text {
  position: relative;
  padding: 1.7rem 1.7rem 1.6rem;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.22), transparent 60%),
    linear-gradient(135deg, #060a18, #040713);
  border: 1px solid rgba(64, 86, 140, 0.96);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.9);
}

.isw-bp-hero-title {
  margin: 0.5rem 0 0.6rem;
  font-size: 1.8rem;
}

.isw-bp-hero-lead {
  margin: 0 0 0.6rem;
  font-size: 0.95rem;
  color: var(--isw-text-muted);
}

.isw-bp-hero-body {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

/* фото героя */

.isw-bp-hero-photos {
  position: relative;
  display: grid;
  gap: 1.1rem;
}

.isw-bp-hero-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: radial-gradient(
      circle at 0 0,
      rgba(67, 240, 209, 0.85),
      transparent 60%
    ),
    linear-gradient(145deg, #273246, #111827, #28324a);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-hero-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-hero-photo--cards {
  transform: translateX(6px);
}

.isw-bp-hero-photo--bench {
  transform: translateX(-6px);
}

.isw-bp-hero-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-hero-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 2/17: LANE PICKER CARDS ===== */

.isw-bp-lanes-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-lanes-head {
  max-width: 480px;
}

.isw-bp-lanes-title {
  margin: 0.5rem 0 0.6rem;
  font-size: 1.45rem;
}

.isw-bp-lanes-text {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-lanes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-lane-card {
  position: relative;
  border-radius: 18px;
  padding: 0.8rem 0.8rem 0.9rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.16), transparent 65%),
    rgba(7, 11, 25, 0.98);
  border: 1px solid rgba(69, 88, 145, 0.96);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.45rem;
}

.isw-bp-lane-photo {
  border-radius: 14px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  overflow: hidden;
}

.isw-bp-lane-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 12px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-lane-card:hover .isw-bp-lane-photo img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-lane-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.isw-bp-lane-label {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(207, 219, 255, 0.95);
}

.isw-bp-lane-note {
  margin: 0;
  font-size: 0.86rem;
  color: var(--isw-text-muted);
}

/* лёгкое смещение карточек по осям */

.isw-bp-lane-card--solo {
  transform: translateY(3px);
}

.isw-bp-lane-card--duo {
  transform: translateY(-4px);
}

.isw-bp-lane-card--crew {
  transform: translateY(5px);
}

/* ===== SECTION 3/17: KIT BILL OF MATERIALS STRIP ===== */

.isw-bp-bom-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.4rem;
  align-items: center;
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 184, 91, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
}

.isw-bp-bom-text {
  max-width: 560px;
}

.isw-bp-bom-title {
  margin: 0.5rem 0 0.6rem;
  font-size: 1.45rem;
}

.isw-bp-bom-lead {
  margin: 0 0 0.8rem;
  font-size: 0.94rem;
  color: var(--isw-text-muted);
}

.isw-bp-bom-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-bom-column {
  padding: 0.75rem 0.9rem;
  border-radius: 18px;
  background: rgba(7, 11, 25, 0.96);
  border: 1px solid rgba(69, 88, 141, 0.95);
}

.isw-bp-bom-label {
  margin: 0 0 0.3rem;
  font-size: 0.86rem;
  font-weight: 500;
  color: #e3ecff;
}

.isw-bp-bom-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--isw-text-muted);
}

.isw-bp-bom-list li + li {
  margin-top: 0.25rem;
}

/* фото BOM */

.isw-bp-bom-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-bom-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-bom-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-bom-photo--flatlay {
  transform: translateX(6px);
}

.isw-bp-bom-photo--labels {
  transform: translateX(-6px);
}

.isw-bp-bom-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-bom-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== RESPONSIVE (PAGE 2, SECTIONS 1–3) ===== */

@media (max-width: 1120px) {
  .isw-bp-hero-inner {
    gap: 2rem;
  }

  .isw-bp-bom-inner {
    gap: 2rem;
  }

  .isw-bp-bom-columns {
    gap: 0.9rem;
  }
}

@media (max-width: 960px) {
  .isw-bp-main {
    padding-block: 4.5rem 3.5rem;
  }

  .isw-bp-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-hero-text {
    order: -1;
  }

  .isw-bp-hero-inner::before {
    inset: 4% 4%;
  }

  .isw-bp-lanes-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-lanes-head {
    max-width: none;
  }

  .isw-bp-lanes-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .isw-bp-bom-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-bom-photos {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-bom-photo--flatlay,
  .isw-bp-bom-photo--labels {
    transform: none;
  }
}

@media (max-width: 720px) {
  .isw-bp-hero-text {
    padding: 1.5rem 1.35rem 1.45rem;
  }

  .isw-bp-hero-title {
    font-size: 1.6rem;
  }

  .isw-bp-lanes-inner {
    gap: 1.8rem;
  }

  .isw-bp-lanes-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-bom-inner {
    padding: 1.5rem 1.35rem 1.6rem;
    gap: 1.8rem;
  }

  .isw-bp-bom-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-bom-photos {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .isw-bp-main {
    padding-block: 4rem 3rem;
  }

  .isw-bp-hero-inner {
    gap: 1.7rem;
  }

  .isw-bp-lanes-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-bom-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===== SECTION 4/17: SLED BASE BLUEPRINT ===== */

.isw-bp-sled-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-sled-text {
  max-width: 540px;
}

.isw-bp-sled-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-sled-lead {
  margin: 0 0 0.6rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-sled-points {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.86rem;
  color: var(--isw-text-muted);
}

.isw-bp-sled-points li + li {
  margin-top: 0.25rem;
}

.isw-bp-sled-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-sled-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-sled-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-sled-photo--plan {
  transform: translateX(6px);
}

.isw-bp-sled-photo--cuts {
  transform: translateX(-6px);
}

.isw-bp-sled-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-sled-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 5/17: BOX GRID LAYOUT ===== */

.isw-bp-box-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-box-head {
  max-width: 480px;
}

.isw-bp-box-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-box-text {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-box-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-box-card {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #131926, #283348);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-box-card img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-box-card--open {
  transform: translateY(4px);
}

.isw-bp-box-card--packed {
  transform: translateY(-4px);
}

.isw-bp-box-card--labels {
  transform: translateY(5px);
}

.isw-bp-box-card:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-box-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 6/17: SHELTER WINDOW & WIND RECIPE ===== */

.isw-bp-shelter-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-shelter-text {
  max-width: 520px;
}

.isw-bp-shelter-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-shelter-lead {
  margin: 0 0 0.6rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-shelter-points {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.86rem;
  color: var(--isw-text-muted);
}

.isw-bp-shelter-points li + li {
  margin-top: 0.25rem;
}

.isw-bp-shelter-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-shelter-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-shelter-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-shelter-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-shelter-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== RESPONSIVE — SECTIONS 4–6 ===== */

@media (max-width: 1120px) {
  .isw-bp-sled-inner,
  .isw-bp-box-inner,
  .isw-bp-shelter-inner {
    gap: 2rem;
  }
}

@media (max-width: 960px) {
  .isw-bp-sled-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-box-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-box-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .isw-bp-shelter-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .isw-bp-sled-inner,
  .isw-bp-box-inner,
  .isw-bp-shelter-inner {
    gap: 1.8rem;
  }

  .isw-bp-box-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .isw-bp-sled-inner,
  .isw-bp-box-inner,
  .isw-bp-shelter-inner {
    gap: 1.6rem;
  }

  .isw-bp-sled-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-box-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-shelter-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===== SECTION 7/17: SLED JIG & DRILL ORDER ===== */

.isw-bp-jig-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-jig-text {
  max-width: 540px;
}

.isw-bp-jig-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-jig-lead {
  margin: 0 0 0.6rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-jig-points {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.86rem;
  color: var(--isw-text-muted);
}

.isw-bp-jig-points li + li {
  margin-top: 0.25rem;
}

.isw-bp-jig-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-jig-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-jig-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-jig-photo--setup {
  transform: translateX(6px);
}

.isw-bp-jig-photo--guide {
  transform: translateX(-6px);
}

.isw-bp-jig-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-jig-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 8/17: WIRING LANE MINI RECIPE ===== */

.isw-bp-wiring-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-wiring-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-wiring-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-wiring-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-wiring-photo--layout {
  transform: translateX(6px);
}

.isw-bp-wiring-photo--tags {
  transform: translateX(-6px);
}

.isw-bp-wiring-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-wiring-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

.isw-bp-wiring-text {
  max-width: 520px;
}

.isw-bp-wiring-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-wiring-lead {
  margin: 0 0 0.5rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-wiring-note {
  margin: 0;
  font-size: 0.9rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 9/17: PRINT PRESET SNAPSHOTS ===== */

.isw-bp-print-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.3rem;
  align-items: center;
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 184, 91, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
}

.isw-bp-print-text {
  max-width: 520px;
}

.isw-bp-print-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-print-lead {
  margin: 0 0 0.7rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-print-presets {
  display: grid;
  gap: 0.6rem;
}

.isw-bp-print-pill {
  padding: 0.55rem 0.75rem;
  border-radius: 16px;
  background: rgba(7, 11, 25, 0.98);
  border: 1px solid rgba(69, 88, 141, 0.95);
}

.isw-bp-print-label {
  margin: 0 0 0.15rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: #e3ecff;
}

.isw-bp-print-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--isw-text-muted);
}

/* фото в print блоке */

.isw-bp-print-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-print-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-print-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-print-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-print-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== RESPONSIVE — SECTIONS 7–9 ===== */

@media (max-width: 1120px) {
  .isw-bp-jig-inner,
  .isw-bp-wiring-inner,
  .isw-bp-print-inner {
    gap: 2rem;
  }
}

@media (max-width: 960px) {
  .isw-bp-jig-inner,
  .isw-bp-wiring-inner,
  .isw-bp-print-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-print-inner {
    padding: 1.5rem 1.35rem 1.6rem;
  }
}

@media (max-width: 720px) {
  .isw-bp-jig-inner,
  .isw-bp-wiring-inner,
  .isw-bp-print-inner {
    gap: 1.8rem;
  }
}

@media (max-width: 560px) {
  .isw-bp-jig-inner,
  .isw-bp-wiring-inner,
  .isw-bp-print-inner {
    gap: 1.6rem;
  }
}
/* ===== SECTION 10/17: ICE LAYOUT TEMPLATES STRIP ===== */

.isw-bp-layout-inner {
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 184, 91, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-layout-text {
  max-width: 520px;
}

.isw-bp-layout-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-layout-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-layout-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-layout-card {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-layout-card img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-layout-card:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-layout-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 11/17: COMPACT RIG BLUEPRINT ===== */

.isw-bp-compact-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 2.4rem;
  align-items: center;
}

.isw-bp-compact-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-compact-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-compact-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-compact-photo--top {
  transform: translateX(6px);
}

.isw-bp-compact-photo--sled {
  transform: translateX(-6px);
}

.isw-bp-compact-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-compact-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

.isw-bp-compact-text {
  max-width: 520px;
}

.isw-bp-compact-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-compact-lead {
  margin: 0 0 0.5rem;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-compact-note {
  margin: 0;
  font-size: 0.9rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 12/17: MICRO MODS RAIL ===== */

.isw-bp-micro-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 2.3rem;
  align-items: center;
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
}

.isw-bp-micro-text {
  max-width: 500px;
}

.isw-bp-micro-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-micro-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

/* rail карточек */

.isw-bp-micro-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-micro-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem 0.6rem;
  align-items: center;
  padding: 0.7rem 0.7rem 0.75rem;
  border-radius: 18px;
  background: rgba(7, 11, 25, 0.98);
  border: 1px solid rgba(69, 88, 141, 0.95);
}

.isw-bp-micro-photo {
  inline-size: 64px;
  block-size: 64px;
  border-radius: 14px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  overflow: hidden;
}

.isw-bp-micro-photo img {
  width: 100%;
  height: 100%;
  max-width: 350px;
  border-radius: 12px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-micro-card:hover .isw-bp-micro-photo img {
  transform: scale(1.05) translateY(-2px);
}

.isw-bp-micro-body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.isw-bp-micro-label {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 500;
  color: #e3ecff;
}

.isw-bp-micro-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--isw-text-muted);
}

/* ===== RESPONSIVE — SECTIONS 10–12 ===== */

@media (max-width: 1120px) {
  .isw-bp-layout-inner,
  .isw-bp-compact-inner,
  .isw-bp-micro-inner {
    gap: 2rem;
  }
}

@media (max-width: 960px) {
  .isw-bp-layout-inner,
  .isw-bp-compact-inner,
  .isw-bp-micro-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-layout-inner {
    padding: 1.5rem 1.35rem 1.6rem;
  }

  .isw-bp-micro-inner {
    padding: 1.5rem 1.35rem 1.6rem;
  }
}

@media (max-width: 720px) {
  .isw-bp-layout-strip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-micro-rail {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-compact-inner,
  .isw-bp-micro-inner {
    gap: 1.8rem;
  }
}

@media (max-width: 560px) {
  .isw-bp-layout-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-micro-rail {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-compact-inner,
  .isw-bp-layout-inner,
  .isw-bp-micro-inner {
    gap: 1.6rem;
  }
}
/* ===== SECTION 13/17: BENCH NOTES WALL ===== */

.isw-bp-bench-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-bench-text {
  max-width: 520px;
}

.isw-bp-bench-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-bench-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-bench-photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.isw-bp-bench-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-bench-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-bench-photo--sheet {
  grid-column: 1 / -1;
}

.isw-bp-bench-photo--close {
  transform: translateX(4px);
}

.isw-bp-bench-photo--wall {
  transform: translateX(-4px);
}

.isw-bp-bench-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-bench-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 14/17: KIT STAGING SHELF ===== */

.isw-bp-kit-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-kit-text {
  max-width: 520px;
}

.isw-bp-kit-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-kit-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-kit-shelf {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-kit-card {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-kit-card img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-kit-card--sled {
  transform: translateY(4px);
}

.isw-bp-kit-card--bins {
  transform: translateY(-4px);
}

.isw-bp-kit-card--door {
  transform: translateY(5px);
}

.isw-bp-kit-card:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-kit-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 15/17: RIG VARIANTS SNAPSHOTS ===== */

.isw-bp-variants-inner {
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 184, 91, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.6rem;
}

.isw-bp-variants-head {
  max-width: 560px;
}

.isw-bp-variants-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-variants-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-variants-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.isw-bp-variant-card {
  position: relative;
  border-radius: 18px;
  padding: 0.7rem 0.7rem 0.8rem;
  background: rgba(7, 11, 25, 0.98);
  border: 1px solid rgba(69, 88, 141, 0.95);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.45rem;
}

.isw-bp-variant-photo {
  border-radius: 14px;
  padding: 1px;
  background: linear-gradient(145deg, #252f44, #121926, #283348);
  overflow: hidden;
}

.isw-bp-variant-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 12px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-variant-card:hover .isw-bp-variant-photo img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-variant-body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.isw-bp-variant-label {
  margin: 0;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(207, 219, 255, 0.95);
}

.isw-bp-variant-note {
  margin: 0;
  font-size: 0.86rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 16/17: CHECKLIST CARDS ===== */

.isw-bp-check-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.3rem;
  align-items: center;
}

.isw-bp-check-text {
  max-width: 520px;
}

.isw-bp-check-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-check-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-check-photos {
  display: grid;
  gap: 1rem;
}

.isw-bp-check-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-check-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-check-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-check-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== SECTION 17/17: PRINT TEST & SCRAP CORNER ===== */

.isw-bp-scrap-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.3rem;
  align-items: center;
  border-radius: 24px;
  padding: 1.7rem 1.7rem 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgba(67, 240, 209, 0.18), transparent 60%),
    linear-gradient(135deg, #050816, #070a18);
  border: 1px solid rgba(68, 90, 146, 0.96);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.9);
}

.isw-bp-scrap-text {
  max-width: 520px;
}

.isw-bp-scrap-title {
  margin: 0.5rem 0 0.55rem;
  font-size: 1.45rem;
}

.isw-bp-scrap-lead {
  margin: 0;
  font-size: 0.93rem;
  color: var(--isw-text-muted);
}

.isw-bp-scrap-photo {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, #262f44, #121926, #283349);
  box-shadow: var(--isw-shadow-soft);
  overflow: hidden;
}

.isw-bp-scrap-photo img {
  width: 100%;
  max-width: 350px;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.28s ease-out;
}

.isw-bp-scrap-photo:hover img {
  transform: scale(1.04) translateY(-3px);
}

.isw-bp-scrap-caption {
  margin: 0.4rem 0.7rem 0.8rem;
  font-size: 0.8rem;
  color: var(--isw-text-muted);
}

/* ===== RESPONSIVE — SECTIONS 13–17 ===== */

@media (max-width: 1120px) {
  .isw-bp-bench-inner,
  .isw-bp-kit-inner,
  .isw-bp-check-inner,
  .isw-bp-scrap-inner {
    gap: 2rem;
  }
}

@media (max-width: 960px) {
  .isw-bp-bench-inner,
  .isw-bp-kit-inner,
  .isw-bp-check-inner,
  .isw-bp-scrap-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-scrap-inner {
    padding: 1.5rem 1.35rem 1.6rem;
  }
}

@media (max-width: 720px) {
  .isw-bp-bench-photos {
    grid-template-columns: minmax(0, 1fr);
  }

  .isw-bp-kit-shelf,
  .isw-bp-variants-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .isw-bp-variants-inner {
    padding: 1.5rem 1.35rem 1.6rem;
    gap: 1.5rem;
  }
}

@media (max-width: 560px) {
  .isw-bp-kit-inner,
  .isw-bp-variants-inner,
  .isw-bp-check-inner,
  .isw-bp-scrap-inner {
    gap: 1.6rem;
  }

  .isw-bp-kit-shelf,
  .isw-bp-variants-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ==== FIX MICRO MODS LAYOUT (SECTION 12) ==== */

.isw-bp-micro-inner {
  align-items: stretch;
}

/* вместо жёсткой grid-сетki делаем нормальные карточки, которые не сжимаются */
.isw-bp-micro-rail {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}

/* карточка адекватной ширины, текст не превращается в “колонку по букве” */
.isw-bp-micro-card {
  flex: 1 1 220px;
  max-width: 280px;
  min-width: 0;
}

/* чуть компактнее превью, чтобы осталось место под текст */
.isw-bp-micro-photo {
  inline-size: 56px;
  block-size: 56px;
}

/* на планшете и меньше — каждая карточка в строку */
@media (max-width: 720px) {
  .isw-bp-micro-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}