

/* 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.element/bustokratia/style.css?178732244217829*/
/* Карточка — блоки фазы 2: «Купить в 1 клик» (попап штатного aspro:oneclickbuy.lite)
   и «С этим покупают». Канон Design MD: Canvas/Graphite/Terracotta/Iris, радиусы БК,
   шкала 4pt, motion-cut. Розовый и светлый терракот не используются. */

/* ── кнопка «в 1 клик» — italic-CTA (единственный italic-CTA модуля) ─────── */
#btn-oneclick em{font-family:'Spectral',Georgia,serif;font-style:italic;color:var(--terra)}
#btn-oneclick[disabled]{opacity:.4;cursor:not-allowed}
#btn-oneclick[disabled] em{color:var(--stone)}

/* ── попап ──────────────────────────────────────────────────────────────── */
.nc-ocb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(28,26,23,.55)}
.nc-ocb[hidden]{display:none}
.nc-ocb-box{position:relative;width:100%;max-width:460px;max-height:88vh;overflow-y:auto;
  background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-card);
  padding:var(--space-lg) var(--space-md) var(--space-md)}
.nc-ocb-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:26px;line-height:1;
  color:var(--stone);cursor:pointer;padding:4px 8px}
.nc-ocb-title{font-family:'Spectral',Georgia,serif;font-weight:400;font-size:var(--text-xl);color:var(--graphite);margin-bottom:6px}
.nc-ocb-title em{font-style:italic;color:var(--iris)}
.nc-ocb-sub{font-size:13px;color:var(--stone);margin-bottom:var(--space-md)}
.nc-ocb-load{font-size:13px;color:var(--stone)}
.nc-ocb-err{font-size:13px;color:var(--terra);margin-bottom:var(--space-xs)}
.nc-ocb-done h3{font-family:'Spectral',Georgia,serif;font-weight:400;font-size:var(--text-lg);color:var(--graphite);margin-bottom:8px}
.nc-ocb-done p{font-size:14px;color:var(--stone)}

/* разметка формы приходит от штатного компонента — приводим её к канону */
.nc-ocb-body .form-group{margin-bottom:var(--space-sm)}
.nc-ocb-body .form-group > label{display:block;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;
  color:var(--stone);margin-bottom:6px;font-weight:500}
.nc-ocb-body label .star{color:var(--terra)}
/* аккордеон «Стоимость доставки» — это виджет боевого шаблона, ему нужен его JS */
.nc-ocb-body .delivery_note_wrapper{display:none}
.nc-ocb-body input[type=text],.nc-ocb-body input[type=tel],.nc-ocb-body input[type=email],.nc-ocb-body textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;
  padding:10px 12px;font-family:'Geologica',system-ui,sans-serif;font-size:14px;color:var(--graphite);outline:none}
.nc-ocb-body input:focus,.nc-ocb-body textarea:focus{border-color:var(--graphite)}
.nc-ocb-body textarea{min-height:80px;resize:vertical}
/* согласие: чекбокс слева, текст обычным регистром */
.nc-ocb-body .form-checkbox{position:relative;padding-left:26px;margin-bottom:var(--space-sm)}
.nc-ocb-body .form-checkbox input[type=checkbox]{position:absolute;left:0;top:2px;width:16px;height:16px;margin:0}
.nc-ocb-body .form-checkbox__label{display:block;text-transform:none;letter-spacing:0;
  font-size:12px;font-weight:400;color:var(--stone);line-height:1.45;margin:0}
.nc-ocb-body .form-checkbox__label a{color:var(--terra);text-underline-offset:2px}

/* кнопки: primary — только сабмит; штатная «Закрыть» остаётся вторичной */
.nc-ocb-body button[type=submit]{width:100%;background:var(--graphite);color:var(--canvas);
  border:1px solid var(--graphite);border-radius:var(--radius-btn);padding:12px 18px;cursor:pointer;
  font-family:'Geologica',system-ui,sans-serif;font-weight:500;font-size:14px;margin-top:var(--space-2xs)}
.nc-ocb-body button[type=submit][disabled]{opacity:.55;cursor:progress}
.nc-ocb-body .jqmClose{width:100%;background:none;color:var(--ink,var(--graphite));
  border:1px solid var(--line);border-radius:var(--radius-btn);padding:12px 18px;cursor:pointer;
  text-align:center;font-family:'Geologica',system-ui,sans-serif;font-weight:400;font-size:14px;margin-top:var(--space-2xs)}
.nc-ocb-body .jqmClose:hover{border-color:var(--graphite)}
.nc-ocb-body .form-header,.nc-ocb-body .form_title,.nc-ocb-body .title{display:none}
.nc-ocb-body img{max-width:100%}

/* ── «С этим покупают» ──────────────────────────────────────────────────── */
.nc-cross{padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--line)}
.nc-cross .products{margin-top:var(--space-md)}

@media (prefers-reduced-motion:reduce){.nc-ocb,.nc-ocb-box{transition-duration:.001ms !important}}

/* ══════════════════════ ФАЗА 3 ══════════════════════ */

/* ── наличие в салонах ──────────────────────────────────────────────────── */
.nc-stores{margin-top:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-card);
  padding:var(--space-sm) var(--space-sm) var(--space-xs);background:#fff}
.nc-stores-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:var(--space-xs)}
.nc-stores-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;
  color:var(--graphite);font-weight:500}
.nc-stores-sub{font-size:12px;color:var(--stone)}
.nc-stores-list{list-style:none;margin:0;padding:0}
.nc-store{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;
  padding:8px 0;border-top:1px solid var(--line)}
.nc-store:first-child{border-top:0}
.nc-store-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:0 0 8px;
  position:relative;top:-1px}
.nc-store[data-has="1"] .nc-store-dot{background:var(--iris)}
.nc-store-name{font-size:14px;color:var(--graphite);font-weight:500}
.nc-store-state{margin-left:auto;font-size:12px;color:var(--stone);text-align:right}
.nc-store[data-has="1"] .nc-store-state{color:var(--iris);font-weight:500}
.nc-store-addr{flex:1 0 100%;padding-left:18px;font-size:12px;color:var(--stone);line-height:1.45}
.nc-store-link{color:var(--terra);text-underline-offset:2px;white-space:nowrap;margin-left:4px}
.nc-stores-foot{font-size:11px;color:var(--stone);line-height:1.45;margin:var(--space-2xs) 0 var(--space-2xs)}
.nc-stores-foot a{color:var(--terra)}
.nc-stores[data-state="idle"] .nc-store-state{opacity:.5}

/* ── ссылка и поповер «Не знаете размер?» ───────────────────────────────── */
.size-hint-link{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:12px;
  color:var(--terra);text-decoration:underline;text-underline-offset:3px;margin-left:10px}
.size-hint-link:hover{color:var(--graphite)}
.nc-sh{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(28,26,23,.55)}
.nc-sh[hidden]{display:none}
.nc-sh-box{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--canvas);
  border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-md) var(--space-md)}
.nc-sh-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:26px;line-height:1;
  color:var(--stone);cursor:pointer;padding:4px 8px}
.nc-sh-title{font-family:'Spectral',Georgia,serif;font-weight:400;font-size:var(--text-xl);color:var(--graphite);margin-bottom:6px}
.nc-sh-title em{font-style:italic;color:var(--iris)}
.nc-sh-sub{font-size:13px;color:var(--stone);margin-bottom:var(--space-md);line-height:1.5}
.nc-sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}
.nc-sh-grid label{display:block;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;
  color:var(--stone);font-weight:500}
.nc-sh-hint{display:block;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400;
  color:var(--stone);line-height:1.4;margin:4px 0 6px}
.nc-sh-box input[type=number]{width:100%;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;
  padding:10px 12px;font-family:'Geologica',system-ui,sans-serif;font-size:15px;color:var(--graphite);outline:none}
.nc-sh-box input[type=number]:focus{border-color:var(--graphite)}
.nc-sh-err{font-size:13px;color:var(--terra);margin-bottom:var(--space-xs)}
.nc-sh-err[hidden]{display:none}
.nc-sh-res{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--line)}
.nc-sh-res[hidden]{display:none}
.nc-sh-size{font-family:'Spectral',Georgia,serif;font-size:40px;line-height:1;color:var(--graphite);margin-bottom:8px}
.nc-sh-why{font-size:13px;color:var(--stone);line-height:1.55;margin-bottom:6px}
.nc-sh-avail{font-size:13px;color:var(--iris);line-height:1.5}
.nc-sh-cta{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}
.nc-sh-note{font-size:11px;color:var(--stone);line-height:1.45;margin-top:var(--space-xs)}
@media(max-width:520px){.nc-sh-grid{grid-template-columns:1fr}}

/* ── отзывы ─────────────────────────────────────────────────────────────── */
.nc-reviews{padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--line)}
.nc-rv{margin-top:var(--space-md)}
.nc-rv-load,.nc-rv-err{font-size:13px;color:var(--stone)}
.nc-rv-err{color:var(--terra)}
.nc-rv-head{display:grid;grid-template-columns:150px 1fr;gap:var(--space-lg);align-items:start;
  padding-bottom:var(--space-md);border-bottom:1px solid var(--line)}
.nc-rv-score{text-align:center}
.nc-rv-avg{font-family:'Spectral',Georgia,serif;font-size:48px;line-height:1;color:var(--graphite)}
.nc-rv-avg--empty{color:var(--line)}
.nc-rv-cnt{font-size:12px;color:var(--stone);margin-top:4px}
.nc-rv-stars{display:inline-flex;gap:2px;font-size:16px;line-height:1;margin-top:6px}
.nc-rv-stars--sm{font-size:13px;margin:0}
.nc-star{color:var(--line)}
.nc-star.on{color:var(--terra)}
.nc-rv-lead p{font-size:14px;color:var(--stone);line-height:1.6;margin-bottom:var(--space-sm);max-width:52ch}
.nc-rv-list{list-style:none;margin:var(--space-md) 0 0;padding:0;display:grid;gap:var(--space-md)}
.nc-rv-item{border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);background:#fff}
.nc-rv-item-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.nc-rv-author{font-size:14px;font-weight:500;color:var(--graphite)}
.nc-rv-date{font-size:12px;color:var(--stone);margin-left:auto}
.nc-rv-plus,.nc-rv-minus,.nc-rv-text{font-size:14px;color:var(--graphite);line-height:1.6;margin-bottom:4px}
.nc-rv-plus b,.nc-rv-minus b{font-weight:500;color:var(--stone)}
.nc-rv-text--muted{color:var(--stone);font-style:italic}
.nc-rv-form{margin-top:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-card);
  padding:var(--space-md);background:#fff;max-width:640px}
.nc-rv-form[hidden]{display:none}
.nc-rv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nc-rv-flabel{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--stone);
  font-weight:500;margin-bottom:6px}
.nc-rv-rate{display:flex;gap:4px;margin-bottom:var(--space-sm)}
.nc-rv-rate-star{background:none;border:0;padding:2px;cursor:pointer;font-size:26px;line-height:1;color:var(--line)}
.nc-rv-rate-star.on{color:var(--terra)}
.nc-rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}
.nc-rv-form label{display:block;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;
  color:var(--stone);font-weight:500}
.nc-rv-opt{text-transform:none;letter-spacing:0;font-weight:400;font-size:11px;color:var(--stone)}
.nc-rv-full{margin-bottom:var(--space-sm)}
.nc-rv-form input[type=text],.nc-rv-form input[type=email],.nc-rv-form textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;margin-top:6px;
  padding:10px 12px;font-family:'Geologica',system-ui,sans-serif;font-size:14px;color:var(--graphite);outline:none;
  text-transform:none;letter-spacing:0;font-weight:400}
.nc-rv-form input:focus,.nc-rv-form textarea:focus{border-color:var(--graphite)}
.nc-rv-form textarea{resize:vertical;min-height:90px}
.nc-rv-note{font-size:11px;color:var(--stone);margin-bottom:var(--space-xs)}
.nc-rv-form .nc-rv-err[hidden]{display:none}
.nc-rv-done{margin-top:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-card);
  padding:var(--space-md);background:#fff;max-width:640px}
.nc-rv-done h3{font-family:'Spectral',Georgia,serif;font-weight:400;font-size:var(--text-lg);color:var(--graphite);margin-bottom:8px}
.nc-rv-done p{font-size:14px;color:var(--stone)}
@media(max-width:640px){
  .nc-rv-head{grid-template-columns:1fr;gap:var(--space-sm)}
  .nc-rv-score{text-align:left}
  .nc-rv-grid{grid-template-columns:1fr}
}

/* ---- 20.08.2026 (sizehint-20260820): кнопка «Выберите размер» и подсветка размеров ----
   .is-locked повторяет вид .buy-cta .btn[disabled] из css/catalog-product.css,
   но остаётся кликабельной: тап по ней ведёт к выбору размера. */
.buy-cta .btn.is-locked{opacity:.45;cursor:pointer}
.buy-cta .btn.is-locked:active{opacity:.6}
@keyframes ncSizeFlash{
	0%,100%{box-shadow:0 0 0 0 rgba(93,42,26,0)}
	25%,75%{box-shadow:0 0 0 4px rgba(93,42,26,.22)}
}
.size-grid.nc-size-flash,.cup-grid.nc-size-flash,.size-block.nc-size-flash{
	border-radius:var(--radius-btn);
	animation:ncSizeFlash 1.6s var(--ease-out) 1;
}
.size-chosen.is-asking{color:var(--terra);font-weight:600}
@media (prefers-reduced-motion:reduce){
	/* без мигания: остаётся статичная рамка и подсвеченная подпись */
	.size-grid.nc-size-flash,.cup-grid.nc-size-flash,.size-block.nc-size-flash{
		animation:none;box-shadow:0 0 0 3px rgba(93,42,26,.22)
	}
}

/* ---- 20.08.2026 (fitcontent-20260820), по замечанию Алины к вёрстке ----
   1) Кольцо подсветки обнимает сами чипы, а не всю ширину колонки: до этого справа
      оставался пустой кусок рамки. width:fit-content расстановку чипов не меняет
      (если они не влезали в строку, ширина остаётся прежней, доступной).
   2) Шапка блока размеров на узком экране: «РАЗМЕР» и «Не знаете размер?» в первой
      строке, состояние выбора отдельной строкой под ними. До этого три элемента делили
      390 px, и ссылка с подписью ломались каждая на две строки. */
.size-grid.nc-size-flash,.cup-grid.nc-size-flash{width:fit-content;max-width:100%}
@media (max-width:720px){
	.size-block .size-head{flex-wrap:wrap;row-gap:6px}
	.size-block .size-head .size-chosen{flex:0 0 100%}
}

/* ---- 20.08.2026 (availbullet-20260820), по замечанию Алины ----
   Строка наличия. Точка стояла по центру всего абзаца, а на мобильном он в две строки,
   и она висела между ними. Теперь равняется по первой строке и не сжимается.
   Перенос «собственного производства» держит неразрывный пробел в самом тексте: без него
   на узком экране «производства» оставалось одно в строке. */
/* ЛОВУШКА: style.css компонента попадает в общий бандл РАНЬШЕ css/catalog-product.css,
   поэтому при равной специфичности выигрывает страничный файл. Отсюда p. в селекторе. */
p.buy-avail{align-items:flex-start}
p.buy-avail::before{flex:0 0 7px;margin-top:.45em}

/* ---- 20.08.2026 (ocblock-20260820): «Купить в 1 клик» заперта так же, как «Купить» ----
   Вид повторяет прежний #btn-oneclick[disabled], но кнопка кликабельна: тап ведёт к размерам. */
#btn-oneclick.is-locked{opacity:.4;cursor:pointer}
#btn-oneclick.is-locked em{color:var(--stone)}
#btn-oneclick.is-locked:active{opacity:.55}

/* 21.08.2026: ссылки во вкладках карточки не отличались от обычного текста — тот же
   цвет, без подчёркивания. Клиентка не видела, что «Доставка и оплата», «Возврат и обмен»
   и «Записаться» кликабельны. Находка приёмки. */
.tab-panel a {
	color: #5D2A1A;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.tab-panel a:hover {
	color: #1C1A17;
}

/* End */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog/bustokratia/style.css?178567530310307 */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog.element/bustokratia/style.css?178732244217829 */
