/* ============================================================
   ПОДВАЛ САЙТА — ЗАДАЁТСЯ ТОЛЬКО ЗДЕСЬ.

   Что сюда входит: сама тёмная полоса подвала, три колонки со ссылками,
   заголовки, списки категорий, ссылки и наведение на них, нижняя строка
   с копирайтом, значки категорий и вид на телефоне.

   Сведено 2026-08-11 из пяти файлов: storefront.v3.css, design-lab.v1.css,
   design-lab-flagship.v2.css, design-lab-final.v3.css, mobile-layout.v2.css.

   Значения не подбирались заново — перенесено ровно то, что фактически
   доезжало до покупателя. Одно правило исчезло само: footer a:hover{color:#fff}
   из storefront.v3.css не выигрывало нигде, его перебивало такое же правило
   ниже по списку.

   ВАЖНО про рамку нижней строки. В .bottom сначала идёт border-top, потом
   border-color — и менять их местами нельзя. border-top сокращённое: если
   поставить его ниже, оно перебьёт border-color, и цвет рамки поменяется
   с rgba(255,255,255,.1) на .12. Расчёт css-who-wins этого не видит, он
   считает сокращённые и полные свойства разными. Проверено вручную.

   Тёмной темы у подвала нет: он тёмный сам по себе, на обеих темах одинаков.
   Состояний, которые ставит JavaScript, тоже нет — скрипт только заполняет
   тексты, телефон и список категорий, классов не добавляет.

   Правишь подвал — правь здесь. Новый слой поверх не заводи: verify это ловит.
   Что где выигрывает: npm run who-wins footer
   ============================================================ */
footer .cat-ico-img{height:18px;vertical-align:-4px;width:18px}
footer{background:#081a2f;color:#c1ccda;font-size:14px;margin-top:0;padding-top:68px}
footer .cols{align-items:start;display:grid;gap:72px;grid-template-columns:1.4fr 1fr 1fr;padding:44px 0 30px}
footer h4{color:#fff;font-family:'Unbounded',sans-serif;font-size:15px;font-weight:500;letter-spacing:-.02em;margin-bottom:12px;text-wrap:balance}
footer li{break-inside:avoid;list-style:none;margin-bottom:8px}
footer #footCats{column-count:2;column-gap:20px}
footer a{color:#aebed0;cursor:pointer;text-wrap:balance}
footer a:hover{color:#fff}
footer .bottom{border-top:1px solid rgba(255,255,255,.12);border-color:rgba(255,255,255,.1);display:flex;flex-wrap:wrap;font-size:12.5px;gap:8px;justify-content:space-between;margin-top:50px;padding:16px 0;text-wrap:balance}
footer .cat-svg{height:18px;vertical-align:-4px;width:18px}
@media(max-width:680px){
  footer{padding-top:48px}
  footer .cols{gap:24px;grid-template-columns:minmax(0, 1fr)}
  footer #footCats{column-count:1}
  footer .bottom{margin-top:30px}
}