/* lm74: общие стили поверх Aspro Max. Подключается на всех страницах через
   bitrix/php_interface/include/lm74_global_css.php (тег <link> перед </head>).
   Файлы шаблона Aspro не правим — только переопределяем. */

/* ===== Типографика всего сайта (22.09.2026) =====
   Тема ставит Montserrat правилом на body, остальное его наследует. Переопределяем в одном
   месте: текст — Inter Tight (сжатая Inter, в строку влезает больше при том же кегле),
   заголовки и меню — "Sofia Sans Condensed" (узкий гротеск; Bebas Neue не подошёл, у него нет кириллицы).
   До этого шрифты подключала только главная, и шапка с футером жили другим шрифтом —
   страница выглядела собранной из двух разных сайтов. */
body,
body .maxwidth-theme,
.header_wrap input, .header_wrap button, .header_wrap select {
	font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4,
.page-top h1, .section-title, .top_wrapper h1 {
	font-family: "Sofia Sans Condensed", "Inter Tight", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .01em;
}

/* ===== Шапка ===== */
/* Верхняя полоса: это служебный ряд, он не должен спорить с логотипом и поиском. */
.top-block-v1 { font-size: 13px; }
.top-block-v1 .schedule, .top-block-v1 .address { font-size: 12.5px; }

/* Строка «Официальный торговый партнёр…» рядом с логотипом занимала три строки
   и перевешивала сам логотип. Оставляем как подпись: мельче, тише, уже. */
.header-v7 .top-description.addr {
	max-width: 210px;
	font-size: 11.5px;
	line-height: 1.35;
	color: var(--lm-muted-2);
}

/* Поиск — то, чем в магазине пользуются чаще всего. Делаем его заметным:
   выше, со скруглением и с жёлтой кнопкой вместо блёклой иконки. */
.header-v7 .search-input-div .search-input {
	height: 46px;
	border-radius: var(--lm-r) 0 0 var(--lm-r);
	font-size: 15px;
}
.header-v7 .search-button-div .btn-search {
	height: 46px;
	min-width: 56px;
	border-radius: 0 12px 12px 0;
	background: var(--lm-acc);
	color: var(--lm-acc-ink);
	border: 0;
	transition: background-color .16s;
}
.header-v7 .search-button-div .btn-search:hover { background: var(--lm-acc-hi); }
.header-v7 .search-button-div .btn-search svg { fill: var(--lm-acc-ink); stroke: var(--lm-acc-ink); }
.header-v7 .searchtype { border-radius: var(--lm-r) 0 0 var(--lm-r); }

/* Главное меню: узкий "Sofia Sans Condensed" с разрядкой — тот же голос, что у заголовков страницы.
   Подчёркивание жёлтым вместо смены цвета: на тёмном ряду это читается лучше. */
.menu-row .table-menu td.menu-item > .wrap > a {
	position: relative;
	font-family: "Sofia Sans Condensed", "Inter Tight", Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .05em;
}
.menu-row .table-menu td.menu-item > .wrap > a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 6px;
	height: 2px;
	background: var(--lm-acc);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .2s ease;
}
.menu-row .table-menu td.menu-item:hover > .wrap > a::after,
.menu-row .table-menu td.menu-item.active > .wrap > a::after { transform: scaleX(1); }

/* Телефон в шапке — второй по важности элемент после поиска. */
.header_wrap .phone-block .phone a,
.top-block-v1 .phone-block a {
	font-family: "Sofia Sans Condensed", "Inter Tight", Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .01em;
}

/* ===== Футер (Aspro footer-v1): фирменный тёмно-синий, типографика, реквизиты ===== */
.footer-v1 .footer-inner {
	background: var(--lm-navy-4) !important;
	border-top: 3px solid var(--lm-acc);
	color: rgba(255, 255, 255, .7);
}
.footer-v1 .footer_top { padding: 44px 0 16px !important; }

/* заголовки колонок и «главная» колонка ссылок */
.footer-v1 .bottom-menu .item.childs > .title a,
.footer-v1 .bottom-menu.second .item .title a {
	font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase;
	color: #fff !important;
}
.footer-v1 .bottom-menu.second .item .title a:hover,
.footer-v1 .bottom-menu .item.childs > .title a:hover { color: var(--lm-acc) !important; }
/* только вертикальный отступ: на телефоне у Aspro свои боковые, шорткат их обнулял и текст уезжал за экран */
.footer-v1 .bottom-menu.second .item { padding-block: 7px !important; }
/* пункты */
.footer-v1 .bottom-menu .wrap .item { padding-block: 4px !important; }
.footer-v1 .bottom-menu .wrap .item .title a {
	font-size: 14px !important; font-weight: 500 !important; line-height: 1.5; text-transform: none;
	color: rgba(255, 255, 255, .66) !important; transition: color .15s ease;
}
.footer-v1 .bottom-menu .wrap .item .title a:hover { color: var(--lm-acc) !important; }
/* Колонки: у Aspro заголовок колонки — это первый пункт меню, поэтому высота заголовков
   плавала от длины текста, и списки под ними начинались на разном уровне. Фиксируем
   отступ под заголовком и выравниваем начало списков. */
.footer-v1 .bottom-menu.second > .item:first-child { padding-top: 0 !important; }
.footer-v1 .bottom-menu.second > .item > .title { margin-bottom: 10px; }
.footer-v1 .footer_top .row { display: flex; flex-wrap: wrap; }
.footer-v1 .footer_top .row > [class*="col-"] { display: flex; flex-direction: column; }
@media (min-width: 992px) {
	/* длинная колонка «О компании» больше не растягивает соседние: списки идут в два ряда по высоте */
	.footer-v1 .first_bottom_menu .bottom-menu .wrap { column-count: 1; }
	.footer-v1 .footer_top .row > [class*="col-"] { padding-right: 24px; }
	.footer-v1 .contact-block { padding-right: 0 !important; }
}

/* контакты справа */
.footer-v1 .contact-block .phone .wrap a,
.footer-v1 .contact-block .phone .more_phone a { color: #fff !important; font-size: 18px !important; font-weight: 700 !important; }
.footer-v1 .contact-block .callback-block { color: var(--lm-acc) !important; font-size: 13px; font-weight: 600; }
.footer-v1 .contact-block .email a { color: rgba(255, 255, 255, .86) !important; font-size: 15px; }
.footer-v1 .contact-block .email a:hover { color: var(--lm-acc) !important; }
.footer-v1 .contact-block .address { color: rgba(255, 255, 255, .62) !important; font-size: 14px; line-height: 1.55; }
.footer-v1 .subscribe_button .btn {
	background: transparent !important; border: 1.5px solid rgba(255, 255, 255, .35) !important; color: #fff !important;
	border-radius: 10px; font-weight: 700; letter-spacing: .04em;
}
.footer-v1 .subscribe_button .btn:hover { border-color: var(--lm-acc) !important; color: var(--lm-acc) !important; }

/* соцсети */
.footer-v1 .footer_middle {
	border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 255, 255, .08);
	padding: 16px 0 !important;
}

/* о компании + реквизиты (свой блок .lmf в footer_1.php) */
.lmf { display: grid; grid-template-columns: 1fr; gap: 30px; padding: 32px 0 8px; color: rgba(255, 255, 255, .7); }
.lmf__eyebrow {
	position: relative; margin: 0 0 14px; padding-left: 14px;
	font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lm-acc);
}
.lmf__eyebrow::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 3px; border-radius: 2px; background: var(--lm-acc); }
.lmf__lead { margin: 0 0 10px; font-size: 13.5px; line-height: 1.6; color: rgba(255, 255, 255, .86); max-width: 62ch; }
.lmf__lead strong { color: #fff; font-weight: 700; }
.lmf__text { margin: 0 0 16px; font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, .62); max-width: 66ch; }
.lmf__points { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
/* у Aspro для li в контенте стоит ::before «—» — в чипах он не нужен */
.lmf__points li::before, .lmf__points li::after { content: none !important; display: none !important; }
.lmf__points li {
	margin: 0 !important; padding: 5px 11px !important; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px;
	font-size: 12px; line-height: 1.3; color: rgba(255, 255, 255, .78); background: rgba(255, 255, 255, .03);
}
.lmf__dl { margin: 0; }
.lmf__dl > div { display: grid; grid-template-columns: 1fr; gap: 2px; padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.lmf__dl > div:last-child { border-bottom: 0; }
.lmf__dl dt { margin: 0; font-size: 12px; font-weight: 500; letter-spacing: .02em; color: rgba(255, 255, 255, .5); }
.lmf__dl dd { margin: 0; font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, .92); font-variant-numeric: tabular-nums; letter-spacing: .01em; overflow-wrap: anywhere; }

/* Ссылки внутри блока: глобальный цвет ссылки Aspro — var(--lm-navy), на тёмном футере он
   сливается с фоном (см. «Полные реквизиты и документы»). Правило скоупим на футер:
   префикс .lmf занят ещё карточкой товара и страницей /company/docs/ на светлом фоне. */
.footer-v1 .lmf a { color: var(--lm-acc); text-decoration: none; border-bottom: 1px solid rgba(255, 180, 0, .35); }
.footer-v1 .lmf a:hover,
.footer-v1 .lmf a:focus-visible { color: var(--lm-acc-hi); border-bottom-color: var(--lm-acc-hi); }
/* политика конфиденциальности в нижней строке — по 152-ФЗ должна быть доступна с любой страницы с формой */
.footer-v1 .footer_bottom a { color: rgba(255, 255, 255, .72); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .25); }
.footer-v1 .footer_bottom a:hover,
.footer-v1 .footer_bottom a:focus-visible { color: var(--lm-acc); border-bottom-color: var(--lm-acc); }
@media (min-width: 768px) {
	.lmf { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 56px; padding-top: 40px; }
	/* блок реквизитов идёт во всю ширину футера: три пары «подпись — значение» в ряд,
	   раньше он занимал половину экрана, а справа оставалась пустота */
	.lmf--solo { grid-template-columns: minmax(0, 1fr); }
	.lmf--solo .lmf__dl { display: flex; flex-wrap: wrap; gap: 0 48px; }
	.lmf--solo .lmf__dl > div { border-bottom: 0; padding: 0; gap: 3px; }
	.lmf--solo .lmf__dl dt { font-size: 11.5px; }
	.lmf--solo .lmf__text { margin-top: 14px !important; }
	.lmf__dl > div { grid-template-columns: 200px minmax(0, 1fr); gap: 16px; align-items: baseline; }
	.lmf--solo .lmf__dl > div { grid-template-columns: minmax(0, 1fr); }
	.lmf__dl dt { font-size: 12px; }
}

/* ===== Мегафутер: пять колонок (.lmf5 в footer_1.php) =====

   До 22.09.2026 футер был тремя списками ссылок без единого заголовка и блоком
   контактов справа: «Отзывы покупателей» и «Возврат товара» читались одной кашей,
   а адрес стоял один, хотя магазина два. Теперь пять названных колонок.

   Класс .lmf5, а не .lmf: .lmf занят блоком реквизитов на /company/docs/, он же
   на светлом фоне, и общие правила для ссылок там жёлтые с подчёркиванием. */
.footer-v1 .lmf5 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px 32px; }
/* Отступ под заголовком колонки задаём один раз на колонку, а не полагаемся на
   margin заголовка. Иначе он складывается по-разному: в колонках-меню обёртка списка
   подтягивает первую строку вверх, а в «Магазинах» и «Связаться» ничего не подтягивает,
   и первая строка встаёт на 7–8 px ниже, чем у соседей. Замер до правки: 11, 11, 10,
   18, 19 px от низа заголовка до первой строки текста. Колонка — flex, поэтому поля
   соседей не схлопываются и расстояние получается ровно то, что задано. */
.footer-v1 .lmf5__col { display: flex; flex-direction: column; align-items: stretch; }
.footer-v1 .lmf5__col > .lmf5__h { margin-bottom: 0; }
.footer-v1 .lmf5__col > .lmf5__h + * { margin-top: 12px; }
/* Тема поднимает список меню на 5 px собственным отрицательным полем — из-за него
   колонки-меню начинались выше «Магазинов» и «Связаться» даже при одинаковом
   отступе, заданном выше. Гасим, чтобы считалось только наше расстояние. */
.footer-v1 .lmf5 .bottom-menu { margin-top: 0 !important; }

.footer-v1 .lmf5__h {
	position: relative; margin: 0 0 14px; padding-bottom: 9px;
	font-family: "Sofia Sans Condensed", "Inter Tight", "Helvetica Neue", Arial, sans-serif;
	font-size: 15px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #fff;
}
.footer-v1 .lmf5__h::after {
	content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; background: var(--lm-acc);
}

/* Шаблон «bottom» помечает первый пункт колонки классом childs и рисует его
   заголовком в верхнем регистре со стрелкой-аккордеоном: в старом футере первый
   пункт и работал заголовком колонки. Заголовок теперь свой, поэтому первый пункт
   возвращаем в общий вид — иначе в колонке «О компании» слово стоит дважды,
   а «Оплата и доставка» выглядит заголовком для «Юридическим лицам». */
.footer-v1 .lmf5 .bottom-menu .item.childs > .title a {
	font-size: 14px !important; font-weight: 500 !important;
	text-transform: none !important; letter-spacing: 0 !important;
	color: rgba(255, 255, 255, .66) !important;
}
.footer-v1 .lmf5 .bottom-menu .item.childs > .title a:hover,
.footer-v1 .lmf5 .bottom-menu .item.childs > .title a:focus-visible { color: var(--lm-acc) !important; }
.footer-v1 .lmf5 .bottom-menu .compact_arrow { display: none !important; }
/* Отступы между пунктами тема раздаёт неровно: первому нулевой, третьему и дальше
   margin-top 8px. В колонке это читалось как разрыв после первой ссылки. Обнуляем
   внешние отступы и задаём один шаг всем. */
.footer-v1 .lmf5 .bottom-menu .item { margin: 0 !important; padding-block: 5px !important; }
.footer-v1 .lmf5 .bottom-menu > .items > .item:first-child { padding-top: 0 !important; }
.footer-v1 .lmf5 .bottom-menu .item > .title { margin-bottom: 0 !important; }
/* Все пункты, кроме первого, шаблон кладёт в сворачиваемую панель .wrap, и у неё
   свой отступ сверху 20px: в колонке это читалось как разрыв после первой ссылки. */
.footer-v1 .lmf5 .bottom-menu .wrap { margin-top: 0 !important; }

/* магазины: данные те же, что на главной и в контактах (include/lm74-home/schedule.php) */
.footer-v1 .lmf5__shop { padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.footer-v1 .lmf5__shop:last-of-type { padding-bottom: 0; border-bottom: 0; }
.footer-v1 .lmf5 .lmf5__shop-name {
	display: block; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; border-bottom: 0;
}
.footer-v1 .lmf5 .lmf5__shop-name:hover,
.footer-v1 .lmf5 .lmf5__shop-name:focus-visible { color: var(--lm-acc); }
.footer-v1 .lmf5__shop-addr { margin-top: 2px; font-size: 13px; color: rgba(255, 255, 255, .62); }
.footer-v1 .lmf5__shop-hours { margin-top: 4px; font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, .5); }
.footer-v1 .lmf5__status { display: inline-flex; align-items: center; gap: 6px; margin-top: 5px; font-size: 12px; font-weight: 600; }
.footer-v1 .lmf5__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.footer-v1 .lmf5__status--open { color: var(--lm-ok-hi); }
.footer-v1 .lmf5__status--closed { color: var(--lm-err-hi); }
.footer-v1 .lmf5 .lmf5__shop-phone {
	display: block; margin-top: 6px; color: #fff; font-size: 15px; font-weight: 700;
	text-decoration: none; border-bottom: 0; white-space: nowrap;
}
.footer-v1 .lmf5 .lmf5__shop-phone:hover { color: var(--lm-acc); }
.footer-v1 .lmf5 .lmf5__more {
	display: inline-block; margin-top: 12px; font-size: 13px; color: var(--lm-acc);
	text-decoration: none; border-bottom: 1px solid rgba(255, 180, 0, .35);
}
.footer-v1 .lmf5 .lmf5__more:hover { color: var(--lm-acc-hi); border-bottom-color: var(--lm-acc-hi); }

/* связаться: почту и обратный звонок печатает тема, поэтому красим её разметку тоже */
.footer-v1 .lmf5 .email { margin-bottom: 10px; }
.footer-v1 .lmf5 .email a { color: rgba(255, 255, 255, .86) !important; font-size: 14px; text-decoration: none; }
.footer-v1 .lmf5 .email a:hover { color: var(--lm-acc) !important; }
.footer-v1 .lmf5 .callback-block { color: var(--lm-acc) !important; font-size: 13px; font-weight: 600; cursor: pointer; }
.footer-v1 .lmf5__callback { margin-bottom: 12px; }
.footer-v1 .lmf5__subscribe { margin-bottom: 14px; }
.footer-v1 .lmf5__subscribe .btn {
	background: transparent !important; border: 1.5px solid rgba(255, 255, 255, .35) !important; color: #fff !important;
	border-radius: 10px; font-weight: 700; letter-spacing: .04em;
}
.footer-v1 .lmf5__subscribe .btn:hover { border-color: var(--lm-acc) !important; color: var(--lm-acc) !important; }
.footer-v1 .lmf5__im { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.footer-v1 .lmf5__im li::before, .footer-v1 .lmf5__im li::after { content: none !important; display: none !important; }
.footer-v1 .lmf5 .lmf5__im a {
	display: inline-flex; align-items: center; min-height: 32px; padding: 4px 13px;
	border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px;
	color: rgba(255, 255, 255, .86); font-size: 13px; text-decoration: none;
}
.footer-v1 .lmf5 .lmf5__im a:hover { border-color: var(--lm-acc); color: var(--lm-acc); }
.footer-v1 .lmf5__note { margin: 0; font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, .45); }

/* Телефон. Тема центрирует содержимое футера, но у нас колонки — списки
   с заголовками, и по центру они не читаются: полоска под заголовком осталась бы
   слева, а текст уехал в середину. Выравниваем всё по левому краю.

   И главное: панель .wrap на телефоне свёрнута (Bootstrap .collapse, display: none),
   то есть из десяти ссылок колонки видна одна. Открыть её было нечем — стрелку
   аккордеона мы убрали вместе с ложным заголовком, которым шаблон делал первый
   пункт. Ссылок в колонке пять-десять, они спокойно помещаются, поэтому панель
   держим открытой, а не возвращаем стрелку. */
@media (max-width: 767px) {
	.footer-v1 .lmf5,
	.footer-v1 .lmf5 .lmf5__h,
	.footer-v1 .lmf5 .bottom-menu,
	.footer-v1 .lmf5 .bottom-menu .title,
	.footer-v1 .lmf5__shop,
	.footer-v1 .lmf5__contact { text-align: left !important; }
	.footer-v1 .lmf5 .bottom-menu .wrap.collapse { display: block !important; }
	.footer-v1 .lmf5__col { padding-bottom: 6px; }
}

/* Пять колонок только там, где они читаются: на 1200 каждая шире 200px.
   Ниже — три, две и одна, чтобы ссылки не ломались по слогам. */
@media (min-width: 576px) { .footer-v1 .lmf5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* 14.10.2026: четыре колонки ссылок (карточки магазинов и «Связаться» убраны по решению Тима) */
@media (min-width: 992px) { .footer-v1 .lmf5 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 40px; } }

/* ===== Телефон в мобильной шапке (.lmmh в page_blocks/header_mobile_4.php) =====

   В ряду иконок телефон был только картинкой трубки: номер лежал в выпадашке
   #mobilePhone, скрытой до тапа. Отдельной строкой, потому что в ряд иконок
   номер не влезает — на 375px там уже бургер, логотип, два мессенджера, поиск
   и трубка. На десктопе строки нет: сам блок мобильной шапки там скрыт темой,
   а наш — прячем сами, иначе он остался бы висеть над страницей. */
.lmmh { display: none; }
@media (max-width: 767px) {
	/* Обёртка мобильной шапки имеет заданную высоту — место ровно под саму шапку,
	   63px. Наша строка в неё не помещалась, вылезала наружу, и хлебные крошки
	   рисовались прямо поверх номера: элемент был в разметке, видим по стилям,
	   а на экране его не было. Отдаём высоту содержимому.

	   :has() — потому что обёртку печатает не наш шаблон, класса своего у неё нет,
	   а .visible-xs.visible-sm это бутстраповская утилита, она по сайту не одна.
	   z-index ниже — страховка: если селектор где-то не сработает, номер хотя бы
	   ляжет поверх крошек, а не под ними. */
	.visible-xs.visible-sm:has(> .mobileheader-v4) { height: auto !important; }
	.lmmh {
		position: relative; z-index: 2;
		display: flex; align-items: center; justify-content: center; gap: 14px;
		padding: 9px 16px; background: #f4f6fa; border-bottom: 1px solid var(--lm-line);
		line-height: 1.2;
	}
	.lmmh .lmmh__phone {
		color: var(--lm-navy-4) !important; font-size: 16px; font-weight: 700;
		text-decoration: none; white-space: nowrap; letter-spacing: .01em;
	}
	.lmmh__sep { width: 1px; height: 16px; background: var(--lm-line-2); flex: 0 0 auto; }
	.lmmh .lmmh__callback {
		color: var(--lm-navy) !important; font-size: 13.5px; font-weight: 600; cursor: pointer;
		border-bottom: 1px dashed rgba(0, 51, 107, .45); white-space: nowrap;
	}
	.lmmh .lmmh__callback:hover { color: var(--lm-navy-hov) !important; border-bottom-color: var(--lm-navy-hov); }
}

/* нижняя строка */
.footer-v1 .footer_bottom { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 0 22px !important; }
.footer-v1 .footer-bottom__item.copy { font-size: 12px !important; line-height: 1.55; color: rgba(255, 255, 255, .5) !important; max-width: 720px; }
.footer-v1 .footer-bottom__item.pays i { opacity: .8; }

/* выпадающий список телефонов в футере: у Aspro белая подложка — на тёмном футере делаем тёмную карточку */
.footer-v1 .contact-block .phone.with_dropdown .dropdown .wrap {
	background: var(--lm-navy-3) !important; border: 1px solid rgba(255, 255, 255, .16); border-radius: 10px;
	box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .8); padding: 6px 0 !important;
}
.footer-v1 .contact-block .phone.with_dropdown .dropdown .more_phone { background: transparent !important; padding: 0 !important; }
.footer-v1 .contact-block .phone.with_dropdown .dropdown .more_phone a {
	display: block; padding: 10px 16px; font-size: 15px !important; font-weight: 600 !important; color: #fff !important; white-space: nowrap;
}
.footer-v1 .contact-block .phone.with_dropdown .dropdown .more_phone a:hover { color: var(--lm-acc) !important; background: rgba(255, 255, 255, .05); }

/* иконки соцсетей: у Aspro серая плашка и тёмные кружки — делаем прозрачную полосу и контурные кружки */
.footer-v1 .footer_middle .social-block,
.footer-v1 .footer_middle .social-icons,
.footer-v1 .footer_middle .social-icons ul,
.footer-v1 .footer_middle .social-icons li { background: transparent !important; box-shadow: none !important; }
.footer-v1 .footer_middle .social-icons ul { display: flex; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.footer-v1 .footer_middle .social-icons li { margin: 0 !important; padding: 0 !important; }
.footer-v1 .footer_middle .social-icons li::before { content: none !important; }
.footer-v1 .footer_middle .social-icons li a {
	display: flex !important; align-items: center; justify-content: center; width: 42px !important; height: 42px !important;
	border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 50% !important; background-color: transparent !important;
	opacity: 1 !important; transition: border-color .15s ease, background-color .15s ease;
}
.footer-v1 .footer_middle .social-icons li a:hover { border-color: var(--lm-acc) !important; background-color: rgba(255, 180, 0, .12) !important; }
/* telegram у Aspro рисуется спрайтом social.svg через background — оставляем спрайт, но белым через фильтр */
.footer-v1 .footer_middle .social-icons li.telegram a { background-size: auto !important; filter: brightness(0) invert(1); }
.footer-v1 .footer_middle .social-icons li.telegram a:hover { filter: none; border-color: var(--lm-acc) !important; background-color: rgba(255,255,255,.9) !important; }
.footer-v1 .footer_middle .social-icons li.max a svg,
.footer-v1 .footer_middle .social-icons li.max a svg path { fill: #fff !important; }
.footer-v1 .footer_middle .social-icons li.max a svg { width: 20px; height: 20px; }

/* ===== Хлебные крошки: вместо слова «Главная» — иконка дома. Текст остаётся в DOM для BreadcrumbList ===== */
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; }
.breadcrumbs .breadcrumbs__item { display: inline-flex; align-items: center; }
.breadcrumbs .breadcrumbs__separator { display: inline-flex; align-items: center; margin: 0 2px; }
.breadcrumbs .breadcrumbs__item:first-child .breadcrumbs__link { display: inline-flex; align-items: center; line-height: 1; }
.breadcrumbs .breadcrumbs__item:first-child .breadcrumbs__item-name {
	display: block; width: 14px; height: 14px; font-size: 0 !important; line-height: 0;
	background-color: currentColor; opacity: .75; transition: opacity .15s ease, background-color .15s ease;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.6 11.3l1.3 1.5L5.5 11.4V20a1 1 0 0 0 1 1h4v-6h3v6h4a1 1 0 0 0 1-1v-8.6l1.6 1.4 1.3-1.5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 2.6 11.3l1.3 1.5L5.5 11.4V20a1 1 0 0 0 1 1h4v-6h3v6h4a1 1 0 0 0 1-1v-8.6l1.6 1.4 1.3-1.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.breadcrumbs .breadcrumbs__item:first-child .breadcrumbs__link:hover .breadcrumbs__item-name { opacity: 1; background-color: var(--lm-navy); }

/* ===== Баннер-слайдер: кнопка «Подробнее» — secondary (контур на фото), не спорит с primary подбора (DESIGN-02) ===== */
.main-slider .banner_buttons a.btn {
	background: rgba(255, 255, 255, .1) !important; border: 1.5px solid #fff !important; color: #fff !important;
	border-radius: 10px !important; padding: 12px 22px !important; font-size: 14px !important; font-weight: 700 !important;
	letter-spacing: .02em; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.main-slider .banner_buttons a.btn:hover { background: #fff !important; color: var(--lm-navy) !important; }
/* на телефоне ширины слайдов заданы в custom_styles.css жёстко (340–450 px) и текст обрезается:
   разрешаем перенос и уменьшаем кегль. Селекторы длиннее клиентских — иначе не перебить !important. */
@media (max-width: 767px) {
	.main-slider .main_info,
	.main-slider .main_info .banner_title,
	.main-slider .main_info .banner_text { width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
	.main-slider .main_info td.text { padding: 0 18px !important; }
	.main-slider .main_info .banner_title .head-title { font-size: 21px !important; line-height: 1.18 !important; }
	.main-slider .main_info .banner_text { font-size: 13px !important; line-height: 1.45 !important; }
	.main-slider .banner_buttons a.btn { padding: 11px 18px !important; font-size: 13px !important; }
}

/* ===== Шапка: два магазина свёрнуты в «Магазины в Челябинске (2)» (DESIGN-08), NAP остаётся в HTML ===== */
.lm74-stores { position: relative; }
.lm74-stores__btn {
	display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer;
	font: inherit; font-weight: 700; color: inherit; white-space: nowrap;
}
.lm74-stores__btn::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }
.lm74-stores.is-open .lm74-stores__btn::after { transform: translateY(1px) rotate(225deg); }
.lm74-stores__dd {
	display: none; position: absolute; left: -18px; top: calc(100% + 12px); z-index: 60; width: 420px; max-width: calc(100vw - 40px);
	padding: 4px 0; background: #fff; border-radius: var(--lm-r-md); box-shadow: 0 18px 44px -14px rgba(0, 26, 56, .45), 0 0 0 1px rgba(0, 26, 56, .08);
	color: var(--lm-ink); font-weight: 400;
}
.lm74-stores__dd::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.lm74-stores:hover .lm74-stores__dd, .lm74-stores.is-open .lm74-stores__dd { display: block; }
.lm74-stores__item { padding: 14px 20px; border-top: 1px solid #eef1f5; }
.lm74-stores__item:first-child { border-top: 0; }
.lm74-stores__item > .header__top-item { width: auto !important; }
.lm74-stores__item .address {
	display: block !important; position: static !important; width: auto !important;
	font-size: 14px; font-weight: 700; line-height: 1.4; white-space: normal !important; margin-bottom: 6px;
}
/* у Aspro .schedule — всплывающая подсказка (absolute, белый фон, тень): внутри списка делаем обычной строкой */
.lm74-stores__item .schedule {
	display: block !important; position: static !important; width: auto !important; min-width: 0 !important;
	padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important;
	opacity: 1 !important; visibility: visible !important; transform: none !important;
	font-size: 12px; line-height: 1.5; color: var(--lm-muted);
}
.lm74-stores__item .schedule span { display: inline-block !important; width: auto !important; margin: 0 12px 0 0; white-space: nowrap; }
.lm74-stores__item .phone-block, .lm74-stores__item .phone {
	display: block !important; position: static !important; margin: 8px 0 0 !important; padding: 0 !important;
	background: none !important; box-shadow: none !important;
}
.lm74-stores__item .phone a { font-size: 15px; font-weight: 700; color: var(--lm-navy) !important; }
.lm74-stores__item .phone .dropdown, .lm74-stores__item .phone > i.svg-inline-down,
.lm74-stores__item .callback_wrap { display: none !important; }

/* ===== Карта сайта (/sitemap/) ===== */
.lms { max-width: 1100px; color: var(--lm-ink); }
.lms__lead { margin: 0 0 22px; color: var(--lm-muted); max-width: 70ch; }
.lms__grid { display: grid; grid-template-columns: 1fr; gap: 26px 40px; }
.lms__col h2 { font-size: 15px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px; padding-bottom: 8px; border-bottom: 2px solid var(--lm-acc); }
.lms ul { list-style: none; margin: 0 0 14px; padding: 0; }
.lms li { padding: 3px 0; font-size: 14px; line-height: 1.45; }
.lms li::before { content: none !important; }
.lms li a { color: var(--lm-navy); text-decoration: none; }
.lms li a:hover { text-decoration: underline; }
.lms li > ul { margin: 2px 0 6px 14px; }
.lms li > ul li { font-size: 13px; color: var(--lm-muted); }
.lms li > ul li a { color: #2c4a70; }
.lms__brand { font-weight: 700; }
.lms__count { color: var(--lm-muted); font-weight: 400; font-size: 12px; }
@media (min-width: 768px) { .lms__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .lms__grid { grid-template-columns: 1fr 1fr 1fr; } }

/* ===== Страница «Гарантии и оригинальность» ===== */
.lmg { max-width: 1100px; color: var(--lm-ink); }
.lmg__lead { margin: 0 0 22px; font-size: 15px; line-height: 1.6; color: var(--lm-muted); max-width: 72ch; }
.lmg__grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 34px; }
.lmg__card { position: relative; padding: 18px 20px 16px; border: 1px solid var(--lm-line); border-radius: 14px; background: #fff; }
.lmg__num { font-size: 12px; font-weight: 800; letter-spacing: .12em; color: var(--lm-acc); margin-bottom: 8px; }
.lmg__title { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.lmg__card p { margin: 0 0 8px; font-size: 14px; line-height: 1.55; color: var(--lm-ink-2); }
.lmg__card p:last-child { margin-bottom: 0; }
.lmg__card a { color: var(--lm-navy); font-weight: 600; text-decoration: none; }
.lmg__card a:hover { text-decoration: underline; }
.lmg__h2 { font-size: 20px; font-weight: 700; margin: 0 0 12px; }
.lmg__faq { margin-bottom: 26px; }
.lmg__faq-item { border-bottom: 1px solid var(--lm-line); }
.lmg__faq-item summary { list-style: none; cursor: pointer; padding: 13px 34px 13px 0; font-weight: 700; font-size: 14px; position: relative; min-height: 44px; }
.lmg__faq-item summary::-webkit-details-marker { display: none; }
.lmg__faq-item summary::after { content: "+"; position: absolute; right: 8px; top: 10px; font-size: 20px; color: var(--lm-navy); }
.lmg__faq-item[open] summary::after { content: "–"; }
.lmg__faq-item div { padding: 0 0 14px; font-size: 14px; line-height: 1.6; color: var(--lm-ink-2); max-width: 78ch; }
.lmg__contacts { font-size: 14px; color: var(--lm-muted); }
@media (min-width: 700px) { .lmg__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .lmg__grid { grid-template-columns: repeat(3, 1fr); } }

/* ===== Пресс-центр ===== */
.lmp { max-width: 900px; color: var(--lm-ink); }
.lmp__lead { margin: 0 0 24px; font-size: 15px; line-height: 1.6; color: var(--lm-muted); max-width: 72ch; }
.lmp__list { display: grid; gap: 14px; margin-bottom: 34px; }
.lmp__item { padding: 18px 20px; border: 1px solid var(--lm-line); border-radius: 14px; background: #fff; }
.lmp__meta { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; margin-bottom: 8px; }
.lmp__source { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--lm-navy); }
.lmp__date { font-size: 12px; color: var(--lm-muted); }
.lmp__title { font-size: 17px; line-height: 1.3; font-weight: 700; margin: 0 0 8px; }
.lmp__title a { color: var(--lm-ink); text-decoration: none; }
.lmp__title a:hover { color: var(--lm-navy); }
.lmp__quote { margin: 0 0 10px; font-size: 14px; line-height: 1.55; color: var(--lm-muted); }
.lmp__link { font-size: 13px; font-weight: 700; color: var(--lm-navy); text-decoration: none; }
.lmp__link:hover { text-decoration: underline; }
/* Пометка о рекламе из самой публикации: набрана мелко и приглушённо — это сноска,
   а не дисклеймер во весь блок (20.09.2026). */
.lmp__ad { margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: var(--lm-muted); }
.lmp__about, .lmp__contacts { margin-bottom: 28px; }
.lmp__about h2, .lmp__contacts h2 { font-size: 18px; font-weight: 700; margin: 0 0 10px; }
.lmp__about ul { list-style: none; margin: 0; padding: 0; }
.lmp__about li { padding: 7px 0 7px 18px; position: relative; font-size: 14px; line-height: 1.5; color: var(--lm-ink-2); }
.lmp__about li::before { content: "" !important; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: var(--lm-acc); }
.lmp__contacts p { font-size: 14px; color: var(--lm-ink-2); margin: 0 0 8px; }
.lmp__contacts-row { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; }
.lmp__contacts-row a { color: var(--lm-navy); font-weight: 700; text-decoration: none; }
.lmp__contacts-row span { color: var(--lm-muted); }

/* реквизиты на странице «Документы»: тот же блок, что был в футере, но на светлом фоне */
.lmf--page { color: var(--lm-ink-2); margin-bottom: 30px; }
.lmf--page .lmf__eyebrow { color: var(--lm-navy); }
.lmf--page .lmf__eyebrow::before { background: var(--lm-acc); }
.lmf--page .lmf__lead { color: var(--lm-ink); }
.lmf--page .lmf__lead strong { color: var(--lm-ink); }
.lmf--page .lmf__text { color: var(--lm-muted); }
.lmf--page .lmf__points li { border-color: var(--lm-line); color: var(--lm-muted); background: var(--lm-bg); }
.lmf--page .lmf__dl > div { border-bottom-color: #e7ecf3; }
.lmf--page .lmf__dl dt { color: var(--lm-muted); }
.lmf--page .lmf__dl dd { color: var(--lm-ink); }
.lmf--page a { color: var(--lm-navy); }
.lmf__next { font-size: 20px; font-weight: 700; margin: 0 0 12px; }

/* ===== Партнёрские страницы (/partners/, /partners/alleya-group/) ===== */
.lmpt { max-width: 1100px; color: var(--lm-ink); }
.lmpt__lead { margin: 0 0 22px; font-size: 15px; line-height: 1.6; color: var(--lm-muted); max-width: 74ch; }
.lmpt__grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 30px; }
.lmpt__card { padding: 18px 20px; border: 1px solid var(--lm-line); border-radius: 14px; background: #fff; }
.lmpt__card h2 { font-size: 17px; font-weight: 700; margin: 0 0 8px; }
.lmpt__card p { margin: 0 0 8px; font-size: 14px; line-height: 1.55; }
.lmpt__card p:last-child { margin-bottom: 0; }
.lmpt__card ul { list-style: none; margin: 0 0 8px; padding: 0; }
.lmpt__card li { position: relative; padding: 5px 0 5px 16px; font-size: 14px; line-height: 1.5; }
.lmpt__card li::before { content: "" !important; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: var(--lm-acc); }
.lmpt__card a { color: var(--lm-navy); font-weight: 600; text-decoration: none; }
.lmpt__card a:hover { text-decoration: underline; }
.lmpt__h2 { font-size: 20px; font-weight: 700; margin: 0 0 12px; }
.lmpt__brands { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.lmpt__brand {
	display: flex; flex-direction: column; gap: 2px; min-width: 150px; padding: 12px 16px;
	border: 1px solid var(--lm-line); border-radius: var(--lm-r-md); background: #fff; text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.lmpt__brand:hover { border-color: var(--lm-navy); box-shadow: 0 12px 26px -20px rgba(0, 51, 107, .8); }
.lmpt__brand-name { font-size: 15px; font-weight: 700; color: var(--lm-ink); }
.lmpt__brand-country { font-size: 12px; color: var(--lm-muted); }
.lmpt__note { font-size: 13px; color: var(--lm-muted); margin: 0 0 28px; max-width: 74ch; }
.lmpt__note a, .lmpt__foot a { color: var(--lm-navy); font-weight: 600; text-decoration: none; }
.lmpt__foot { background: var(--lm-bg); border-radius: 14px; padding: 18px 20px; }
.lmpt__foot h2 { font-size: 17px; font-weight: 700; margin: 0 0 8px; }
.lmpt__foot p { margin: 0 0 8px; font-size: 14px; line-height: 1.55; }
.lmpt__foot p:last-child { margin-bottom: 0; }
@media (min-width: 700px) { .lmpt__grid { grid-template-columns: repeat(3, 1fr); } }


/* ——— пустые звёзды рейтинга ————————————————————————————————————————
   Отзывов на сайте пока нет, и Aspro на каждом товаре рисует пять серых звёзд
   с подсказкой «Нет оценок». Покупатель читает это как «оценка ноль из пяти»,
   что хуже, чем отсутствие оценки. Прячем звёзды там, где оценок нет;
   как только появится первый отзыв, блок покажется сам.
   Фальшивую разметку aggregateRating при этом вырезает lm74_global_css.php. */
.votes_block .inner_rating[title="Нет оценок"],
.item-rating[title="Нет оценок"] { display: none !important; }
.votes_block:has(.inner_rating[title="Нет оценок"]) { display: none !important; }

/* колонка «Контакты» (14.10.2026): те же строки-ссылки, что в колонках-меню, — тот же шаг и цвет */
.footer-v1 .lmf5__links { list-style: none; margin: 0; padding: 0; }
.footer-v1 .lmf5__links > li { margin: 0 !important; padding: 5px 0 !important; font-size: 14px; line-height: 1.45; }
.footer-v1 .lmf5__links > li:first-child { padding-top: 0 !important; }
.footer-v1 .lmf5__links > li::before { content: none !important; display: none !important; }
.footer-v1 .lmf5__links a, .footer-v1 .lmf5__links .callback-block { color: rgba(255, 255, 255, .66) !important; font-weight: 500; font-size: 14px; text-decoration: none; cursor: pointer; }
.footer-v1 .lmf5__links a[href^="tel:"] { color: var(--lm-white) !important; font-weight: 700; }
.footer-v1 .lmf5__links a:hover, .footer-v1 .lmf5__links a:focus-visible, .footer-v1 .lmf5__links .callback-block:hover { color: var(--lm-acc) !important; }
.footer-v1 .lmf5__links .callback-block { color: var(--lm-acc) !important; font-weight: 600; }
.footer-v1 .lmf5__sub { display: block; font-size: 12px; color: rgba(255, 255, 255, .45); }

/* 14.10.2026, Тим: «прижми к границе в футере лого + блоки». Над строкой с логотипом было
   ~110 px пустоты: .footer-inner (59 px) + .footer_top (44 px) из темы Aspro. Один отступ — 32 px. */
.footer-v1 .footer-inner { padding-top: 32px !important; }
.footer-v1 .footer_top { padding-top: 0 !important; }
.footer-v1 .lmf-brand { margin-top: 0 !important; }
@media (max-width: 767px) { .footer-v1 .footer-inner { padding-top: 24px !important; } }

/* 14.10.2026: подпись студии в нижней строке футера (include/footer/copy/dev5.php) */
.footer-v1 .lmf-dev5 { margin-left: auto !important; display: inline-flex !important; align-items: center; gap: 10px; color: rgba(255, 255, 255, .5) !important; font-size: 12px !important; white-space: nowrap; }
.footer-v1 .lmf-dev5 a { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; border-bottom: 0 !important; }
.footer-v1 .lmf-dev5 b { font: 700 16px/1 var(--lm-body); letter-spacing: -.01em; }
.footer-v1 .lmf-dev5 a:hover b { color: #ff5a3c; }
.footer-v1 .lmf-dev5 svg { width: 28px; height: 28px; display: block; }
@media (max-width: 767px) { .footer-v1 .lmf-dev5 { margin-left: 0 !important; margin-top: 8px; } }

/* 14.10.2026, Тим: «выровни, смещение вправо от линии». У темы Aspro .second_bottom_menu
   стоит margin-left: 50px, .third_bottom_menu — 15px: ссылки «Покупателю» и «Подбор и помощь»
   уезжали вправо от заголовка колонки. Все колонки — от одной линии. */
.footer-v1 .lmf5 .second_bottom_menu,
.footer-v1 .lmf5 .third_bottom_menu,
.footer-v1 .lmf5 .first_bottom_menu,
.footer-v1 .lmf5 .fourth_bottom_menu { margin-left: 0 !important; padding-left: 0 !important; }

/* ══ Иллюстрация статической страницы (16.10.2026, Шедеврум) ════════════════════════════
   Широкая полоса над содержимым: кадр 16:9 обрезан по высоте, лица в кадре у всех снимков
   в верхней половине — держим кадр выше центра. */
.lm74-pagepic { position: relative; margin: 0 0 36px; border-radius: 20px; overflow: hidden; background: #0a2247;
  box-shadow: 0 24px 48px -32px rgba(10, 34, 71, .55); }
.lm74-pagepic img { display: block; width: 100%; height: clamp(220px, 27vw, 380px); object-fit: cover; object-position: 50% 35%; }
.lm74-pagepic::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(10, 34, 71, 0) 55%, rgba(10, 34, 71, .35)); box-shadow: inset 0 -4px 0 var(--lm-acc); }
@media (max-width: 767px) { .lm74-pagepic { margin: 0 0 24px; border-radius: 14px; } .lm74-pagepic img { height: 210px; } }
.lm74-pagepic img { object-position: 50% 22%; }
.lm74-pagepic img[src*="/pages/return"] { object-position: 50% 0; }

/* голосовой поиск (script.js, 16.10.2026) */
.lmvoice { position: absolute; z-index: 3; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
  padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--lm-navy, #0c2b57); cursor: pointer; transition: background .15s, color .15s; }
.lmvoice:hover { background: rgba(12, 43, 87, .08); }
.lmvoice:focus-visible { outline: 2px solid var(--lm-acc, #ffb703); outline-offset: 1px; }
.lmvoice.is-rec { background: #e5484d !important; color: #fff !important; animation: lmvoice-pulse 1.2s ease-out infinite; }
@keyframes lmvoice-pulse { 0% { box-shadow: 0 0 0 0 rgba(229, 72, 77, .45); } 100% { box-shadow: 0 0 0 6px rgba(229, 72, 77, 0); } }
@media (prefers-reduced-motion: reduce) { .lmvoice.is-rec { animation: none; } }
/* на тёмном фоне (полоса-призыв, закреплённая шапка) микрофон светлый */
/* кнопки соседних форм (полоса «найти масло») растягивали микрофон своими стилями — держим размер */
button.lmvoice { width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none; font-size: 0 !important; }
button.lmvoice:not(.is-rec) { background: transparent !important; color: var(--lm-navy, #0c2b57) !important; }
button.lmvoice:not(.is-rec):hover { background: rgba(12, 43, 87, .08) !important; }
.lmvoice-hint { position: fixed; z-index: 4000; width: 260px; padding: 10px 12px; border-radius: 10px; background: #0a1224; color: #fff; font: 500 13px/1.4 var(--lm-body, sans-serif); box-shadow: 0 12px 30px -10px rgba(0, 0, 0, .5); }

/* lm74 18.10.2026 — мик в поиске: круглый, с зазором до «Найти», кольцо записи не налезает на кнопку */
button.lmvoice { border-radius: 50% !important; }
.lmv-band__search { overflow: hidden; }