/* Иконки разделов сайдбара.
   Картинки — Noto Emoji (Google), лицензия Apache 2.0, копия в /i/icons/LICENSE.txt.
   Видимая атрибуция на сайте не требуется, достаточно текста лицензии рядом с файлами.
   Прежние .i1-.i5 задавались в vw (5vw = 64px при 1280 и 128px при 2560) и висели
   над границей панели (top:-1vw). Здесь размер ограничен сверху через clamp,
   а иконка целиком лежит внутри рамки блока. */
#sidebar .ic-filters,
#sidebar .ic-subscribe,
#sidebar .ic-sostav,#sidebar .ic-buklet,
#sidebar .ic-payment,
#sidebar .ic-delivery,
#sidebar .ic-sklad,
#sidebar .ic-social,
#sidebar .ic-help,
#sidebar .ic-exclusive,
#sidebar .ic-reviews,
#sidebar .ic-order,
#sidebar .ic-price {
	position: absolute;
	left: 16px;
	top: 1vw;
	width: clamp(42px, 3.4vw, 56px);
	height: clamp(42px, 3.4vw, 56px);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
}
/* заголовок отодвигаем ровно на ширину иконки с зазором, а не на 5vw */
/* заголовок отодвигаем на ширину иконки с зазором и центруем по её высоте:
   min-height равен размеру иконки, обе начинаются от одной верхней границы */
#sidebar .section h4 {
	margin: 0 0 14px clamp(70px, 4.8vw, 86px);
	min-height: clamp(42px, 3.4vw, 56px);
	display: flex;
	align-items: center;
}

#sidebar .ic-filters   { background-image: url("/i/icons/n/filters.svg"); }
#sidebar .ic-subscribe { background-image: url("/i/icons/n/subscribe.svg"); }
#sidebar .ic-buklet    { background-image: url("/i/icons/n/buklet.svg"); }
#sidebar .ic-sostav{background-image:url("/i/icons/n/sostav.svg")}
#sidebar .ic-price     { background-image: url("/i/icons/n/price.svg"); }
#sidebar .ic-payment   { background-image: url("/i/icons/n/payment.svg"); }
#sidebar .ic-delivery  { background-image: url("/i/icons/n/delivery.svg"); }
#sidebar .ic-sklad     { background-image: url("/i/icons/n/sklad.svg"); }
#sidebar .ic-social    { background-image: url("/i/icons/n/social.svg"); }
#sidebar .ic-help      { background-image: url("/i/icons/n/help.svg"); }
#sidebar .ic-exclusive { background-image: url("/i/icons/n/exclusive.svg"); }
#sidebar .ic-reviews   { background-image: url("/i/icons/n/reviews.svg"); }
#sidebar .ic-order     { background-image: url("/i/icons/n/order.svg"); }

/* Заголовок блока и текст внутри набирались одним полужирным начертанием
   (MyriadProSemiboldCondensed): заголовок не выделялся, а блок читался тяжёлым.
   Заголовок делаем крупнее, текст переводим на обычное начертание того же
   семейства — MyriadProCondensed объявлен в style.css и уже загружается. */
#sidebar .section h4 { font-size: clamp(22px, 1.8vw, 28px); line-height: 1.2; }
#sidebar .section p,
#sidebar .section li { font-family: 'MyriadProCondensed', 'PT Sans Narrow', Arial, sans-serif; }

/* Кнопка Битрикс24 переехала на место убранного виджета WhatsApp:
   тот стоял в 35px от правого края, виджет по умолчанию отступал на 115px. */
.b24-widget-button-position-bottom-right { right: 20px !important; } /* 20 + собственный отступ виджета 15 = 35, как было у WhatsApp */

/* jQuery UI держит слой .ui-front на z-index:100, и от него же считает инлайновый
   z-index диалога при открытии (_moveToTop ставит база+1, отсюда было 101).
   На сайте выше сотни сидит почти всё: бейджи «Символ года» и «свыше 1 кг» — 990,
   слайдеры — 999, шапка с выбором региона — 1100, плашка акции — 2000. Из-за этого
   окно выбора региона открывалось ПОД бейджами каталога.
   Поднимаем базу; два класса в селекторе — чтобы правило не зависело от того,
   что jquery-ui.min.css подключается после этого файла. Потолок держим ниже
   виджета Битрикс24 (10100), он должен оставаться сверху. */
.ui-widget-overlay.ui-front { z-index: 3000; }
.ui-dialog.ui-front         { z-index: 3010; } /* при открытии станет 3011 инлайном */

/* Выпадашки и подсказки рисуются поверх диалога, иначе внутри окна они уедут под него. */
.ui-selectmenu-menu.ui-front,
.ui-autocomplete.ui-front,
.ui-tooltip.ui-front { z-index: 3020; }

/* 20.08.2026: .section в style-normal.css задан text-align:justify. В широком тексте
   это нормально, а в колонке сайдбара шириной в пару десятков символов выключка
   рвёт строки огромными пробелами. Выравниваем содержимое блоков по левому краю;
   сам .section не трогаем, чтобы не задеть вложенные центрированные элементы. */
#sidebar .section p,
#sidebar .section li { text-align: left; }