/* Блок «Услуги» — использует переменные сайта (style.css) */
.sv-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 30px}
.sv-chip{font:inherit;font-weight:600;font-size:15px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:.15s}
.sv-chip:hover{border-color:var(--accent);color:var(--accent)}
.sv-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}
.sv-cat{margin:0 0 34px}
.sv-cat[hidden]{display:none}
.sv-cat-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px}
.sv-cat-title::after{content:"";flex:1;height:1.5px;background:var(--border)}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;align-items:start}
.sv-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1.5px solid var(--accent);border-radius:var(--radius);padding:20px 22px 18px;box-shadow:0 6px 24px rgba(11,92,255,.06);transition:box-shadow .2s,transform .2s}
.sv-card:hover{box-shadow:0 10px 30px rgba(11,92,255,.14);transform:translateY(-2px)}
.sv-card[hidden]{display:none}
.sv-head{display:flex;align-items:center;gap:14px}
.sv-head h4{margin:0;font-size:17px;line-height:1.3}
.sv-badge{flex:0 0 46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
.sv-tags{display:flex;flex-wrap:wrap;gap:6px}
.sv-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:var(--text-2)}
.sv-row{margin:0;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;font-size:14.5px;line-height:1.5}
.sv-row b{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase}
.sv-problem{background:#fff5f5}.sv-problem b{color:#c2410c}
.sv-solution{background:#f0fdf4}.sv-solution b{color:#15803d}
.sv-more{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.sv-more[hidden]{display:none}
.sv-more li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.45}
.sv-more li::before{content:"";position:absolute;left:2px;top:.35em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.sv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.sv-toggle{font:inherit;font-weight:600;font-size:14px;color:var(--accent);background:none;border:0;padding:6px 0;cursor:pointer}
.sv-toggle::after{content:" ▾"}.sv-toggle[aria-expanded=true]::after{content:" ▴"}
.sv-toggle:hover{text-decoration:underline}
.sv-order{padding:10px 18px;font-size:14px}
.sv-note{margin:10px auto 0;max-width:760px;text-align:center;color:var(--text-2);font-size:14.5px;padding:14px 18px;border-radius:12px;background:var(--accent-soft)}
@media (max-width:520px){
  .sv-grid{grid-template-columns:1fr}
  .sv-card{padding:16px 16px 14px}
  .sv-foot{flex-direction:column;align-items:stretch}
  .sv-order{width:100%}
  .sv-toggle{text-align:left}
  .sv-chip{padding:8px 14px;font-size:14px}
}