/* 2.46.0 — WP4 related systems block (system pages only). */
.related-systems{grid-column:1/-1;min-width:0;max-width:100%;margin:44px 0 8px}
.rs-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.rs-head h2{margin:0;font-size:21px;font-weight:900;color:var(--c-text,#211c38)}
.rs-all{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--c-primary,#7c3aed)}
.rs-all:hover{color:var(--c-primary-dark,#4c1d95)}
.rs-grid{display:grid;grid-template-columns:repeat(var(--rs-cols,4),minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.rs-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--c-border,#ebe7f5);border-radius:var(--radius-lg,22px);background:#fff;box-shadow:var(--shadow-sm,0 2px 8px rgba(33,28,56,.06));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.rs-card:hover,.rs-card:focus-within{transform:translateY(-4px);border-color:var(--c-accent,#a78bfa);box-shadow:0 18px 40px rgba(124,58,237,.16),0 0 0 3px rgba(124,58,237,.10)}
.rs-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--c-bg-soft,#f7f6fb)}
.rs-media{padding:10px}
.rs-media img,.rs-media .product-thumb-img{display:block;inline-size:100%;block-size:100%;max-height:none;object-fit:contain;transition:transform .45s ease}
.rs-card:hover .rs-media img{transform:scale(1.05)}
.rs-body{display:flex;flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px}
.rs-body .system-kind-badges{margin:0}
.rs-title{margin:0;font-size:14.5px;font-weight:800;line-height:1.75;min-block-size:calc(1.75em * 2);overflow-wrap:anywhere;white-space:normal}
.rs-title a{color:var(--c-text,#211c38)}.rs-title a:hover{color:var(--c-primary,#7c3aed)}
.rs-title a:focus-visible,.rs-btn:focus-visible,.rs-all:focus-visible{outline:2px solid var(--c-primary,#7c3aed);outline-offset:2px;border-radius:6px}
.rs-specs{margin:0;font-size:12.5px;line-height:1.8;color:var(--c-text-soft,#6b7280);overflow-wrap:anywhere}
.rs-price{margin-top:auto;padding-top:4px;font-weight:800;color:var(--c-primary-dark,#4c1d95)}
.rs-price del{opacity:.55;font-weight:500;margin-inline-end:6px}.rs-price ins{text-decoration:none}
.rs-price .price-contact{color:var(--c-text-soft,#6b7280);font-weight:700}
.rs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;inline-size:100%}
@media(max-width:1024px){.rs-grid{grid-template-columns:repeat(min(var(--rs-cols,4),3),minmax(0,1fr))}}
@media(max-width:768px){.rs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
/* Mobile: one swipeable row; overflow stays inside the list (no page scroll). */
@media(max-width:600px){
	.rs-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
	.rs-card{flex:0 0 80%;scroll-snap-align:start}
	.rs-card:hover,.rs-card:focus-within{transform:none}
}
@media(prefers-reduced-motion:reduce){.rs-card,.rs-media img{transition:none}.rs-card:hover,.rs-card:hover .rs-media img{transform:none}}