/* Общий контейнер контента — задаёт максимальную ширину блока и отступы
   по бокам. Используется не только в футере, но и в остальных
   Zero Block-секциях сайта (формы "Остались вопросы?" и т.п.) */
.kd-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px);box-sizing:border-box}

/* Сам подвал целиком: тёмный фон, светло-серый цвет текста по умолчанию,
   отступ сверху (снизу отступа нет — упирается в край страницы) */
.kd-footer{background:#0d0d0d;color:#c7cacc;padding:56px 0 0;font-family:Arial,sans-serif}

/* Техническая настройка: чтобы padding и border у элементов внутри футера
   не "раздували" их реальную ширину (иначе сетка может поехать) */
.kd-footer *{box-sizing:border-box}

/* Блок "логотип + название" (ссылка на главную страницу) —
   логотип и текст выстраиваются в один ряд */
.kd-brand{display:flex;align-items:center;gap:10px;color:#ffffff;font-size:19px;letter-spacing:.02em;text-decoration:none;margin-bottom:14px}

/* Сама картинка логотипа В ФУТЕРЕ (и только в футере — к шапке сайта
   не относится). Квадратная, поэтому width и height должны совпадать.
   Значение по умолчанию — для мобильных и планшетов: 64×64 */
.kd-logo-img{width:90px;height:90px;object-fit:cover;border-radius:2px;display:block}

/* На десктопе (экран от 901px и шире) логотип в футере крупнее — 110×110 */
@media (min-width:901px){.kd-logo-img{width:120px;height:120px}}

/* Сетка из 4 колонок футера: [Логотип+описание] [Разделы] [Контакты] [Реквизиты].
   Цифры 1.3fr/.8fr/.8fr/1fr — относительная ширина колонок (первая и последняя
   пошире, средние две — поуже) */
.kd-footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #333333}

/* Заголовки колонок — слова "РАЗДЕЛЫ", "КОНТАКТЫ", "РЕКВИЗИТЫ" */
.kd-footer-grid h4{color:#ffffff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-weight:600}

/* Обычный текст-абзац внутри колонок (например описание компании
   под логотипом, или реквизиты компании) */
.kd-footer-grid p{font-size:13.5px;color:#9ea1a4;margin:0 0 14px;line-height:1.5}

/* Ссылки внутри колонок — пункты меню "Разделы", телефон/почта/адрес
   в "Контактах" и т.п. Каждая ссылка — на своей строке (display:block) */
.kd-footer-grid a{display:block;font-size:13.5px;color:#c7cacc;padding:5px 0;text-decoration:none}

/* Цвет ссылки при наведении курсора мышью — фирменный красный */
.kd-footer-grid a:hover{color:#c8102e}

/* Нижняя строка футера под чертой: копирайт слева,
   "Политика конфиденциальности" справа (или снизу на мобильном) */
.kd-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:22px 0;font-size:12px;color:#75797d}

/* Ссылка в нижней строке (Политика конфиденциальности) — с подчёркиванием */
.kd-footer-bottom a{color:#9ea1a4;text-decoration:underline}

/* Мелкая серая строка-примечание над нижней чертой
   (сейчас там текст про реквизиты и черновой телефон) */
.kd-footer-note{font-size:11.5px;color:#5b5e61;padding-bottom:22px}

/* Планшеты (экран уже 900px): сетка сжимается с 4 колонок до 2 */
@media (max-width:900px){.kd-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}

/* Телефоны (экран уже 560px): все 4 колонки — в одну (друг под другом),
   а нижняя строка (копирайт + политика) тоже становится вертикальной */
@media (max-width:560px){.kd-footer-grid{grid-template-columns:1fr}.kd-footer-bottom{flex-direction:column}}