/* NETWORK PAGE SPECIFIC */

/* SECTION 1 – HERO & MAP */

.gp-net-hero {
  background: radial-gradient(circle at top left, #1b2354, #050714 70%);
}

.gp-net-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr);
  gap: 40px;
  align-items: center;
}

.gp-net-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.gp-net-hero-pill {
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(154, 160, 198, 0.6);
  font-size: 12px;
  color: var(--gp-text-muted);
  background: rgba(5, 7, 20, 0.9);
}

/* map block */

.gp-net-hero-map {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-map-main,
.gp-net-map-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
}

.gp-img--net-map-main {
  max-width: 280px; /* < 350px */
}

.gp-img--net-map-side {
  max-width: 200px; /* < 350px */
}

/* SECTION 2 – SECTORS */

.gp-net-sectors {
  background: radial-gradient(circle at top right, #181f4a, #050714 70%);
}

.gp-net-sectors-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-sectors-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-sector-card {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(140deg, #141b46, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-net-sector-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 4px;
}

.gp-net-sector-title {
  margin: 0;
  font-size: 14px;
}

.gp-net-sector-tag {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(154, 160, 198, 0.6);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gp-text-muted);
}

.gp-net-sector-text {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--gp-text-soft);
}

.gp-net-sector-thumb {
  display: flex;
  justify-content: flex-start;
}

.gp-img--net-sector {
  max-width: 200px;
}

/* SECTION 3 – ROUTE PLANNING */

.gp-net-route {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-route-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-route-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-route-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-route-main,
.gp-net-route-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-route-main {
  max-width: 260px;
}

.gp-img--net-route-side {
  max-width: 200px;
}

/* ========== ADAPTIVE ========== */

@media (max-width: 1024px) {
  .gp-net-hero-inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  }

  .gp-net-route-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .gp-net-sectors-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .gp-net-hero-inner,
  .gp-net-route-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-hero-copy,
  .gp-net-route-copy {
    order: 0;
  }

  .gp-net-hero-map,
  .gp-net-route-media {
    order: 1;
    align-items: center;
  }

  .gp-net-sectors-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .gp-page-title {
    font-size: 24px;
  }

  .gp-img--net-map-main {
    max-width: 240px;
  }

  .gp-img--net-map-side {
    max-width: 180px;
  }

  .gp-img--net-sector {
    max-width: 200px;
  }

  .gp-img--net-route-main {
    max-width: 230px;
  }

  .gp-img--net-route-side {
    max-width: 180px;
  }
}
/* ========== SECTION 4: BRANCH INTERIOR ========== */

.gp-net-branch {
  background: radial-gradient(circle at top left, #151c46, #050714 70%);
}

.gp-net-branch-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-branch-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-branch-gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-branch-main,
.gp-net-branch-card {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-net-branch-row {
  display: flex;
  gap: 10px;
}

.gp-img--net-branch-main {
  max-width: 280px; /* < 350px */
}

.gp-img--net-branch-small {
  max-width: 160px; /* < 350px */
}

/* ========== SECTION 5: HUB & ACCESS ROADS ========== */

.gp-net-hub {
  background: radial-gradient(circle at top right, #181f4a, #050714 70%);
}

.gp-net-hub-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-hub-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-hub-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-hub-main,
.gp-net-hub-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-hub-main {
  max-width: 260px;
}

.gp-img--net-hub-side {
  max-width: 200px;
}

/* ========== SECTION 6: AMENITIES ========== */

.gp-net-amenities {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-amenities-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-amenities-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-amenities-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-amenity-card {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(145deg, #141b46, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-net-amenity-title {
  margin: 0 0 4px;
  font-size: 14px;
}

.gp-net-amenity-text {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--gp-text-soft);
}

.gp-net-amenity-thumb {
  display: flex;
  justify-content: flex-start;
}

.gp-img--net-amenity {
  max-width: 200px;
}
@media (max-width: 1024px) {
  .gp-net-branch-inner,
  .gp-net-hub-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .gp-net-branch-inner,
  .gp-net-hub-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-branch-copy,
  .gp-net-hub-copy {
    order: 0;
  }

  .gp-net-branch-gallery,
  .gp-net-hub-media {
    order: 1;
    align-items: center;
  }

  .gp-net-amenities-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gp-net-branch-row {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .gp-img--net-branch-main {
    max-width: 240px;
  }

  .gp-img--net-branch-small {
    max-width: 150px;
  }

  .gp-img--net-hub-main {
    max-width: 230px;
  }

  .gp-img--net-hub-side {
    max-width: 180px;
  }

  .gp-img--net-amenity {
    max-width: 200px;
  }
}
/* ========== SECTION 7: COVERAGE RHYTHM ========== */

.gp-net-coverage {
  background: radial-gradient(circle at top left, #181f4a, #050714 70%);
}

.gp-net-coverage-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-coverage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-coverage-card {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-net-coverage-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 4px;
}

.gp-net-coverage-title {
  margin: 0;
  font-size: 14px;
}

.gp-net-coverage-tag {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(154, 160, 198, 0.6);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gp-text-muted);
}

.gp-net-coverage-text {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--gp-text-soft);
}

.gp-net-coverage-thumb {
  display: flex;
  justify-content: flex-start;
}

.gp-img--net-coverage {
  max-width: 120px; /* < 350px */
  border-radius: 999px;
}

/* ========== SECTION 8: REGIONAL BRANCHES ========== */

.gp-net-regions {
  background: radial-gradient(circle at top right, #151c46, #050714 70%);
}

.gp-net-regions-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-regions-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-regions-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-regions-main,
.gp-net-regions-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-regions-main {
  max-width: 260px;
}

.gp-img--net-regions-side {
  max-width: 200px;
}

/* ========== SECTION 9: EMERGENCY HELP ========== */

.gp-net-help {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-help-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-help-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-help-hotline {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gp-net-help-label {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gp-text-muted);
}

.gp-net-help-phone {
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: var(--gp-accent-cyan);
}

.gp-net-help-phone:hover,
.gp-net-help-phone:focus-visible {
  text-decoration: underline;
}

.gp-net-help-media {
  display: flex;
  justify-content: flex-end;
}

.gp-net-help-card {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-help {
  max-width: 240px;
}
@media (max-width: 768px) {
  .gp-net-coverage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gp-net-regions-inner,
  .gp-net-help-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-regions-copy,
  .gp-net-help-copy {
    order: 0;
  }

  .gp-net-regions-media,
  .gp-net-help-media {
    order: 1;
    align-items: center;
    justify-content: center;
  }

  .gp-net-help-card {
    margin-inline: auto;
  }
}

@media (max-width: 480px) {
  .gp-img--net-coverage {
    max-width: 110px;
  }

  .gp-img--net-regions-main {
    max-width: 230px;
  }

  .gp-img--net-regions-side {
    max-width: 180px;
  }

  .gp-img--net-help {
    max-width: 220px;
  }
}
/* ========== SECTION 10: CHECK-IN MODES ========== */

.gp-net-checkin {
  background: radial-gradient(circle at top left, #151c46, #050714 70%);
}

.gp-net-checkin-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-checkin-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-checkin-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-checkin-main,
.gp-net-checkin-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-checkin-main {
  max-width: 260px; /* < 350px */
}

.gp-img--net-checkin-side {
  max-width: 200px; /* < 350px */
}

/* ========== SECTION 11: INFO PANELS ========== */

.gp-net-panels {
  background: radial-gradient(circle at top right, #181f4a, #050714 70%);
}

.gp-net-panels-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-panels-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-panel-card {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(145deg, #141b46, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-net-panel-title {
  margin: 0 0 4px;
  font-size: 14px;
}

.gp-net-panel-text {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--gp-text-soft);
}

.gp-net-panel-thumb {
  display: flex;
  justify-content: flex-start;
}

.gp-img--net-panel {
  max-width: 190px;
}

/* ========== SECTION 12: CUSTOMER PROFILES ========== */

.gp-net-profiles {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-profiles-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-profiles-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-profiles-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-profiles-main,
.gp-net-profiles-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-profiles-main {
  max-width: 260px;
}

.gp-img--net-profiles-side {
  max-width: 200px;
}
@media (max-width: 1024px) {
  .gp-net-checkin-inner,
  .gp-net-profiles-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .gp-net-checkin-inner,
  .gp-net-profiles-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-checkin-copy,
  .gp-net-profiles-copy {
    order: 0;
  }

  .gp-net-checkin-media,
  .gp-net-profiles-media {
    order: 1;
    align-items: center;
  }

  .gp-net-panels-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .gp-img--net-checkin-main {
    max-width: 230px;
  }

  .gp-img--net-checkin-side {
    max-width: 180px;
  }

  .gp-img--net-panel {
    max-width: 190px;
  }

  .gp-img--net-profiles-main {
    max-width: 230px;
  }

  .gp-img--net-profiles-side {
    max-width: 180px;
  }
}
/* ========== SECTION 13: DIGITAL CHANNELS ========== */

.gp-net-digital {
  background: radial-gradient(circle at top left, #181f4a, #050714 70%);
}

.gp-net-digital-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-digital-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-digital-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-digital-card {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-digital-main {
  max-width: 260px; /* < 350px */
}

.gp-img--net-digital-side {
  max-width: 200px; /* < 350px */
}

/* ========== SECTION 14: PARKING & NAVIGATION ========== */

.gp-net-parking {
  background: radial-gradient(circle at top right, #151c46, #050714 70%);
}

.gp-net-parking-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-parking-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-parking-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-parking-tile {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(145deg, #141b46, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-img--net-parking {
  max-width: 190px;
}

/* ========== SECTION 15: FUTURE BRANCHES ========== */

.gp-net-future {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-future-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gp-net-future-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-future-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gp-net-future-card {
  padding: 10px 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.7);
}

.gp-net-future-title {
  margin: 0 0 4px;
  font-size: 14px;
}

.gp-net-future-text {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--gp-text-soft);
}

.gp-net-future-thumb {
  display: flex;
  justify-content: flex-start;
}

.gp-img--net-future {
  max-width: 190px;
}
@media (max-width: 1024px) {
  .gp-net-digital-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .gp-net-digital-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-digital-copy {
    order: 0;
  }

  .gp-net-digital-media {
    order: 1;
    align-items: center;
  }

  .gp-net-parking-track,
  .gp-net-future-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .gp-img--net-digital-main {
    max-width: 230px;
  }

  .gp-img--net-digital-side {
    max-width: 180px;
  }

  .gp-img--net-parking {
    max-width: 190px;
  }

  .gp-img--net-future {
    max-width: 190px;
  }
}
/* ========== SECTION 16: NETWORK QUALITY ========== */

.gp-net-quality {
  background: radial-gradient(circle at top left, #181f4a, #050714 70%);
}

.gp-net-quality-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-quality-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-quality-gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-quality-main,
.gp-net-quality-card {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-net-quality-row {
  display: flex;
  gap: 10px;
}

.gp-img--net-quality-main {
  max-width: 260px; /* < 350px */
}

.gp-img--net-quality-small {
  max-width: 160px; /* < 350px */
}

/* ========== SECTION 17: TRAINING CENTER ========== */

.gp-net-training {
  background: radial-gradient(circle at top right, #151c46, #050714 70%);
}

.gp-net-training-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-training-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-training-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-training-main,
.gp-net-training-side {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-training-main {
  max-width: 260px;
}

.gp-img--net-training-side {
  max-width: 200px;
}

/* ========== SECTION 18: NETWORK CTA ========== */

.gp-net-cta {
  background: radial-gradient(circle at bottom, #171f4a, #050714 70%);
}

.gp-net-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
}

.gp-net-cta-list {
  margin: 14px 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--gp-text-soft);
}

.gp-net-cta-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.gp-net-cta-card {
  border-radius: 22px;
  padding: 8px;
  background: radial-gradient(circle at 0 0, #252f66, #050714);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85);
}

.gp-img--net-cta-main {
  max-width: 260px;
}

.gp-img--net-cta-side {
  max-width: 200px;
}
@media (max-width: 1024px) {
  .gp-net-quality-inner,
  .gp-net-training-inner,
  .gp-net-cta-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .gp-net-quality-inner,
  .gp-net-training-inner,
  .gp-net-cta-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* на мобилке сначала текст, потом изображения */
  .gp-net-quality-copy,
  .gp-net-training-copy,
  .gp-net-cta-copy {
    order: 0;
  }

  .gp-net-quality-gallery,
  .gp-net-training-media,
  .gp-net-cta-media {
    order: 1;
    align-items: center;
  }

  .gp-net-quality-row {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .gp-img--net-quality-main {
    max-width: 230px;
  }

  .gp-img--net-quality-small {
    max-width: 150px;
  }

  .gp-img--net-training-main {
    max-width: 230px;
  }

  .gp-img--net-training-side {
    max-width: 180px;
  }

  .gp-img--net-cta-main {
    max-width: 230px;
  }

  .gp-img--net-cta-side {
    max-width: 180px;
  }
}