/* FW-501 — блок «Услуги FITTIN» (смежные услуги) для страниц услуг.
   Визуал 1-в-1 с .mvp-related на razrabotka-mvp. Акцент через --svc-accent. */
.svc-related { --svc-accent:#FF6B00; padding:80px 0; background:#fff; }
.svc-related__container { max-width:1200px; padding:0 20px; margin:0 auto; }
.svc-related__title { font-size:36px; font-weight:700; color:#333; margin:0 0 48px; line-height:1.2; letter-spacing:-0.5px; text-transform:uppercase; }
.svc-related__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.svc-related__card { position:relative; background:#f7f7f7; border-radius:16px; padding:24px; text-decoration:none; border:2px solid transparent; display:flex; flex-direction:column; gap:10px; transition:border-color .2s; }
.svc-related__card--current { background:#fff; border-color:var(--svc-accent); cursor:default; }
.svc-related__name { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; font-size:17px; font-weight:700; color:#333; margin:0; line-height:1.3; }
.svc-related__badge { font-size:12px; font-weight:600; color:var(--svc-accent); text-transform:uppercase; margin-left:auto; margin-top:4px; white-space:nowrap; }
/* перенос «хвоста» названия на новую строку: первая часть + бейдж «Вы здесь» в одну строку */
.svc-related__name-rest { flex-basis:100%; }
.svc-related__name:has(.svc-related__name-rest) { gap:0; }
.svc-related__desc { font-size:15px; line-height:1.5; color:#666; margin:0; flex:1; }
.svc-related__link { font-size:14px; font-weight:600; color:var(--svc-accent); margin-top:auto; text-decoration:none; border-bottom:none; }
.svc-related__link:hover { text-decoration:underline; }
@media (max-width:1024px){ .svc-related__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .svc-related__grid { grid-template-columns:1fr; } .svc-related__title { font-size:26px; } }