/* 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?178567832813606*/
/* Карточка — блоки фазы 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}
}

/* End */


/* Start:/new-catalog/product.css?178489686426385*/
/* v4: токены приведены к каноническому Design MD (~/Design_System/design.md, финал 01.05.2026).
     Палитра — точные HEX из МД. Радиусы — вариант БК (card 14, CTA square 8, photo 0).
     Добавлены 4-pt spacing scale и type scale 1.25 из МД. Короткие алиасы сохранены. */
  :root{
    /* Paper (МД: canvas 90% площади, cream — секции-передышки, graphite — тёмные блоки/primary CTA) */
    --canvas:#FAF7F2;
    --cream:#F1ECE0;
    --graphite:#1C1A17;
    /* Ink */
    --stone:#6B6660;
    /* Accent 1 — Deep Iris: ТОЛЬКО italic-акценты в заголовках (не заливка секций) */
    --iris:#4A2E4A;
    /* Accent 2 — Terracotta: единственный сигнальный акцент (CTA-italic, нумерация секций, цитаты) */
    --terra:#5D2A1A;
    --line:#E3DCCF;

    /* Радиусы — БК */
    --radius-card:14px;      /* 12-16, по умолчанию 14 */
    --radius-btn:8px;        /* БК: square 8px для CTA/input */
    --radius-photo:0px;      /* крупные фото-блоки без скругления */

    /* 4-pt spacing scale (МД) */
    --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
    --space-md:24px; --space-lg:32px; --space-xl:48px; --space-2xl:64px; --space-3xl:96px;

    /* Type scale 1.25 (МД). Hero БК: display-s 76px … 88px (не выше) */
    --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:22px;
    --text-xl:28px; --text-2xl:36px; --text-3xl:46px; --text-4xl:58px;
    --text-display-s:76px;   /* БК hero cap floor */

    /* Motion (МД): reveal opacity + translateY, ease-out; никаких transition:all */
    --ease-out:cubic-bezier(0.16,1,0.3,1);
    --dur-base:240ms;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  /* МД motion stance: reduced-motion — без пространственных трансформаций */
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms !important}}
  body{
    font-family:'Geologica',system-ui,sans-serif;
    font-weight:300;
    color:var(--graphite);
    background:var(--canvas);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:'Spectral',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.01em}
  em{font-style:italic;color:var(--iris);font-family:'Spectral',Georgia,serif}
  .wrap{max-width:1200px;margin:0 auto;padding:0 18px}

  /* placeholder photo blocks */
  .ph{
    background:repeating-linear-gradient(135deg,#E7E0D3 0 12px,#E1DACB 12px 24px);
    color:var(--stone);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:11px;letter-spacing:.03em;padding:14px;line-height:1.4;
    font-weight:400;
  }
  .ph span{max-width:220px}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--line)}
  /* v2: шапка на grid — burger | logo | search | actions.
     На промежуточных ширинах (768–1100px) поиск не падает на вторую строку. */
  .topbar{
    display:grid;
    grid-template-columns:auto auto 1fr auto;
    align-items:center;
    column-gap:12px;
    min-height:56px;
  }
  .logo{font-family:'Spectral',serif;font-size:21px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
  .burger{font-size:22px;line-height:1;background:none;border:none;color:var(--graphite);cursor:pointer;padding:4px;grid-column:1}
  .head-actions{grid-column:4;display:flex;align-items:center;gap:16px}
  .icon-btn{background:none;border:none;color:var(--graphite);font-size:19px;cursor:pointer;position:relative;line-height:1}
  .cart-count{position:absolute;top:-7px;right:-9px;background:var(--terra);color:#fff;font-family:'Geologica';font-size:10px;font-weight:500;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-btn);padding:8px 12px;background:#fff}
  .search input{border:none;outline:none;background:none;font-family:'Geologica';font-size:14px;width:100%;color:var(--graphite)}
  .search input::placeholder{color:#A8A199}
  /* На мобиле поиск — отдельной строкой под топбаром (grid-column all) */
  .search-row{grid-column:1 / -1;padding:8px 0 10px}
  .usp{background:var(--graphite);color:var(--canvas);font-size:11.5px;font-weight:300;letter-spacing:.02em;text-align:center;padding:7px 10px}
  .usp b{font-weight:500}

  /* eyebrow — SEO-строка капителью над H1 (МД: retail-editorial, Geologica) */
  .eyebrow{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-sm)}

  /* ===== HERO ===== */
  .hero{padding:var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--line)}
  .hero-photo{aspect-ratio:4/5;border-radius:var(--radius-photo);margin-bottom:var(--space-md)} /* БК: 0px для крупных фото */
  /* БК hero: display-s 76-88px на десктопе; мобильный кегль масштабируется через clamp,
     line-height плотный (МД: display tight) */
  h1.hero-h1{font-size:clamp(34px,8.5vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin-bottom:var(--space-sm)}
  .hero-lead{font-size:var(--text-base);color:var(--stone);max-width:40ch;margin-bottom:var(--space-md)}
  .btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Geologica';font-weight:500;font-size:15px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;transition:opacity var(--dur-base) var(--ease-out);text-align:center}
  .btn-primary{background:var(--graphite);color:var(--canvas)}
  .btn-primary:active{opacity:.85}
  .btn-ghost{background:none;color:var(--graphite);border-color:var(--graphite)}
  .hero-cta{display:flex;flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%}

  /* ===== SECTION HEADINGS ===== */
  section{padding:var(--space-xl) 0}
  .sec-num{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:var(--text-sm);display:block;margin-bottom:var(--space-2xs)}
  h2.sec-title{font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .sec-sub{color:var(--stone);font-size:var(--text-sm);margin-bottom:var(--space-md);max-width:46ch}

  /* ===== CATEGORY TILES ===== */
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .cat{position:relative;display:block;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}
  .cat .ph{aspect-ratio:3/4}
  .cat-body{padding:12px 14px 14px}
  .cat-name{font-family:'Spectral',serif;font-size:17px;margin-bottom:2px}
  .cat-count{font-size:12px;color:var(--stone)}
  .cat.wide{grid-column:1 / -1}
  .cat.wide .ph{aspect-ratio:16/7}

  /* ===== FITTING (уникальная фича: 3 формата подбора) ===== */
  /* v4 (МД): тёмная секция = graphite (единственная санкционированная заливка тёмным),
     НЕ iris. Iris по МД — только italic-акцент в заголовке. Terracotta-тинт #C98B6B —
     сигнальный акцент на тёмном фоне (как в блоке доверия). */
  .fitting{background:var(--graphite);color:var(--canvas)}
  .fitting .sec-num{color:#C98B6B}
  .fitting h2{color:var(--canvas);font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .fitting h2 em{color:#C98B6B}          /* на graphite iris нечитаем → italic-акцент в terracotta-тинте */
  .fitting .sec-sub{color:#B7B0A6;font-size:var(--text-sm);max-width:52ch;margin-bottom:var(--space-2xs)}
  .fitting .fit-badge{display:inline-block;font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#C98B6B;border:1px solid rgba(201,139,107,.45);border-radius:40px;padding:5px 12px;margin-bottom:var(--space-md)}
  .fit-ways{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}
  .fit-way{background:var(--canvas);color:var(--graphite);border-radius:var(--radius-card);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column}
  .fit-step{font-family:'Spectral',serif;font-style:italic;font-size:var(--text-sm);color:var(--terra);margin-bottom:var(--space-2xs)}
  .fit-way h3{font-family:'Spectral',serif;font-size:var(--text-md);font-weight:400;line-height:1.15;margin-bottom:var(--space-2xs)}
  .fit-way p{font-size:var(--text-sm);color:var(--stone);margin-bottom:var(--space-sm);flex:1}
  .fit-price{font-family:'Geologica';font-weight:500;font-size:var(--text-sm);color:var(--graphite);margin-bottom:var(--space-xs)}
  .fit-price .free{color:var(--iris)}
  .fit-way .btn{width:100%}
  .fit-98{margin-top:var(--space-md);font-size:var(--text-sm);color:#B7B0A6;display:flex;align-items:baseline;gap:var(--space-2xs)}
  .fit-98 b{font-family:'Spectral',serif;font-size:var(--text-2xl);font-weight:400;color:var(--canvas);line-height:1}
  .fit-98 b em{color:#C98B6B}

  /* ===== PLUS SIZE STRIP ===== */
  .plus{background:var(--cream)}
  .plus .inner{display:block}
  .plus-photo{aspect-ratio:16/9;margin-bottom:20px}
  .plus h2{font-size:26px;margin-bottom:12px}
  .plus p{font-size:15px;color:var(--stone);margin-bottom:20px;max-width:52ch}
  .plus .btn{width:100%}

  /* ===== PRODUCTS ===== */
  .products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .prod{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prod .ph{aspect-ratio:3/4}
  .prod-body{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}
  .prod-cat{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);margin-bottom:4px;font-weight:400}
  .prod-name{font-family:'Spectral',serif;font-size:15px;line-height:1.2;margin-bottom:3px}
  .prod-size{font-size:11.5px;color:var(--stone);margin-bottom:10px}
  .prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .price{font-family:'Geologica';font-weight:500;font-size:16px}
  .btn-buy{background:var(--graphite);color:var(--canvas);border:none;border-radius:var(--radius-btn);font-family:'Geologica';font-weight:500;font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap}
  .products-cta{text-align:center;margin-top:24px}

  /* ===== TRUST ===== */
  .trust{background:var(--graphite);color:var(--canvas)}
  .trust .sec-num{color:#C98B6B}
  .trust h2{color:var(--canvas)}
  .trust .sec-sub{color:#B7B0A6}
  .trust-grid{display:grid;grid-template-columns:1fr;gap:2px;margin-top:var(--space-2xs);border:1px solid #34302B;border-radius:var(--radius-card);overflow:hidden}
  .trust-item{padding:var(--space-md) var(--space-sm);background:#211E1A}
  .trust-num{font-family:'Spectral',serif;font-size:var(--text-2xl);color:var(--canvas);line-height:1;margin-bottom:var(--space-2xs);font-weight:400}
  .trust-num em{color:#C98B6B}      /* сигнальный акцент на graphite (terracotta-тинт), iris там нечитаем */
  .trust-item h3{font-size:var(--text-md);color:var(--canvas);margin-bottom:var(--space-3xs);font-weight:400}
  .trust-item p{font-size:var(--text-sm);color:#B7B0A6;font-weight:300}

  /* ===== AUTHOR ===== */
  .author .inner{display:block}
  .author-photo{aspect-ratio:4/5;border-radius:0;margin-bottom:20px}
  .author h2{font-size:25px;margin-bottom:12px}
  .author p{font-size:15px;color:var(--stone);margin-bottom:14px;max-width:52ch}
  .author .sig{font-family:'Spectral',serif;font-style:italic;font-size:16px;color:var(--iris)}

  /* ===== REVIEWS ===== */
  .reviews{background:var(--cream)}
  .rev-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .rev{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px 20px}
  .rev-change{font-family:'Spectral',serif;font-size:20px;color:var(--iris);margin-bottom:10px}
  .rev-change em{color:var(--terra);font-style:italic}
  .rev-text{font-family:'Spectral',serif;font-size:16px;font-style:italic;line-height:1.4;color:var(--graphite);margin-bottom:12px}
  .rev-author{font-size:12.5px;color:var(--stone)}
  .rev-src{font-size:11px;color:#A8A199;margin-top:2px}

  /* ===== BOOKING SUPPORT ===== */
  .booking{background:var(--graphite);color:var(--canvas)}
  .booking .inner{display:block}
  .booking .sec-num{color:#C98B6B}
  .booking h2{color:var(--canvas);font-size:24px;margin-bottom:12px}
  .booking p{color:#B7B0A6;font-size:14.5px;margin-bottom:20px;max-width:50ch}
  .booking .btn-ghost{border-color:var(--canvas);color:var(--canvas);width:100%}
  .cities{display:flex;gap:22px;margin-bottom:22px;flex-wrap:wrap}
  .city b{display:block;font-family:'Spectral',serif;font-size:16px;color:var(--canvas);font-weight:400;margin-bottom:2px}
  .city span{font-size:12.5px;color:#B7B0A6}

  /* ===== FOOTER ===== */
  footer{background:var(--canvas);border-top:1px solid var(--line);padding:36px 0 30px}
  .foot-logo{font-family:'Spectral',serif;font-size:22px;font-weight:500;margin-bottom:18px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;margin-bottom:26px}
  .foot-col h4{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--stone);margin-bottom:12px}
  .foot-col a,.foot-col address{display:block;font-size:14px;color:var(--graphite);margin-bottom:9px;font-style:normal;line-height:1.4}
  .foot-social{display:flex;gap:14px;margin-bottom:20px}
  .foot-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--stone)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--stone)}
  .foot-bottom p{margin-bottom:6px}

  /* =====================================================================
     ===== PRODUCT CARD — локальные блоки (те же токены, kit-совместимо) ===
     ===================================================================== */

  /* хлебные крошки */
  .crumbs{font-size:12.5px;color:var(--stone);padding:var(--space-md) 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .crumbs a{color:var(--stone)}
  .crumbs a:hover{color:var(--graphite)}
  .crumbs .sep{color:#C3BBAD}

  /* верхний слой: галерея + панель покупки */
  .pdp-top{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding-top:var(--space-md)}

  /* галерея */
  .gal-main{aspect-ratio:4/5;border-radius:var(--radius-photo)}
  .gal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
  .gal-thumb{aspect-ratio:3/4;border:1px solid var(--line)}
  .gal-thumb .ph{width:100%;height:100%;font-size:10px}

  /* панель покупки */
  .buy-title{font-family:'Spectral',serif;font-weight:400;font-size:26px;line-height:1.14;letter-spacing:-.01em;margin:6px 0 4px}
  .buy-color-line{font-size:13px;color:var(--stone);margin-bottom:14px}
  .buy-color-line b{font-weight:500;color:var(--graphite)}
  .buy-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
  .buy-price{font-family:'Geologica';font-weight:600;font-size:26px;color:var(--graphite)}
  .buy-price-note{font-size:12px;color:var(--stone)}
  .buy-avail{font-size:12.5px;color:var(--iris);margin-bottom:var(--space-md);display:flex;align-items:center;gap:6px}
  .buy-avail::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--iris);display:inline-block}

  /* селектор размера: пояс × чашка */
  .size-block{margin-bottom:var(--space-md)}
  .size-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;gap:12px}
  .size-label{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
  .size-chosen{font-size:13px;color:var(--graphite);font-weight:500}
  .size-chosen em{color:var(--terra);font-style:normal}
  .size-sub{font-size:11px;color:var(--stone);margin-bottom:8px}
  .size-grid{display:flex;flex-wrap:wrap;gap:7px}
  .size-chip{font-family:'Geologica';font-weight:500;font-size:13px;min-width:44px;padding:9px 6px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;color:var(--graphite);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
  .size-chip[aria-pressed="true"]{background:var(--graphite);color:var(--canvas);border-color:var(--graphite)}
  .size-chip.is-off{color:#BEB7AB;background:#F3EFE7;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#C9C1B4}
  .cup-grid{display:flex;flex-wrap:wrap;gap:7px;min-height:44px}
  .cup-empty{font-size:12px;color:var(--stone);align-self:center}

  .buy-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-md)}
  .buy-cta .btn{width:100%}
  .buy-cta .btn[disabled]{opacity:.45;cursor:not-allowed}

  /* мини-таблица преимуществ панели */
  .buy-mini{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:var(--space-sm);border-top:1px solid var(--line);font-size:12.5px;color:var(--stone)}
  .buy-mini span{display:flex;align-items:center;gap:6px}
  .buy-mini b{color:var(--graphite);font-weight:500}

  /* врезка "не знаете размер?" */
  .size-help{background:var(--cream);border-radius:var(--radius-card);padding:var(--space-md) var(--space-sm);margin-top:var(--space-sm)}
  .size-help h3{font-family:'Spectral',serif;font-weight:400;font-size:18px;margin-bottom:6px}
  .size-help p{font-size:13px;color:var(--stone);margin-bottom:14px;line-height:1.5}
  .size-help-cta{display:flex;flex-direction:column;gap:9px}
  .size-help-cta .btn{width:100%;font-size:14px;padding:12px 16px}
  .btn-msgr{background:#fff;border:1px solid var(--line);color:var(--graphite);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Geologica';font-weight:500;font-size:14px;padding:12px 16px;border-radius:var(--radius-btn)}

  /* fit-notes: честная посадка */
  .fitnotes{background:var(--cream)}
  .fitnotes-list{display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--line)}
  .fitnote{background:var(--canvas);padding:var(--space-md) var(--space-sm);display:flex;gap:14px;align-items:flex-start}
  .fitnote .fn-mark{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:16px;line-height:1.4;flex-shrink:0}
  .fitnote h3{font-family:'Spectral',serif;font-weight:400;font-size:16px;margin-bottom:3px;line-height:1.25}
  .fitnote p{font-size:13.5px;color:var(--stone);line-height:1.5}

  /* табы / аккордеон */
  .tabs{border-top:1px solid var(--line)}
  .tab{border-bottom:1px solid var(--line)}
  .tab-btn{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Spectral',serif;font-size:19px;color:var(--graphite);padding:var(--space-md) 2px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .tab-btn .tb-plus{font-family:'Geologica';font-weight:300;font-size:24px;color:var(--stone);line-height:1;transition:transform var(--dur-base) var(--ease-out)}
  .tab-btn[aria-expanded="true"] .tb-plus{transform:rotate(45deg)}
  .tab-panel{display:none;padding:0 2px var(--space-md)}
  .tab-panel[data-open="true"]{display:block}
  .tab-panel p{font-size:14.5px;color:var(--stone);line-height:1.6;margin-bottom:10px;max-width:64ch}
  .tab-panel ul{list-style:none;margin:0 0 10px;padding:0}
  .tab-panel li{font-size:14.5px;color:var(--stone);line-height:1.6;padding-left:18px;position:relative;margin-bottom:5px}
  .tab-panel li::before{content:"·";position:absolute;left:5px;color:var(--terra);font-weight:700}
  .tab-todo{display:inline-block;font-family:'Geologica';font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);border:1px solid var(--line);border-radius:40px;padding:3px 9px;margin-bottom:8px}

  /* production strip */
  .prodstrip{background:var(--graphite);color:var(--canvas)}
  .prodstrip .inner{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
  .prodstrip h2{color:var(--canvas);font-size:var(--text-xl);line-height:1.14;margin-bottom:10px}
  .prodstrip h2 em{color:#C98B6B}
  .prodstrip p{color:#B7B0A6;font-size:14.5px;max-width:52ch}
  .ps-nums{display:flex;gap:28px;flex-wrap:wrap;margin-top:var(--space-sm)}
  .ps-num b{display:block;font-family:'Spectral',serif;font-size:var(--text-2xl);color:var(--canvas);font-weight:400;line-height:1}
  .ps-num b em{color:#C98B6B}
  .ps-num span{font-size:12.5px;color:#B7B0A6}

  /* photo-reviews */
  .photorev .rating-line{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-md);flex-wrap:wrap}
  .stars{font-family:'Geologica';color:var(--terra);font-size:18px;letter-spacing:2px}
  .rating-val{font-family:'Spectral',serif;font-size:22px;color:var(--graphite)}
  .rating-cnt{font-size:13px;color:var(--stone)}
  .prev-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .prev{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prev .ph{aspect-ratio:4/3}
  .prev-body{padding:14px 15px 16px}
  .prev-verified{display:inline-flex;align-items:center;gap:5px;font-family:'Geologica';font-weight:500;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--iris);margin-bottom:8px}
  .prev-verified::before{content:"✓";font-size:11px}
  .prev-text{font-family:'Spectral',serif;font-style:italic;font-size:15px;line-height:1.4;color:var(--graphite);margin-bottom:10px}
  .prev-meta{font-size:12px;color:var(--stone)}
  .prev-meta b{color:var(--graphite);font-weight:500}

  /* delivery strip */
  .deliv-grid{display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--line)}
  .deliv-item{background:var(--canvas);padding:var(--space-md) var(--space-sm)}
  .deliv-item h3{font-family:'Spectral',serif;font-weight:400;font-size:17px;margin-bottom:5px}
  .deliv-item p{font-size:13.5px;color:var(--stone);line-height:1.5;margin-bottom:8px}
  .deliv-item a{font-family:'Geologica';font-weight:500;font-size:13px;color:var(--iris);border-bottom:1px solid rgba(74,46,74,.25);padding-bottom:1px}

  /* ===== TABLET ADAPT (768–1099px) ===== */
  @media (min-width:768px){
    .wrap{padding:0 32px}
    .topbar{
      min-height:66px;
      column-gap:20px;
      /* logo | search (растягивается) | actions. burger скрыт. */
      grid-template-columns:auto minmax(200px,460px) auto;
    }
    .burger{display:none}
    .logo{font-size:24px;grid-column:1}
    .search-row{grid-column:2;padding:0;justify-self:stretch;max-width:460px}
    .head-actions{grid-column:3;margin-left:0}
    .hero{padding:var(--space-xl) 0 var(--space-2xl)}
    .hero .inner{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-xl);align-items:center}
    .hero-photo{margin-bottom:0;aspect-ratio:4/5}
    .hero-text{order:-1}
    h1.hero-h1{font-size:58px}          /* --text-4xl, промежуточный шаг к БК display-s */
    .hero-lead{font-size:var(--text-md)}
    .hero-cta{flex-direction:row}
    .hero-cta .btn{width:auto}
    .cats{grid-template-columns:repeat(3,1fr);gap:18px}
    .cat.wide{grid-column:auto}
    .cat.wide .ph{aspect-ratio:3/4}
    h2.sec-title{font-size:var(--text-2xl)}
    .fitting h2{font-size:var(--text-2xl)}
    .fit-ways{grid-template-columns:repeat(3,1fr);gap:18px}
    .fit-way{padding:var(--space-md) var(--space-md)}
    .plus .inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
    .plus-photo{margin-bottom:0}
    .plus .btn{width:auto}
    .plus h2{font-size:var(--text-2xl)}
    .products{grid-template-columns:repeat(4,1fr)}
    .trust-grid{grid-template-columns:repeat(3,1fr)}
    .author .inner{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-xl);align-items:center}
    .author-photo{margin-bottom:0}
    .author h2{font-size:var(--text-2xl)}
    .rev-grid{grid-template-columns:repeat(3,1fr)}
    .booking .inner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center}
    .booking .btn-ghost{width:auto}
    .booking h2{font-size:var(--text-xl)}
    .foot-cols{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}
    section{padding:var(--space-2xl) 0}

    /* PDP tablet */
    .pdp-top{grid-template-columns:1.05fr 1fr;gap:var(--space-2xl);align-items:start}
    .gal-col{position:sticky;top:88px}
    .fitnotes-list{grid-template-columns:repeat(2,1fr)}
    .prodstrip .inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-2xl)}
    .prev-grid{grid-template-columns:repeat(3,1fr)}
    .deliv-grid{grid-template-columns:repeat(3,1fr)}
    .size-help-cta{flex-direction:row}
    .size-help-cta .btn{flex:1}
  }
  @media (min-width:768px){
    .plus-photo{aspect-ratio:4/5}
  }
  /* Широкий десктоп: логотип + поиск не расползаются + hero достигает БК display-s (76px) */
  @media (min-width:1100px){
    .topbar{grid-template-columns:auto minmax(280px,520px) 1fr;}
    .search-row{grid-column:2;max-width:520px}
    .head-actions{grid-column:3;justify-self:end}
    h1.hero-h1{font-size:var(--text-display-s)}   /* 76px — БК hero cap floor */
    h2.sec-title,.fitting h2,.plus h2,.author h2{font-size:var(--text-3xl)}  /* 46px */
    .buy-title{font-size:32px}
  }
/* End */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog/bustokratia/style.css?178567530310307 */
/* /bitrix/templates/bustokratia2026/components/bitrix/catalog.element/bustokratia/style.css?178567832813606 */
/* /new-catalog/product.css?178489686426385 */