/* Regional network: a single infrastructure panel with connected node markers. */
.pp-page .region-product-network {
 padding: 72px 0 80px;
 background: #eef4fa !important;
 border: 0;
}
.pp-page .region-product-network > .container { max-width: 1240px; padding-inline: 32px; }
.pp-page .region-product-network .section-title { max-width: 900px; margin: 0 auto 32px; padding: 0; border: 0; text-align: center; }
.pp-page .region-product-network .section-title .label { color: #2266a8; font-size: 11px; letter-spacing: .16em; margin-bottom: 12px; }
.pp-page .region-product-network .section-title h2 { max-width: 900px; font-size: clamp(27px, 3vw, 34px); line-height: 1.35; color: #142d4b; text-wrap: balance; }
.pp-page .region-product-network .section-title p { color: #566b82; max-width: 720px; margin: 12px auto 0; text-align: center; line-height: 1.8; }
.pp-page .region-product-network .network-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; max-width: none; margin: 0; background: #fff; border: 1px solid #dae5ef; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 32px #1c456308; }
.pp-page .region-product-network .network-item,
.pp-page .region-product-network .network-item:nth-child(n),
.pp-page .region-product-network .network-item:hover { min-width: 0; min-height: 0; padding: 34px 32px 34px 96px; background: transparent; border: 0; border-radius: 0; box-shadow: none; transform: none; transition: none; overflow: visible; }
.pp-page .region-product-network .network-item:nth-child(2n) { border-left: 1px solid #e4ecf3; }
.pp-page .region-product-network .network-item:nth-child(n+3) { border-top: 1px solid #e4ecf3; }
.pp-page .region-product-network .network-item::before { top: 34px; left: 32px; width: 42px; height: 42px; border-radius: 50%; color: #1969b5; background: #f2f7fc; border: 1px solid #c9ddf0; box-shadow: 0 0 0 5px #f8fbfe; font-size: 12px; font-weight: 700; }
.pp-page .region-product-network .network-item::after { content: ''; display: block; top: 86px; bottom: 32px; left: 53px; width: 1px; background: #dce8f3; opacity: 1; transition: none; }
.pp-page .region-product-network .network-item h4 { margin: 0 0 12px; color: #183958; font-size: 19px; line-height: 1.45; }
.pp-page .region-product-network .network-item p { color: #586d82; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
@media (max-width: 900px) {
 .pp-page .region-product-network .network-item, .pp-page .region-product-network .network-item:nth-child(n) { padding: 28px 24px 28px 78px; }
 .pp-page .region-product-network .network-item::before { top: 28px; left: 24px; width: 34px; height: 34px; }
 .pp-page .region-product-network .network-item::after { top: 72px; bottom: 28px; left: 41px; }
}
@media (max-width: 640px) {
 .pp-page .region-product-network { padding: 48px 0; }
 .pp-page .region-product-network > .container { padding-inline: 24px; }
 .pp-page .region-product-network .section-title { padding: 0; margin-bottom: 28px; }
 .pp-page .region-product-network .network-grid { grid-template-columns: minmax(0,1fr); border-radius: 14px; }
 .pp-page .region-product-network .network-item:nth-child(n) { border: 0; padding: 26px 20px 26px 72px; }
 .pp-page .region-product-network .network-item:nth-child(n+2) { border-top: 1px solid #e4ecf3; }
 .pp-page .region-product-network .network-item::before { top: 27px; left: 20px; width: 32px; height: 32px; }
 .pp-page .region-product-network .network-item::after { top: 69px; bottom: 26px; left: 36px; }
 .pp-page .region-product-network .network-item h4 { font-size: 17px; }
}