/* Start:/bitrix/templates/bustokratia2026/components/bitrix/catalog/bustokratia/style.css?178567530310307*/
/* bitrix:catalog / bustokratia — доп. стили поверх /new-catalog/category.css
   Канон: ~/Design_System/design.md (Canvas #FAF7F2, graphite #1C1A17,
   Spectral + Geologica, square-радиусы, 4pt spacing). Без розового/терракота-light. */

/* Реальные фото в карточках листинга и галерее */
.ph { position: relative; overflow: hidden; }
.ph img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover; display: block;
}

/* ===== Рескин штатного smart.filter (.default) под канон ===== */
.nc-filter .bx_filter { font-family: 'Geologica', system-ui, sans-serif; }
/* убить голубую тему .default (bx_blue) — фон Canvas, никаких синих */
.nc-filter .bx_filter,
.nc-filter .bx_filter.bx_blue,
.nc-filter .bx_filter_section,
.nc-filter .bx_filter_vertical,
.nc-filter .bx_filter_horizontal {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.nc-filter .bx_filter .bx_filter_section { padding: 0 !important; }
.nc-filter .bx_filter_title { color: var(--stone) !important; }
.nc-filter .bx_filter_container_title,
.nc-filter .bx_filter_parameters_box_title span { color: var(--stone) !important; }
.nc-filter .bx_filter checkbox, .nc-filter .bx_filter input[type="checkbox"] { accent-color: var(--graphite); }
.nc-filter .bx_ui_slider_track,
.nc-filter .bx_ui_slider_part { background: var(--line) !important; border-color: var(--line) !important; }
.nc-filter .bx_ui_slider_pricebar_V,
.nc-filter .bx_ui_slider_pricebar_VD,
.nc-filter .bx_ui_slider_pricebar_VN { background: var(--graphite) !important; }
.nc-filter .bx_ui_slider_range .bx_ui_slider_handle,
.nc-filter .bx_ui_slider_handle.left,
.nc-filter .bx_ui_slider_handle.right { background: var(--graphite) !important; border: none !important; }
.nc-filter .bx_filter_param_text { color: inherit; font-size: 13px; }
.nc-filter .bx_filter .bx_filter_section {
	background: transparent; border: none; padding: 0; border-radius: 0;
}
.nc-filter .bx_filter_title {
	font-family: 'Geologica'; font-weight: 500; font-size: 12px;
	letter-spacing: .08em; text-transform: uppercase;
	color: var(--stone); padding: 0 0 12px; background: none;
}
.nc-filter .bx_filter_parameters_box {
	border: none; background: none; padding: 0 24px 0 0; vertical-align: top;
}
.nc-filter .bx_filter_parameters_box_title {
	font-family: 'Geologica'; font-weight: 500; font-size: 12px;
	letter-spacing: .08em; text-transform: uppercase; color: var(--stone);
	background: none; padding: 6px 0;
}
.nc-filter .bx_filter_parameters_box_title:hover { color: var(--graphite); }
.nc-filter .bx_filter_block { padding: 6px 0 14px; }
.nc-filter .bx_filter_param_label {
	font-family: 'Geologica'; font-size: 13px; color: var(--graphite);
	background: #fff; border: 1px solid var(--line); border-radius: var(--radius-btn);
	padding: 6px 10px; margin: 0 6px 6px 0; display: inline-flex; align-items: center;
	cursor: pointer; transition: border-color .2s ease-out;
}
.nc-filter .bx_filter_param_label:hover { border-color: var(--graphite); }
.nc-filter .bx_filter_param_label.selected,
.nc-filter .bx_filter_input_checkbox input:checked + .bx_filter_param_text {
	color: var(--canvas);
}
.nc-filter .bx_filter_param_label.selected {
	background: var(--graphite); color: var(--canvas); border-color: var(--graphite);
}
.nc-filter .bx_filter_input_container input,
.nc-filter input[type="text"] {
	font-family: 'Geologica'; font-size: 13px; color: var(--graphite);
	background: #fff; border: 1px solid var(--line); border-radius: var(--radius-btn);
	padding: 8px 10px; outline: none;
}
.nc-filter input[type="text"]:focus { border-color: var(--graphite); }
.nc-filter .bx_ui_slider_track { background: var(--line); }
.nc-filter .bx_ui_slider_pricebar_VD,
.nc-filter .bx_ui_slider_pricebar_V { background: var(--graphite) !important; }
.nc-filter .bx_ui_slider_handle {
	background: var(--graphite); border-radius: 2px;
}
.nc-filter .bx_filter_search_button,
.nc-filter .bx_filter_button_box .btn {
	font-family: 'Geologica'; font-weight: 500; font-size: 13px;
	background: var(--graphite); color: var(--canvas);
	border: 1px solid var(--graphite); border-radius: var(--radius-btn);
	padding: 10px 18px; cursor: pointer; text-shadow: none; box-shadow: none;
	background-image: none;
}
.nc-filter .bx_filter_search_button:hover { opacity: .88; }
.nc-filter .bx_filter_search_reset {
	font-family: 'Geologica'; font-size: 13px; color: var(--stone);
	background: none; border: none; text-decoration: underline;
	text-underline-offset: 2px; cursor: pointer; box-shadow: none; background-image: none;
}
.nc-filter .bx_filter_popup_result {
	font-family: 'Geologica'; font-size: 13px;
	background: var(--graphite); color: var(--canvas);
	border: none; border-radius: var(--radius-btn); box-shadow: none;
}
.nc-filter .bx_filter_popup_result a { color: var(--canvas); }
.nc-filter .bx_filter_popup_result .arrow { display: none; }

/* ===== Рескин smart.filter: актуальные классы с дефисами (bx-filter-*) ===== */
.nc-filter .bx-filter { font-family: 'Geologica', system-ui, sans-serif; }
.nc-filter .bx-filter .bx-filter-section {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.nc-filter .bx-filter-title {
	font-family: 'Geologica' !important; font-weight: 500 !important;
	font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase;
	color: var(--stone) !important;
}
.nc-filter .bx-filter .bx-filter-parameters-box-title,
.nc-filter .bx-filter .bx-filter-parameters-box-title:hover,
.nc-filter .bx-filter a,
.nc-filter .bx-filter .bx-filter-container-modef-num {
	color: var(--graphite) !important;
	font-family: 'Geologica' !important;
}
.nc-filter .bx-filter .bx-filter-parameters-box-title {
	font-weight: 500; font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--stone) !important;
}
.nc-filter .bx-filter .bx-filter-parameters-box-title span,
.nc-filter .bx-filter .bx-filter-parameters-box-title i,
.nc-filter .bx-filter .bx-filter-parameters-box-hint {
	color: var(--stone) !important;
}
.nc-filter .bx-filter .bx-filter-block { padding-top: 6px; }
.nc-filter .bx-filter-param-label { font-family: 'Geologica'; font-size: 13px; color: var(--graphite); }
.nc-filter .bx-filter input[type="text"] {
	font-family: 'Geologica'; font-size: 13px; color: var(--graphite);
	background: #fff !important; border: 1px solid var(--line) !important;
	border-radius: var(--radius-btn) !important; box-shadow: none !important;
}
.nc-filter .bx-filter input[type="text"]:focus { border-color: var(--graphite) !important; }
/* слайдер цены: графит вместо синего */
.nc-filter .bx-ui-slider-track { background: var(--line) !important; }
.nc-filter .bx-ui-slider-part { background: transparent !important; border-color: var(--line) !important; }
.nc-filter .bx-ui-slider-part span { color: var(--stone) !important; font-family: 'Geologica'; }
.nc-filter .bx-ui-slider-pricebar-v { background: var(--graphite) !important; }
.nc-filter .bx-ui-slider-pricebar-vd,
.nc-filter .bx-ui-slider-pricebar-vn { background: var(--line) !important; }
.nc-filter .bx-ui-slider-handle { filter: grayscale(1) contrast(1.5); }
/* чекбоксы и цветовые свотчи */
.nc-filter .bx-filter-input-checkbox input:checked + .bx-filter-param-text { color: var(--graphite); font-weight: 500; }
.nc-filter .bx-filter .bx-filter-param-btn.bx-active,
.nc-filter .bx-filter .bx-filter-select-container.bx-active { border-color: var(--graphite) !important; }
/* кнопки Показать / Сбросить */
.nc-filter .bx-filter .btn.btn-themes,
.nc-filter .bx-filter .bx-filter-search-button .btn,
.nc-filter .bx-filter button[type="submit"],
.nc-filter .bx-filter input[type="submit"] {
	font-family: 'Geologica' !important; font-weight: 500; font-size: 13px;
	background: var(--graphite) !important; color: var(--canvas) !important;
	border: 1px solid var(--graphite) !important; border-radius: var(--radius-btn) !important;
	box-shadow: none !important; text-shadow: none !important; background-image: none !important;
}
.nc-filter .bx-filter .btn.btn-link {
	background: none !important; color: var(--stone) !important;
	border: none !important; text-decoration: underline; text-underline-offset: 2px;
}
/* всплывашка «Показать N товаров» */
.nc-filter .bx-filter-popup-result {
	font-family: 'Geologica' !important; font-size: 13px !important;
	background: var(--graphite) !important; color: var(--canvas) !important;
	border: none !important; border-radius: var(--radius-btn) !important; box-shadow: none !important;
}
.nc-filter .bx-filter-popup-result a { color: var(--canvas) !important; }
.nc-filter .bx-filter-popup-result .arrow,
.nc-filter .bx-filter-popup-result .arrow:after { display: none !important; }

.gal-thumb { cursor: pointer; }

/* пустой результат/сообщения catalog.section */
.nc-empty {
	font-family: 'Geologica'; font-size: 14px; color: var(--stone);
	padding: 32px 0;
}

@media (prefers-reduced-motion: reduce) {
	.nc-filter * { transition: none !important; }
}

/* --- фаза 2: плитки разделов на корне /new-catalog/ --- */
.nc-root-cats{padding:var(--space-md) 0 var(--space-2xl)}
.nc-root-cats .cat .ph{aspect-ratio:1/1}
.nc-root-cats .cat .ph img{position:static;width:100%;height:100%;object-fit:contain;display:block}
.nc-root-cats .cat .ph{display:flex;align-items:center;justify-content:center;background:var(--cream);overflow:hidden}
.nc-root-cats .cat .ph span{font-family:'Spectral',Georgia,serif;font-size:15px;color:var(--stone);padding:12px;text-align:center}
.nc-root-cats .cat{transition:border-color var(--dur-base) var(--ease-out)}
.nc-root-cats .cat:hover{border-color:var(--graphite)}
@media (min-width:768px){.nc-root-cats .cats{grid-template-columns:repeat(3,1fr);gap:16px}}
@media (min-width:1100px){.nc-root-cats .cats{grid-template-columns:repeat(4,1fr);gap:20px}}
@media (prefers-reduced-motion:reduce){.nc-root-cats .cat{transition-duration:.001ms !important}}

/* End */


/* Start:/bitrix/templates/bustokratia2026/components/bitrix/catalog.smart.filter/bustokratia/style.css?17856728985183*/
/* Умный фильтр — рескин под канон Design MD (Canvas #FAF7F2 / Graphite #1C1A17 /
   Terracotta #5D2A1A / Iris #4A2E4A, радиусы БК, шкала 4pt).
   Классы .fopt/.filter-* совпадают с одобренным прототипом /new-home/category.html —
   базовые правила уже лежат в /new-catalog/category.css, здесь только то, чего там нет,
   и то, что нужно штатному JS фильтра. Розовый и светлый терракот не используются. */

/* ── скрытые «настоящие» чекбоксы размеров ───────────────────────────────── */
.nc-size-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ── чип-значение обычного свойства (label + скрытый checkbox) ───────────── */
.fopt{display:inline-flex;align-items:center;position:relative}
.fopt .fopt-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.fopt .fopt-t{display:inline-flex;align-items:baseline;gap:5px;line-height:1}
.fopt .fopt-n{font-size:11px;color:#A8A199}
.fopt.is-active,.fopt.is-active .fopt-n{color:var(--canvas)}
.fopt.is-active .fopt-n{opacity:.72}
/* «disabled» приходит от штатного script.js, «is-off» — производное для пояса/чашки */
.fopt.disabled,.fopt.is-off{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.fopt.disabled:hover,.fopt.is-off:hover{border-color:var(--line)}
.fopt:focus-within{outline:2px solid var(--terra);outline-offset:2px}

/* ── ползунок цены (штатный BX.Iblock.SmartFilter, перекрашен) ───────────── */
.filter-group--price .price-range{max-width:none}
.nc-slider{margin:18px 4px 0;padding-bottom:2px}
.bx-ui-slider-track{position:relative;height:2px;background:var(--line);border-radius:2px}
.bx-ui-slider-pricebar-vd,.bx-ui-slider-pricebar-vn,.bx-ui-slider-pricebar-v{position:absolute;top:0;height:2px}
.bx-ui-slider-pricebar-vd{background:var(--line)}
.bx-ui-slider-pricebar-vn{background:var(--line)}
.bx-ui-slider-pricebar-v{background:var(--graphite)}
.bx-ui-slider-range{position:absolute;top:0;height:2px}
.bx-ui-slider-handle{position:absolute;top:-8px;width:18px;height:18px;background:var(--canvas);
  border:1px solid var(--graphite);border-radius:var(--radius-btn);cursor:ew-resize;display:block;z-index:2}
.bx-ui-slider-handle.left{margin-left:-9px}
.bx-ui-slider-handle.right{margin-right:-9px}
.bx-ui-slider-handle:hover{background:var(--graphite)}
.bx-ui-slider-part{display:none}

/* ── кнопки действий ────────────────────────────────────────────────────── */
.nc-smartfilter .filter-actions{align-items:center;flex-wrap:wrap}
.nc-smartfilter .btn-primary{border:1px solid var(--graphite);cursor:pointer;font-family:'Geologica',system-ui,sans-serif;
  font-weight:500;border-radius:var(--radius-btn);background:var(--graphite);color:var(--canvas)}
.nc-smartfilter .btn-primary[disabled]{opacity:.5;cursor:progress}
.nc-smartfilter .filter-reset{padding:10px 0}
.nc-found{font-family:'Geologica',system-ui,sans-serif;font-size:13px;color:var(--stone);margin-left:auto}
.nc-found #modef_num{color:var(--graphite);font-weight:500}
.nc-found a{color:var(--terra);margin-left:8px;text-underline-offset:2px}
.nc-found .arrow{display:none}

/* ── мобильная выезжающая панель ────────────────────────────────────────── */
.nc-filter-head{display:none}
@media (max-width:767px){
  .filters{position:fixed;inset:0;z-index:120;background:var(--canvas);overflow-y:auto;
    padding:0 0 96px;border:0;transform:translateY(8px);opacity:0;pointer-events:none;
    transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
  body.nc-filter-open{overflow:hidden}
  body.nc-filter-open .filters{transform:none;opacity:1;pointer-events:auto}
  .nc-filter-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;
    background:var(--canvas);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:var(--space-md)}
  .nc-filter-head h2{font-family:'Spectral',Georgia,serif;font-weight:400;font-size:var(--text-lg);color:var(--graphite)}
  .nc-filter-close{background:none;border:0;font-size:22px;line-height:1;color:var(--stone);cursor:pointer;padding:4px 8px}
  .nc-smartfilter .filter-actions{position:fixed;left:0;right:0;bottom:0;background:var(--canvas);
    border-top:1px solid var(--line);padding:12px 20px;margin:0;gap:12px}
  .nc-smartfilter .btn-primary{flex:1}
  .nc-found{display:none !important}
}
@media (prefers-reduced-motion:reduce){
  .filters{transition-duration:.001ms !important;transform:none !important}
}

/* End */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog/bustokratia/style.css?178567530310307 */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog.smart.filter/bustokratia/style.css?17856728985183 */