/* 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 */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog/bustokratia/style.css?178567530310307 */