---
title: Блок «Наши преимущества»
section: main-page
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-11
files:
  php_inline:
    - views/site/index.php:72-110
  php_partials: []
  scss:
    - src/client/advantage-md/style.scss
  js: []
  widgets: []
  shared: []
deps_on: []
themes_with_analog:
  - mebelmall
  - mebelmart
  - mebelmag
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Advantage (Наши преимущества)

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

Блок из 6 преимуществ (иконка + жирный заголовок + подпись). Часть заголовков — ссылки (`howorder`, `delivery`, `/factory`).

**Редизайн 2026-07-11:** прежняя **owl.carousel** заменена на статичную **адаптивную CSS-сетку** feature-карточек (для 6 фиксированных элементов карусель избыточна и не в стиле mebel-landing). Переверстан inline в `views/site/index.php` (`<section class="md-adv">`): eyebrow «Почему мы» + заголовок **Fraunces**, сетка 3→2→1 колонки, карточка = иконка в акцентном кружке + название (**Manrope**, ссылки с подчёркиванием) + текст, hover-подъём. Тёплая палитра mebel-landing. Реализация на **чистом Bootstrap + SCSS, БЕЗ Tailwind**. Стили — `src/client/advantage-md/style.scss`.

## Где живёт (после редизайна)

- **Вёрстка:** `views/site/index.php` — inline `<section class="md-adv">` (заголовок + грид из 6 `.md-adv__item`).
- **SCSS:** `src/client/advantage-md/style.scss`, подключён в `src/client/index.scss` после `inform-md`.
- **Иконки:** `/images/{wallet,online-shop,package,planning,sofa,shop}.svg`.
- **Шрифты:** Fraunces + Manrope, `<link>` в `views/layouts/main.php`.

## JS / owl

- **owl больше не используется этим блоком.** Импорты `@import "./main-advantage/index.scss"` (в `index.scss`) и `import './main-advantage/index.js'` (в `index.js`) **закомментированы** (dead code). Сам пакет `owl.carousel` в проекте остаётся — его ещё используют product-carousel-tabs и factory-carousel.

## Legacy

- `src/client/main-advantage/index.js` (owl-init на `.advantage__carousel`) и `src/client/main-advantage/index.scss` — больше не подключены, можно удалить позже.

## Bootstrap-классы

- В обёртке — только `my-5`. Раскладка — на собственном CSS-grid в `advantage-md/style.scss`.