---
title: Баннер «Остались вопросы?»
section: layout
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-13
files:
  php_inline:
    - views/layouts/main.php:490-511
  php_partials: []
  scss:
    - src/client/footer-question/index.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Баннер «Остались вопросы?»

## Назначение

Промо-полоса перед футером: слева заголовок «Остались вопросы?» с описанием, справа график работы и большой кликабельный телефон. Видна на всех страницах между контентом и [footer](footer.md).

## Где живёт

- **HTML inline** в `views/layouts/main.php:490-511`.
- **SCSS:** `src/client/footer-question/index.scss` — `.footer-question`, `.footer-question__title`, `.footer-question__description`, `.footer-question__block`, `.footer-question__schedule`, `.footer-question__phone`.

## Bootstrap-классы

- **Сетка:** `container`, `row`, `col-sm-9`, `col-sm-3`.
- **Flex:** `d-flex`, `flex-column`, `justify-content-center`, `justify-content-sm-start`, `align-items-center`, `justify-content-center`.
- **Spacing:** `py-5`, `mt-5`, `mt-2`, `mt-sm-0`, `mt-4`.
- **Position:** `position-relative`.

## JS-зависимости

- Никаких.

## Редизайн

**Выполнен** (2026-07-13) в дизайн-языке ../mebel-landing — **тёплая светлая CTA-полоса** (контраст перед тёмным футером):

- Фон `$md-bg` (#faf6f3) + hairline сверху (было `$gray-200`).
- Заголовок `.footer-question__title` — **Fraunces** 600, sentence-case, `clamp()` (было 800/2rem).
- Описание `.footer-question__description` — Manrope, `$md-ink-soft`.
- Телефон → **акцентная pill-кнопка** `.footer-question__link` (`$md-accent`, белый, inline-SVG иконка трубки, hover-подъём + тень). Старый внешний PNG-icon `::before` у `.footer-question__block` (`phone-question.svg`) убран.
- График `.footer-question__schedule` — мелкий приглушённый над кнопкой.
- **HTML:** телефон-`<a>` получил класс `.footer-question__link`, внутр. `.footer-question__phone` → `<span>`; убран `position-relative`. Правая колонка — `justify-content-sm-end`. На мобиле всё центрируется.