/* Мелкие правки темы на всём сайте (все устройства) — владелец 30.09: «3. Поправить», «5. Заменяй».
   Подключается блоком insale.head с ?v=. Копия и возврат: /srv/backup/правки-30-09-…/вернуть.sh */

/* ---------- «Поделиться»: круглые кнопки вместо виджета Яндекса (шаблон product/t18-share.html) ---------- */
.t18-share-list { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.t18-share { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%;
  color: #fff !important; text-decoration: none; transition: transform .15s ease, filter .15s ease; }
.t18-share svg { width: 18px; height: 18px; fill: currentColor; color: #fff; }
.t18-share:hover { transform: translateY(-1px); filter: brightness(1.08); }
.t18-share:focus-visible { outline: 3px solid #3B82F6; outline-offset: 2px; }
.t18-share_telegram { background: #2AABEE; }
.t18-share_whatsapp { background: #25D366; }
.t18-share_max { background: #7C5CFF; }   /* цвет как у значка MAX в шапке сайта */
.t18-share_vk { background: #0077FF; }
.t18-share_ok { background: #EE8208; }
.t18-share_viber { background: #7360F2; }
.product__top-share-icon .t18-share-list { justify-content: center; }

/* ---------- скрытые всплывающие подсказки не выходят за правый край страницы ----------
   Тема прячет их прозрачностью, но их невидимые коробки торчали за экран: страница «ездила» вбок
   (главная и блог — 18 px, шапка на 1081–1280 — 5 px, телефон 360 — 10 px). Теперь в скрытом состоянии их нет,
   показываются при том же наведении, что и раньше. */
.news-v-1__author-name { display: none; }
.news-v-1__author:hover .news-v-1__author-name { display: block; }
.header .c-hicon__name, .h-fix .c-hicon__name { display: none; }
.header .hicon:hover .c-hicon__name, .header .s-hicon:hover .c-hicon__name, .header .c-hicon:hover .c-hicon__name,
.h-fix .hicon:hover .c-hicon__name, .h-fix .s-hicon:hover .c-hicon__name, .h-fix .c-hicon:hover .c-hicon__name { display: block; }
.header .mcart__items, .h-fix .mcart__items { display: none; }
.header .hicon:hover .mcart__items, .header .s-hicon:hover .mcart__items, .header .mcart_active:hover .mcart__items,
.h-fix .hicon:hover .mcart__items, .h-fix .s-hicon:hover .mcart__items, .h-fix .mcart_active:hover .mcart__items { display: block; }
.product__bonus-info-drop { display: none; }
.product__bonus-info:hover .product__bonus-info-drop { display: block; }

/* ---------- «Выберите раздел» на главной: ссылки подразделов читаемые (владелец 01.10: «Да, поправь») ----------
   В теме #808080 на пастельных плитках — контраст 2,66–3,11 при норме 4,5; #374151 — 6,8–7,1. */
.bg-categ__item a { color: #374151; }

/* ---------- Unbounded везде (владелец 01.10: «Unbounded везде») ----------
   Плагины «Купить в 1 клик» (buy1click — Roboto с !important) и доставки (dp — свой Roboto) ставят свой шрифт кнопкам, окну
   быстрого заказа и блокам доставки. Здесь — шрифт сайта (переменная темы --font-family): тот же селектор с приставкой html + !important. */
html .buy1click-button, html .buy1click-form-button, html .buy1click-form, html .buy1click-form *, html .buy1click-input-text,
html .buy1click-select.jq-selectbox .jq-selectbox__search input,
html .dp-product, html .dp-product *, html .dp-page, html .dp-page *, html .dp-balloon, html .dp-balloon *,
html [class^="plugin_pricedown"], html [class^="plugin_pricedown"] *, html [class*=" plugin_pricedown"], html [class*=" plugin_pricedown"] * { font-family: var(--font-family) !important; }   /* + окно «Сообщить, когда подешевеет» (у плагина Arial) */

/* ---------- Unbounded везде: знаки, которых нет в наборах шрифта темы (01.10, «Проверь… везде ли этот шрифт») ----------
   «₽»: в наборах Unbounded темы (latin, cyrillic от Google Fonts) знака рубля нет — браузер рисовал его системным шрифтом у каждой цены.
   unbounded-rub.woff2 — тот же Unbounded (набор latin-ext Google Fonts, SIL OFL), урезан до одного знака «₽», 1 КБ. */
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(unbounded-rub.woff2) format('woff2'); unicode-range: U+20BD; }
/* «✖» (закрыть/очистить) в окнах выбора города — знака нет в Unbounded: вместо него «×» шрифтом сайта */
html .shop-regions-confirm-window__close-btn, html .shop-regions-window__close-btn, html .shop-regions-window-search__clear-btn { font-size: 0 !important; }
html .shop-regions-confirm-window__close-btn::before, html .shop-regions-window__close-btn::before, html .shop-regions-window-search__clear-btn::before {
  content: "\00D7"; font-size: 22px; line-height: 1; font-family: var(--font-family); }
/* У знака рубля в теме свой шрифт (.ruble — «ALSRubl-Arial», Arial): знак — шрифтом сайта (из файла выше) */
html .ruble { font-family: var(--font-family) !important; }
/* Стрелки «→ ←» (их нет в Unbounded): постраничная навигация и капча — уголки «› ‹» шрифтом сайта */
html .pagin .inline-link, html .wa-captcha strong { font-size: 0 !important; }
html .pagin li:last-child .inline-link::before, html .wa-captcha strong::before { content: "\203A"; font-size: 18px; line-height: 1; font-family: var(--font-family); }
html .pagin li:first-child .inline-link::before { content: "\2039"; font-size: 18px; line-height: 1; font-family: var(--font-family); }

/* ---------- Подразделы на странице раздела — каруселью на компьютере (01.10) ----------
   До запуска карусели плитки сразу в одну строку (как .h-categ__slider темы), чтобы страница не прыгала из двух рядов в один. */
.t18-sub-slider { flex-wrap: nowrap; overflow: hidden; }

/* 02.10: при ширине 1081–1280 правило темы «.h-categ_c .h-categ__item { width: calc(16.66% - 20px) }» перебивало ширину плитки
   в карусели (плитка сжималась до 6,5 px) — внутри запущенной карусели плитка всегда во всю ячейку. */
html .h-categ__slider_active .h-categ__item { width: 100%; height: 100%; margin: 0; }

/* ---------- Главная при ширине 1081–1280 (02.10, предзапуск): без горизонтальной прокрутки ----------
   1) Ряд преимуществ: значок над текстом — как тема делает до 1080 (в строку пять пунктов не помещались, пятый обрезался).
   2) Карусель разделов: отступ под тень 20 px был больше поля страницы (15 px) — вылезала на 5 px. */
@media screen and (min-width: 1081px) and (max-width: 1280px) {
  html .promo__item { align-items: center; flex-direction: column; text-align: center; }
  html .promo__icon { margin-right: 0; margin-bottom: 10px; }
  html .c-categ__wrap.c-categ__slider_active .owl-stage-outer { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }
}

/* ---------- 02.10, предзапуск: плавающий сдвиг шапки на главной (CLS 0,15 в части загрузок) ----------
   Средний ряд шапки на компьютере всегда 52 px (логотип), но до прихода шрифта/логотипа блоки были 48 px — страница прыгала на 4 px. */
@media screen and (min-width: 1081px) { html .header__midd-block { min-height: 52px; } }
/* «Оставить отзыв» (пустая звезда + ссылка) в карточке: формы отзыва на сайте пока нет (плагин отзывов без формы) — вела в никуда. */
html .product__rating { display: none !important; }
/* Пустые блоки соцсетей и мессенджеров в верхней строке шапки (ссылки убраны 02.10 до настоящих) рисовали лишние разделители « | | ». */
html .header__top-share:not(:has(a)), html .header__top-social:not(:has(a)), html .share:empty, html .soz:empty { display: none !important; }

/* 03.10: слайдер акций на главной — текст нарисован на картинках «Баннеров», подпись темы поверх слайда не показываем (alt остаётся) */
html .h-slider .h-slider__content { display: none !important; }

/* 03.10: заглушка 18+ без моргания — затемнение с первого кадра, пока user.js не нарисует окно; класс снимает кнопка «Мне есть 18».
   Страховка: если скрипт не отработал, через 8 с затемнение исчезает само. */
html.t18-vozrast::before { content: ""; position: fixed; inset: 0; z-index: 99999; background: rgba(24, 14, 20, 0.92); animation: t18-vozrast-uhod 0s 8s forwards; }
@keyframes t18-vozrast-uhod { to { opacity: 0; visibility: hidden; } }

/* 03.10: три баннера главной на телефоне — друг под другом (тема ставит три в ряд при любой ширине, текст в картинках стал бы нечитаем). Только блок banner_three. */
@media (max-width: 767px) { html .in-blocks__item-banner_three .promo-img { flex-wrap: wrap; } html .in-blocks__item-banner_three .promo-img__item { width: calc(100% - 10px); margin-top: 12px; } html .in-blocks__item-banner_three .promo-img__item:first-child { margin-top: 0; } }