/* ══ AllServices.css — Перелік усіх послуг /poslugy.
   Правити тут; сторінка підключає чанк через site_css() у шаблоні. ══ */

.alls-page { padding:45px 0 60px; }
.alls-back { max-width:970px; margin:0 auto 10px; padding:0 15px; }
.alls-back-btn { display:inline-flex; align-items:center; gap:8px;
    margin-left:-10px; font-size:14px; color:var(--link);
    text-decoration:none; }
.alls-back-btn svg { width:16px; height:16px; transition:transform .2s; }
.alls-back-btn:hover svg { transform:translateX(-6px); }
.alls-in { max-width:970px; margin:0 auto; padding:0 15px; display:flex; }
.alls-nav { flex:0 1 30vw; width:30vw; max-width:270px;
    margin-top:20px; margin-right:10px; }
.alls-nav-fix { position:sticky; top:100px; width:inherit; max-width:270px;
    max-height:calc(100vh - 100px); overflow-y:hidden; }
.alls-nav-fix:hover { overflow-y:auto; }
.alls-nav ul { list-style:none; margin:0; padding:0; }
.alls-nav a { display:flex; align-items:center; gap:14px;
    padding:15px 20px; font-size:16px; line-height:27px;
    color:var(--link); text-decoration:none; border-radius:4px; }
.alls-nav a:hover { background:#F6F6F6; }
.alls-nav a.on { color:var(--ink); font-weight:700; }
.alls-nav .ic { flex:0 0 42px; width:42px; height:42px; color:var(--ink-2); }
.alls-nav .ic svg { width:100%; height:100%; display:block; }
.alls-cats { flex:2; padding:0 25px; }
.alls-sec { margin-bottom:80px; }
.alls-sec:first-child { margin-top:-10px; }
.alls-sec { scroll-margin-top:90px; }
.alls-sec-h { display:flex; align-items:center; margin-bottom:30px;
    padding-top:20px; }
.alls-sec-h .ic { flex:0 0 50px; width:50px; height:50px;
    margin-right:30px; color:var(--ink-2); }
.alls-sec-h .ic svg { width:100%; height:100%; display:block; }
.alls-sec h2 { margin:0; }
.alls-sec h2 a { font-family:'Poppins',sans-serif; font-size:24px;
    line-height:36px; font-weight:600; color:var(--ink);
    text-decoration:none; }
.alls-sec h2 a:hover { color:var(--green); }
.alls-sec-cols { columns:225px; column-fill:balance; }
.alls-sec ul { list-style:none; margin:0; padding:0; }
.alls-sec li { line-height:33px; break-inside:avoid; }
.alls-sec a { color:var(--link); font-size:16px; text-decoration:none; }
.alls-sec a:hover { text-decoration:underline; }
@media (max-width:900px) {
  .alls-page { padding:16px 0 40px; }
  .alls-back { display:none; }
  .alls-in { flex-flow:column; padding:0 15px; }
  .alls-nav { flex-basis:unset; width:100%; max-width:unset; margin:0; }
  .alls-nav-fix { position:static; max-width:unset; max-height:none;
                    overflow:visible; }
  .alls-nav ul { margin-bottom:50px; }
  .alls-nav a { padding:9px 20px; font-size:14px; gap:12px; }
  .alls-cats { padding:0 25px; }
  .alls-sec { margin-bottom:60px; scroll-margin-top:66px; }
  .alls-sec-h { margin-bottom:20px; padding-top:10px; }
  .alls-sec-h .ic { flex:0 0 30px; width:30px; height:30px;
                      margin-right:15px; }
  .alls-sec h2 a { font-family:'Lato',sans-serif; font-size:18px;
                     line-height:28px; font-weight:700; color:var(--body); }
  .alls-sec-cols { columns:unset; }
}