/* ================================================================
   DAI MOTORS — Premium CSS v8
   Яркий · Красивый · Мирового уровня
   #D41919 red · #0d0d0d dark · #ffffff white
   ================================================================ */

/* ── CSS ПЕРЕМЕННЫЕ ── */
:root {
  --red:       #D41919;
  --red2:      #b01212;
  --red-light: rgba(212,25,25,.12);
  --red-glow:  rgba(212,25,25,.30);
  --dark:      #0d0d0d;
  --dark2:     #111111;
  --dark3:     #1a1a1a;
  --dark4:     #242424;
  --light:     #f5f6f7;
  --border:    #e8e8e8;
  --text:      #1a1a1a;
  --muted:     #777;
  --white:     #ffffff;
  --radius:    8px;
  --radius-lg: 12px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.07);
  --shadow:    0 4px 20px rgba(0,0,0,.11);
  --shadow-md: 0 8px 36px rgba(0,0,0,.16);
  --shadow-lg: 0 16px 56px rgba(0,0,0,.22);
  --font:      'Arial', 'Helvetica Neue', sans-serif;
  --t:         .22s ease;
  --t-slow:    .38s ease;
}

/* ── БАЗА ── */
*, *::before, *::after { box-sizing: border-box; }
body {
  font-family: var(--font);
  font-size: 14px;
  color: var(--text);
  background: #f4f5f7;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; transition: color var(--t); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }

/* ── ВЕРХНЯЯ ПОЛОСКА (#top / .top-menu) ── */
#top, .top-menu {
  background: var(--dark) !important;
  border-bottom: 1px solid #1f1f1f !important;
  padding: 0 !important;
  min-height: 36px !important;
}
#top *, .top-menu *,
#top a, .top-menu a,
#top span, .top-menu span {
  color: #999 !important;
  font-size: 12px !important;
}
#top a:hover, .top-menu a:hover { color: var(--red) !important; }

.top-menu__btn {
  background: transparent !important;
  border: none !important;
  color: #888 !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
  transition: color var(--t) !important;
}
.top-menu__btn:hover { color: var(--red) !important; background: transparent !important; }
.top-menu__btn svg, .top-menu__btn i { fill: currentColor !important; color: inherit !important; }

/* Бейджи (корзина, закладки) */
.uni-badge, .top-menu__cart-total, .top-menu__wishlist-total,
.top-menu__compare-total {
  background: var(--red) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
  text-align: center !important;
  padding: 0 !important;
}

/* ── ШАПКА (HEADER) — главная область ── */
header, #header, header#header {
  background: var(--dark2) !important;
  border-bottom: none !important;
  padding: 0 !important;
  box-shadow: 0 2px 24px rgba(0,0,0,.55) !important;
}
header .container, header > .container { background: transparent !important; }

/* ── КНОПКА «КАТАЛОГ» (.header-menu__btn) ── */
.header-menu__btn,
.header__catalog-btn,
[class*="catalog-btn"],
[class*="catalog__btn"] {
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius) !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  transition: background var(--t), transform var(--t), box-shadow var(--t) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.header-menu__btn:hover,
[class*="catalog-btn"]:hover {
  background: var(--red2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px var(--red-glow) !important;
}
.header-menu__btn svg, .header-menu__btn i,
.header-menu__btn .icon, .header-menu__btn span {
  color: #fff !important;
  fill: #fff !important;
}

/* ── ПОИСК в шапке ── */
.header-search, .header-search__form, #search {
  margin: 0 !important;
}
.header-search__input,
.header-search input[type="text"],
.header-search input[type="search"],
#search input[type="text"] {
  background: #1e1e1e !important;
  border: 2px solid #2e2e2e !important;
  border-right: none !important;
  color: #eee !important;
  border-radius: var(--radius) 0 0 var(--radius) !important;
  padding: 10px 18px !important;
  height: 44px !important;
  font-size: 14px !important;
  transition: border-color var(--t) !important;
}
.header-search__input::placeholder,
#search input::placeholder { color: #555 !important; }
.header-search__input:focus,
#search input:focus {
  border-color: var(--red) !important;
  background: #222 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Кнопка фильтра категории в поиске */
.header-search__category-btn,
.header-search__category-btn.btn {
  background: #252525 !important;
  border: 2px solid #2e2e2e !important;
  border-right: none !important;
  color: #aaa !important;
  border-radius: 0 !important;
  height: 44px !important;
  font-size: 12px !important;
}
/* Кнопка «найти» */
.header-search__submit,
.header-search .btn[type="submit"],
#search .btn {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
  border-radius: 0 var(--radius) var(--radius) 0 !important;
  height: 44px !important;
  padding: 0 22px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  transition: background var(--t) !important;
}
.header-search__submit:hover,
#search .btn:hover {
  background: var(--red2) !important;
  border-color: var(--red2) !important;
}

/* Телефон, ссылки в шапке */
.header-contacts, .header-phone,
[class*="header__contact"], [class*="header-contact"],
header .phone, header .tel {
  color: #fff !important;
}
header a { color: #ccc !important; }
header a:hover { color: var(--red) !important; }

/* ── НАВИГАЦИЯ (.menu.menu1.new) ── */
.menu, nav.menu, .menu1, nav.menu1,
.main-menu, nav.main-menu {
  background: var(--dark3) !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: 44px !important;
  padding: 0 !important;
}
.menu > li > a, .menu__item > a,
.menu a, .menu1 a,
nav.menu a {
  color: #c8c8c8 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 13px 16px !important;
  display: block !important;
  transition: color var(--t), background var(--t) !important;
}
.menu > li > a:hover, .menu__item:hover > a,
.menu > li.active > a, nav.menu li.active a {
  color: #fff !important;
  background: var(--red) !important;
}
/* Дропдаун навигации */
.menu .dropdown-menu, .menu1 .dropdown-menu,
.menu__dropdown {
  background: var(--dark3) !important;
  border: 1px solid #2a2a2a !important;
  border-top: 2px solid var(--red) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
  padding: 6px 0 !important;
}
.menu .dropdown-menu a, .menu1 .dropdown-menu a {
  color: #bbb !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  display: block !important;
  transition: all var(--t) !important;
  text-transform: none !important;
}
.menu .dropdown-menu a:hover, .menu1 .dropdown-menu a:hover {
  color: #fff !important;
  background: var(--red) !important;
  padding-left: 24px !important;
}

/* ── КОНТАКТНАЯ ПОЛОСКА (WhatsApp/Avito/Telegram) ── */
.header-contacts-bar, .contacts-bar,
[class*="contacts-bar"], [class*="contact-bar"] {
  background: var(--dark4) !important;
  border-top: 1px solid #222 !important;
  border-bottom: 1px solid #222 !important;
}
.header-contacts-bar a, .contacts-bar a {
  color: #aaa !important;
  font-size: 13px !important;
}
.header-contacts-bar a:hover, .contacts-bar a:hover { color: #fff !important; }

/* ── ХЛЕБНЫЕ КРОШКИ ── */
ul.breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 10px 0 !important;
  margin: 0 0 16px !important;
  border-radius: 0 !important;
  font-size: 12px !important;
}
ul.breadcrumb li a { color: var(--red) !important; }
ul.breadcrumb li + li::before { color: #aaa !important; }

/* ── ТОВАРНЫЕ КАРТОЧКИ ── */
.products-grid .product-layout {
  padding: 8px !important;
}
.product-thumb {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  transition: box-shadow var(--t-slow), transform var(--t-slow), border-color var(--t) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
}
.product-thumb:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.14) !important;
  transform: translateY(-5px) !important;
  border-color: #d4d4d4 !important;
}

/* Изображение */
.product-thumb__image {
  background: var(--light) !important;
  border-bottom: 1px solid #f0f0f0 !important;
  overflow: hidden !important;
  aspect-ratio: 4/3 !important;
  display: block !important;
  position: relative !important;
}
.product-thumb__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 14px !important;
  display: block !important;
  transition: transform .4s ease !important;
}
.product-thumb:hover .product-thumb__image img {
  transform: scale(1.08) !important;
}

/* Каптион */
.product-thumb__caption {
  padding: 16px !important;
  background: #fff !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Название товара */
.product-thumb__name,
.product-thumb__caption .name,
.product-thumb__caption h4,
.product-thumb__caption h4 a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #222 !important;
  line-height: 1.45 !important;
  margin-bottom: 8px !important;
  flex: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.product-thumb__name a:hover,
.product-thumb__caption .name a:hover,
.product-thumb__caption h4 a:hover { color: var(--red) !important; }

/* Цена */
.product-thumb__price,
.product-thumb__caption .price,
.product-thumb .price {
  color: var(--red) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: -.3px !important;
}
.price-old, .product-thumb__price .price-old {
  color: #aaa !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  display: block !important;
}
.price-new, .product-thumb__price .price-new {
  color: var(--red) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* Кнопка «В корзину» */
.product-thumb__add-to-cart,
.product-thumb .add_to_cart,
.product-thumb .btn-cart,
.product-thumb button.btn,
.product-thumb__btn {
  background: var(--red) !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  width: 100% !important;
  letter-spacing: .2px !important;
  transition: background var(--t), box-shadow var(--t), transform var(--t) !important;
  cursor: pointer !important;
  display: block !important;
  text-align: center !important;
}
.product-thumb__add-to-cart:hover,
.product-thumb .add_to_cart:hover,
.product-thumb .btn-cart:hover,
.product-thumb button.btn:hover {
  background: var(--red2) !important;
  box-shadow: 0 5px 16px var(--red-glow) !important;
  transform: translateY(-1px) !important;
}

/* Wishlist / Compare */
.product-thumb__wishlist, .product-thumb__compare,
.product-thumb [class*="wishlist"], .product-thumb [class*="compare"] {
  background: #fff !important;
  border: 1.5px solid var(--border) !important;
  color: #bbb !important;
  border-radius: var(--radius) !important;
}
.product-thumb__wishlist:hover, .product-thumb__compare:hover {
  border-color: var(--red) !important;
  color: var(--red) !important;
}

/* Стикеры/акции */
.sticker__item, .product-thumb .label, .product-thumb .badge {
  background: var(--red) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
}

/* ── ОСНОВНОЙ КОНТЕНТ ── */
#content, .content-wrapper, .main-content {
  background: #f4f5f7 !important;
  min-height: 60vh !important;
}
#content > .row > *,
#content .container {
  background: transparent !important;
}
/* Белые блоки внутри контента */
.module, .panel, .home-module {
  background: var(--white) !important;
  border-radius: var(--radius-lg) !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid var(--border) !important;
}

/* ── ЗАГОЛОВКИ СЕКЦИЙ ── */
.module h3, h3.module-heading, .content-heading,
.home-module h3, .module .panel-heading,
.panel-title, .panel-heading {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  padding: 20px 24px 16px !important;
  margin: 0 !important;
  border-bottom: 2px solid #f0f0f0 !important;
  letter-spacing: -.2px !important;
  background: #fff !important;
}
.module h3::before, .panel-title::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background: var(--red) !important;
  border-radius: 2px !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
}

/* H1 на страницах */
h1.page-title, #content h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  margin: 20px 0 !important;
  padding-left: 16px !important;
  border-left: 4px solid var(--red) !important;
  letter-spacing: -.4px !important;
}

/* ── СОРТИРОВКА / ФИЛЬТР ── */
#input-sort, #input-limit, .filter-bar .form-control,
.form-control[id*="sort"], .form-control[id*="limit"] {
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  font-size: 13px !important;
  height: 36px !important;
  background: #fff !important;
  color: var(--text) !important;
}
#input-sort:focus, #input-limit:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px var(--red-light) !important;
  outline: none !important;
}

/* Grid/list переключатель */
.btn-group .btn[id*="grid"],
.btn-group .btn[id*="list"] {
  background: #fff !important;
  border: 1.5px solid var(--border) !important;
  color: var(--muted) !important;
}
.btn-group .btn[id*="grid"].active,
.btn-group .btn[id*="list"].active,
.btn-group .btn[id*="grid"]:hover,
.btn-group .btn[id*="list"]:hover {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
}

/* ── БОКОВАЯ КОЛОНКА ── */
#column-left .panel {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  box-shadow: var(--shadow-sm) !important;
}
#column-left .panel-heading {
  background: var(--dark) !important;
  color: #fff !important;
  padding: 13px 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .7px !important;
  border-bottom: 2px solid var(--red) !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
#column-left .panel-heading::before { display: none !important; }
#column-left .list-group-item {
  border: none !important;
  border-bottom: 1px solid #f5f5f5 !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  transition: all var(--t) !important;
  background: #fff !important;
}
#column-left .list-group-item:hover {
  background: #fafafa !important;
  color: var(--red) !important;
  padding-left: 24px !important;
}
#column-left .list-group-item.active {
  background: var(--red) !important;
  color: #fff !important;
  border-color: transparent !important;
  padding-left: 18px !important;
}

/* ── ПАГИНАЦИЯ ── */
.pagination > li > a,
.pagination > li > span {
  color: var(--text) !important;
  border: 1.5px solid var(--border) !important;
  margin: 0 2px !important;
  border-radius: var(--radius) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all var(--t) !important;
  background: #fff !important;
}
.pagination > li.active > a,
.pagination > li.active > span {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px var(--red-glow) !important;
}
.pagination > li > a:hover {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
}

/* ── ГЛОБАЛЬНЫЕ КНОПКИ ── */
.btn-primary, .btn-danger {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-weight: 700 !important;
  transition: background var(--t), box-shadow var(--t), transform var(--t) !important;
}
.btn-primary:hover, .btn-danger:hover {
  background: var(--red2) !important;
  border-color: var(--red2) !important;
  box-shadow: 0 5px 18px var(--red-glow) !important;
  transform: translateY(-1px) !important;
}
.btn-default, .btn-secondary {
  background: #fff !important;
  border: 1.5px solid #ddd !important;
  color: var(--text) !important;
  border-radius: var(--radius) !important;
  font-weight: 600 !important;
  transition: border-color var(--t), color var(--t) !important;
}
.btn-default:hover, .btn-secondary:hover {
  border-color: var(--red) !important;
  color: var(--red) !important;
  background: #fff !important;
}
.btn-cart {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: var(--radius) !important;
  transition: background var(--t), box-shadow var(--t) !important;
}
.btn-cart:hover {
  background: var(--red2) !important;
  border-color: var(--red2) !important;
  box-shadow: 0 6px 20px var(--red-glow) !important;
}

/* ── ФОРМЫ ── */
.form-control {
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  font-size: 14px !important;
  color: var(--text) !important;
  transition: border-color var(--t), box-shadow var(--t) !important;
}
.form-control:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px var(--red-light) !important;
  outline: none !important;
}

/* ── УВЕДОМЛЕНИЯ ── */
.alert-success {
  background: #f0faf2 !important;
  border-color: #5cb85c !important;
  color: #2e7d2e !important;
  border-radius: var(--radius) !important;
}
.alert-danger {
  background: #fff0f0 !important;
  border-color: var(--red) !important;
  color: var(--red2) !important;
  border-radius: var(--radius) !important;
}
.alert-info {
  background: #f0f6ff !important;
  border-color: #2196f3 !important;
  color: #1565c0 !important;
  border-radius: var(--radius) !important;
}

/* ── СТРАНИЦА ТОВАРА ── */
#product-product h1, #product-product h1.page-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}
.product-page-price,
#product-product .price,
#product-product [class*="price"] {
  color: var(--red) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  margin: 16px 0 !important;
  letter-spacing: -.5px !important;
}
/* Таблица характеристик */
#product-product .table td, #product-product .table th {
  padding: 9px 14px !important;
  border-color: #f0f0f0 !important;
  font-size: 13px !important;
}
#product-product .table tr:nth-child(even) td { background: #fafafa !important; }

/* Табы на странице товара */
.nav-tabs {
  border-bottom: 2px solid var(--border) !important;
  margin-bottom: 20px !important;
}
.nav-tabs > li > a {
  color: var(--muted) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  border: 1px solid transparent !important;
  padding: 10px 18px !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  color: var(--red) !important;
  border-color: var(--border) var(--border) #fff !important;
}

/* ── ПОДВАЛ ── */
footer, #footer {
  background: var(--dark) !important;
  color: #999 !important;
  border-top: 3px solid var(--red) !important;
  padding: 48px 0 24px !important;
  margin-top: 48px !important;
}
footer h5, #footer h5,
footer .footer-title, #footer .footer-title {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .9px !important;
  border-bottom: 1px solid #222 !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}
footer a, #footer a {
  color: #777 !important;
  font-size: 13px !important;
  display: block !important;
  padding: 3px 0 !important;
  transition: color var(--t), padding-left var(--t) !important;
}
footer a:hover, #footer a:hover {
  color: var(--red) !important;
  padding-left: 5px !important;
}
footer hr, #footer hr {
  border-color: #1e1e1e !important;
  margin: 24px 0 !important;
}
footer p, #footer p { color: #555 !important; font-size: 12px !important; }
#footer #logo img { max-height: 38px !important; filter: brightness(0) invert(1) !important; }

/* ── DROPDOWN ГЛОБАЛЬНО ── */
.dropdown-menu {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-md) !important;
  padding: 6px 0 !important;
}
.dropdown-menu > li > a {
  color: var(--text) !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  transition: all var(--t) !important;
}
.dropdown-menu > li > a:hover {
  background: var(--red) !important;
  color: #fff !important;
}

/* ── МОДАЛЬНЫЕ ОКНА ── */
.modal-header {
  background: var(--dark) !important;
  color: #fff !important;
  border-radius: var(--radius) var(--radius) 0 0 !important;
  border-bottom: 2px solid var(--red) !important;
}
.modal-header .close { color: #fff !important; opacity: .7; }
.modal-header .close:hover { opacity: 1; color: var(--red) !important; }
.modal-footer .btn-primary { background: var(--red) !important; border-color: var(--red) !important; }

/* ── ТАБЫ ГЛАВНОЙ (.tabs-header) ── */
.tabs-header, .product-tabs,
[class*="tabs-header"], [class*="tab-header"] {
  border-bottom: 2px solid var(--border) !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
}
.tabs-header a, .product-tabs a,
[class*="tabs-header"] a {
  color: var(--muted) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 12px 20px !important;
  display: inline-block !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  transition: color var(--t) !important;
}
.tabs-header a.active, .tabs-header a:hover,
[class*="tabs-header"] a.active,
[class*="tabs-header"] a:hover {
  color: var(--red) !important;
  border-bottom-color: var(--red) !important;
}

/* ── СКРОЛЛБАР ── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--red); }

/* ── ВЫДЕЛЕНИЕ ТЕКСТА ── */
::selection { background: var(--red); color: #fff; }

/* ── АДАПТИВНОСТЬ ── */
@media (max-width: 991px) {
  .header-menu__btn { padding: 9px 16px !important; font-size: 13px !important; }
  .menu > li > a { padding: 11px 12px !important; font-size: 12px !important; }
  .product-thumb__image { aspect-ratio: 1/1 !important; }
}
@media (max-width: 767px) {
  .product-thumb__caption { padding: 12px !important; }
  .product-thumb__price, .product-thumb .price { font-size: 16px !important; }
  .product-thumb__name { font-size: 12px !important; }
  footer { padding: 32px 0 16px !important; margin-top: 32px !important; }
  h1.page-title, #content h1 { font-size: 20px !important; }
}
@media (max-width: 480px) {
  .products-grid .col-xs-6 { padding: 4px !important; }
  .product-thumb__image img { max-height: 130px !important; }
}