/* line 1, _settings.scss */

@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
:root {
  --bg:var(--draft-bg, #F2F5FF);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #e1e8ff);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #cdd9ff);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #003af7);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #FF7101);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #ff7d1a);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #ff8b33);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #ffb780);
  --color-btn-bg-half-shade-is-light:var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text:var(--draft-color-accent-text, #FF7101);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #ff7d1a);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #ff8b33);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #ffb780);
  --color-accent-text-half-shade-is-light:var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark:var(--draft-color-text-dark, #0C1130);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #151e55);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #1e2a79);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #4b5dd2);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, Jost);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Jost);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1280px);
  --delta_sidebar:var(--draft-delta_sidebar, 0);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true);
}

:root {
  --accent: #FF7101;
  --accent2: #E56000;
  --text-1: #0C1130;
  --text-2: #4A5580;
  --text-3: #8E99C0;
  --bg-1: #FFFFFF;
  --bg-2: #EDF0FB;
  --bg-3: #E2E6F5;
  --bg-4: #D4DAF0;
  --border: rgba(10, 20, 90, 0.08);
  --border2: rgba(10, 20, 90, 0.14);
  --shadow: 0 2px 12px rgba(10, 20, 90, 0.08);
  --shadow2: 0 8px 32px rgba(10, 20, 90, 0.12);
  --green: #16A34A;
  --green-bg: rgba(22, 163, 74, 0.09);
  --amber: #D97706;
  --live-dot: #22D46A;
  --tg-blue: #5AACFF;
  --color-error: #FF0000;
  --zindex-modal: 1040;
  --font-d: 'Exo 2', sans-serif;
  --font-b: 'Manrope', sans-serif;
  --font-m: 'JetBrains Mono', monospace;
}

body {
  font-family: var(--font-b);
  line-height: 1.6;
}

/* ИСТОЧНИК: build/scss/_base.scss L13 — глобальный a-резет эталона.
   Был потерян при трансляции базы (урок §0.5 Шаг 4.1 п.3): без него
   .prod-name и другие ссылки карточек несут браузерный underline. */
a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-d);
}

/* ═══ _chrome.scss — ПРОГОН 27-28: chrome-бусты переведены в нативные виджеты ═══
   Футер (27): widget_v4_footer_gen10 (тип 13821857) — сетка/типографика/
   QR/legal/копирайт в его snippet.scss.
   Шапка (28): widget_v4_header_gen10 (тип 13821953) — высота/контролы/
   поиск/дропдаун «Каталог» в его snippet.scss.
   Активных правил нет; файл сохранён как слот для будущих chrome-бустов. */
/* ═══ _outside.scss — бусты системных outside-виджетов ═══
   button_on_top_1 + modal_cookie_1 (юзер 2026-08-21: «квадратные кнопки
   некрасивые»). Эталон кнопки: prototypes/build/scss/_outside.scss §11
   (круг 48px accent); cookie-баннер — по дизайн-системе (карточка r14).
   Системные виджеты: liquid не трогаем (правило §Шаг2 п.7), только CSS. */
/* кнопка «Наверх» — круглая, семья accent-CTA */
.widget-type_system_widget_v4_button_on_top_1 .btn-on-top {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(255, 113, 1, 0.3);
  transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
}

.widget-type_system_widget_v4_button_on_top_1 .btn-on-top:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(255, 113, 1, 0.38);
}

/* cookie-баннер: карточка дизайн-системы вместо платформенного блока */
.widget-type_system_widget_v4_modal_cookie_1 .cookie-banner {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(16, 22, 61, 0.14), 0 2px 8px rgba(16, 22, 61, 0.08);
  padding: 18px 22px;
  gap: 16px;
  align-items: center;
}

.widget-type_system_widget_v4_modal_cookie_1 .cookie-text p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-2);
  margin: 0;
}

.widget-type_system_widget_v4_modal_cookie_1 .cookie-text a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* кнопка «Понятно»: семья десктоп-«Каталог» (accent r10 40px) */
.widget-type_system_widget_v4_modal_cookie_1 .cookie-link .button {
  border-radius: 10px;
  height: 40px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 13.5px;
  box-shadow: 0 2px 10px rgba(255, 113, 1, 0.22);
  transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
}

.widget-type_system_widget_v4_modal_cookie_1 .cookie-link .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(255, 113, 1, 0.3);
}

@media (max-width: 767px) {
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
  }
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-link,
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-link .button {
    width: 100%;
  }
}
/* ═══ Системные тосты micro-alert («Товар добавлен в избранное/сравнение»,
   «Товар добавлен в корзину»): платформенные пастельные цвета core.css
   (#D4EDDA и пр.) вне темы. Семья карточек: белая капсула + цветной бордер
   + точка статуса (прогон 35-бис, юзер) ═══ */
.micro-alert .micro-alert-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 22, 61, 0.16);
  font-family: var(--font-b, "Manrope", sans-serif);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-1);
  padding: 12px 16px;
}
.micro-alert .micro-alert-item::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-3, #8E99C0);
  flex-shrink: 0;
}
.micro-alert .micro-alert-item.is-success-notice {
  border-color: rgba(22, 163, 74, 0.35);
}
.micro-alert .micro-alert-item.is-success-notice::before {
  background: var(--green, #16A34A);
}
.micro-alert .micro-alert-item.is-error-notice {
  border-color: rgba(220, 38, 38, 0.35);
}
.micro-alert .micro-alert-item.is-error-notice::before {
  background: #DC2626;
}
.micro-alert .micro-alert-item.is-info-notice {
  border-color: var(--border2, rgba(10, 20, 90, 0.15));
}
.micro-alert .micro-alert-item.is-info-notice::before {
  background: var(--accent, #FF7101);
}

/* ═══ Системное окно предзаказа (preorder_1) — канон design-evaluate
   (5/10 → чек-лист): scrim navy, full-bleed шапка bg-2, одна ось 28px,
   белые инпуты 44px, кастомный чекбокс, CTA 48px r10 ═══ */
.widget-type_system_widget_v4_preorder_1 {
  position: fixed;
  inset: 0;
  z-index: var(--zindex-modal, 1040);
  /* .layout: платформенные стили виджета грузятся позже и перебивают фон */
}
.widget-type_system_widget_v4_preorder_1.layout {
  background: rgba(12, 17, 48, 0.5) !important;
}
.widget-type_system_widget_v4_preorder_1 .preorder {
  width: min(480px, 100vw - 32px);
  background: var(--bg-1, #fff);
  border: 1px solid var(--border, rgba(10, 20, 90, 0.08));
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(10, 20, 90, 0.24);
  overflow: hidden;
}
.widget-type_system_widget_v4_preorder_1 .preorder__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 28px;
  background: var(--bg-2, #EDF0FB);
}
.widget-type_system_widget_v4_preorder_1 .preorder__title {
  font-family: var(--font-d, "Exo 2", sans-serif);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: var(--text-1, #0C1130);
}
.widget-type_system_widget_v4_preorder_1 .preorder__hide-btn {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--text-3, #8E99C0);
  cursor: pointer;
  transition: background 0.16s, color 0.16s;
}
.widget-type_system_widget_v4_preorder_1 .preorder__hide-btn:hover {
  background: var(--bg-3, #E2E6F5);
  color: var(--text-1, #0C1130);
}
.widget-type_system_widget_v4_preorder_1 .preorder__main,
.widget-type_system_widget_v4_preorder_1 .preorder__form {
  padding: 24px 28px 28px;
}
.widget-type_system_widget_v4_preorder_1 .preorder__field-area {
  margin-bottom: 14px;
}
.widget-type_system_widget_v4_preorder_1 .preorder__field-label {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-m, "JetBrains Mono", monospace);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-3, #8E99C0);
}
.widget-type_system_widget_v4_preorder_1 .preorder__field-label .preorder__field-label-star {
  color: var(--accent, #FF7101);
}
.widget-type_system_widget_v4_preorder_1 .form-control {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: var(--bg-1, #fff);
  border: 1px solid var(--border2, rgba(10, 20, 90, 0.14));
  border-radius: 8px;
  font-family: var(--font-b, "Manrope", sans-serif);
  font-size: 14px;
  color: var(--text-1, #0C1130);
  transition: border-color 0.16s, box-shadow 0.16s;
}
.widget-type_system_widget_v4_preorder_1 .form-control:focus {
  outline: none;
  border-color: var(--accent, #FF7101);
  box-shadow: 0 0 0 3px rgba(255, 113, 1, 0.08);
}
.widget-type_system_widget_v4_preorder_1 .preorder__field-error {
  color: var(--accent2, #E56000);
  font-size: 12px;
}
.widget-type_system_widget_v4_preorder_1 .agree {
  display: flex;
  align-items: flex-start;
  margin: 4px 0 18px;
}
.widget-type_system_widget_v4_preorder_1 .agree__checkbox {
  display: flex;
  gap: 10px;
  font-family: var(--font-b, "Manrope", sans-serif);
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-2, #4A5580);
}
.widget-type_system_widget_v4_preorder_1 .agree__checkbox a {
  color: var(--text-2, #4A5580);
  text-decoration: underline;
  text-decoration-color: var(--border2, rgba(10, 20, 90, 0.14));
}
.widget-type_system_widget_v4_preorder_1 .agree__checkbox a:hover {
  color: var(--accent, #FF7101);
}
.widget-type_system_widget_v4_preorder_1 .agree__field {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  border: 1.5px solid var(--border2, rgba(10, 20, 90, 0.14));
  border-radius: 4px;
  background: var(--bg-1, #fff);
  cursor: pointer;
  transition: border-color 0.16s, background 0.16s;
}
.widget-type_system_widget_v4_preorder_1 .agree__field:checked {
  background: var(--accent, #FF7101) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M4 12l6 6L20 6'/%3E%3C/svg%3E");
  border-color: var(--accent, #FF7101);
}
.widget-type_system_widget_v4_preorder_1 .preorder__success-message {
  background: var(--green-bg, rgba(22, 163, 74, 0.09));
  border: 1px solid rgba(22, 163, 74, 0.2);
  border-radius: 8px;
  padding: 12px 14px;
  font-family: var(--font-b, "Manrope", sans-serif);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--green, #16A34A);
}
.widget-type_system_widget_v4_preorder_1 .preorder__submit,
.widget-type_system_widget_v4_preorder_1 .preorder__form button[type=submit] {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 10px;
  background: var(--accent, #FF7101);
  color: #fff;
  font-family: var(--font-d, "Exo 2", sans-serif);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.16s, transform 0.16s, box-shadow 0.16s;
}
.widget-type_system_widget_v4_preorder_1 .preorder__submit:hover,
.widget-type_system_widget_v4_preorder_1 .preorder__form button[type=submit]:hover {
  background: var(--accent2, #E56000);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255, 113, 1, 0.25);
}
.widget-type_system_widget_v4_preorder_1 .preorder__submit:active,
.widget-type_system_widget_v4_preorder_1 .preorder__form button[type=submit]:active {
  transform: translateY(0);
}

/* ═══ PARTIALS — системные виджеты каталога (collection/search/favorite) ═══ */
/* ══════════════════════════════════════════════════════════════
   ══ SIDEBAR FILTER — system_widget_v4_sidebar_filter_3 ══════
   БАЗА: prototypes/build/scss/_sidebar-filter.scss (79 строк)
   ДЕЛЬТЫ: prototypes/assets/pages/collection.css (sidebar-filter секция)
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss L5-9 + collection.css L67-72 (дельта паддингов
     карточки 20/20/16 — была потеряна при паковом переводе, только база 16px) */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px 20px 16px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 11-15 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 0;
  border-bottom: none;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 17-22 + collection.css строки 73-76 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__head-title {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 16px;
  color: var(--text-1);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* filter__head-count УДАЛЁН (юзер 2026-08-15): frag-only элемент убран из
     эталона, JS-инъекцию не держим — минимум кастомизации системного виджета */
  /* ИСТОЧНИК: _sidebar-filter.scss строки 29-35 + collection.css строки 90-106 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item {
  border-bottom: 1px solid var(--border);
  padding-bottom: 12px;
  margin-bottom: 12px;
  padding: 0;
  margin-bottom: 20px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 37-42 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__head {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 44-49 + collection.css строки 94-105 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__name {
  font-weight: 600;
  font-size: 13px;
  color: var(--text-1);
  padding: 4px 0;
  transition: color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__head:hover .filter-item__name {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* прогон 31 (§11.16): активная группа — имя в акценте, пока есть выбранное
     (:has — прогрессивное усиление, без поддержки просто чёрный) */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item:has(input:checked) .filter-item__name {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__head:hover > .icon {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__name:hover {
  background: transparent;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__head .icon {
  color: var(--text-3);
  font-size: 13px;
  transition: transform 0.2s, color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item.is-show .filter-item__head .icon {
  transform: rotate(180deg);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item:not(.is-show) .filter-item__head .icon {
  transform: none;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item.is-show .sidebar-collections .icon {
  transform: none;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__content {
  padding: 6px 0 4px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item_menu .filter-item__content {
  padding: 0;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item_price .filter-item__content {
  padding: 6px 0 2px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item__more {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .reveal-button {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--accent);
  cursor: pointer;
  transition: color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .reveal-button:hover {
  color: var(--accent2);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .reveal-button .icon {
  display: inline-block;
  font-size: 10px;
  margin-left: 3px;
  vertical-align: 1px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-item.is-show .reveal-button .icon {
  transform: none;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 41-54 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 13px;
  color: var(--text-2);
  cursor: pointer;
  transition: all 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option:hover {
  background: var(--bg-2);
  color: var(--text-1);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option .count {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-3);
  font-family: var(--font-m);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: collection.css строки 160-182 (frag-only + дельты) */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option__btn {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1px solid var(--border2);
  border-radius: 4px;
  background: var(--bg-1);
  transition: background 0.15s, border-color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option:hover .filter-option__btn {
  border-color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option__field:checked + .filter-option__content .filter-option__btn {
  border-color: var(--accent);
  background: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option__field:checked + .filter-option__content .filter-option__label {
  color: var(--text-1);
  font-weight: 500;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-option__field:checked + .filter-option__content .count {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__controls {
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 13px;
  transition: background 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__controls:hover {
  background: var(--bg-2);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__controls a {
  color: var(--text-2);
  transition: color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__controls a:hover {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__item .count {
  font-family: var(--font-m);
  font-size: 12px;
  color: var(--text-3);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__item.is-current > .sidebar-collections__controls .sidebar-collections__link {
  color: var(--accent);
  font-weight: 600;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections .home_category .sidebar-collections__link {
  color: var(--text-1);
  font-weight: 600;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections .home_category .icon {
  color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .sidebar-collections__submenu {
  padding-left: 14px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 55-64.
     Фикс 2026-08-15: radius — computed-эталон 10px (платформа глушит
     --controls-form-border-radius:0px выше theme.css, Шаг 4.1 п.6);
     background — var(--bg-1): системный form-control красит поле
     лавандовым (--color-form-controls-bg), в эталоне поле белое. */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__field {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid var(--border2);
  border-radius: 10px;
  background: var(--bg-1);
  font-family: var(--font-b);
  color: var(--text-1);
  text-align: center;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__field:focus {
  outline: none;
  border-color: var(--accent);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: collection.css строки 241-261 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__values {
  margin: 4px 0 20px;
  padding: 0 !important;
  border-bottom: none;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .only_available .filter-option {
  margin-top: 0 !important;
  padding: 10px 12px;
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: 999px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .only_available .filter-option__btn {
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__values {
  margin-bottom: 12px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__values-item {
  display: flex;
  flex-direction: column;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range__values-label {
  position: static;
  transform: none;
  font-size: 11px;
  color: var(--text-3);
  margin-bottom: 4px;
  line-height: 1;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter-range .delimeter {
  color: var(--text-3);
  padding: 0 6px;
  align-self: flex-end;
  margin-bottom: 9px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__controls {
  padding: 0;
  border-top: none;
  margin-top: 16px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout {
  /* ИСТОЧНИК: _sidebar-filter.scss строки 66-78 + collection.css строки 269-285 */
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__controls .button,
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__submit {
  width: 100%;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 14px;
  padding: 10px;
  border-radius: var(--controls-form-border-radius);
  border: none;
  cursor: pointer;
  transition: all 0.18s;
  height: 40px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__controls .button:hover,
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__submit:hover {
  background: var(--accent2);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__controls .button.is-applied,
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__submit.is-applied {
  background: var(--green);
  border-color: var(--green);
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__head-reset {
  padding: 0;
  border-top: none;
  margin-top: 10px;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__reset-btn {
  width: 100%;
  background: var(--bg-1);
  border: 1px solid var(--border2);
  color: var(--text-1);
  font-size: 13px;
  font-weight: 600;
  padding: 8px;
  border-radius: 8px;
  height: auto;
  transition: border-color 0.15s, color 0.15s;
}
.widget-type_system_widget_v4_sidebar_filter_3.layout .filter__reset-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.filter-overlay {
  position: fixed;
  inset: 0;
  z-index: calc(var(--zindex-modal) - 1);
  background: rgba(10, 20, 90, 0.4);
}
@media (min-width: 768px) {
  .filter-overlay {
    display: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   ══ BREADCRUMBS — system_widget_v4_breadcrumbs_1 ═════════════
   БАЗА: prototypes/build/scss/_breadcrumbs.scss (14 строк)
   ДЕЛЬТЫ: prototypes/assets/pages/collection.css (breadcrumbs секция)
   ПРИМЕЧАНИЕ: База использует .breadcrumbs (устарело), прототип/фрагмент использует .breadcrumb-wrapper ul
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_breadcrumbs_1.layout {
  /* ИСТОЧНИК: collection.css строки 36-53 */
}
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper {
  --breadcrumb-color: var(--text-2);
  padding-top: 14px;
}
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul {
  font-size: 13px;
}
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li a {
  transition: color 0.15s;
}
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li a:hover {
  color: var(--accent);
}
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul .breadcrumb-page {
  color: var(--text-1);
  font-weight: 600;
}
.widget-type_system_widget_v4_breadcrumbs_1.layout {
  /* per-page: search — УДАЛЕНО (решение юзера 2026-08-15): 22px-перекрытие не переносимо
     в тему (bc-виджет неотличим от collection по стилям); крошки 14px везде. */
  /* per-page: favorite */
}
.widget-type_system_widget_v4_breadcrumbs_1.layout[style*="--layout-pt:0px"] .breadcrumb-wrapper {
  padding-top: 0;
}
.widget-type_system_widget_v4_breadcrumbs_1.layout[style*="--layout-pt:0px"] .breadcrumb-wrapper ul li a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ══════════════════════════════════════════════════════════════
   ══ PAGE TITLE — system_widget_v4_page_title_1 ═════════════════
   БАЗА: prototypes/build/scss/_page-title.scss (18 строк)
   ДЕЛЬТЫ: prototypes/assets/pages/collection.css (page-title секция)
   ПРИМЕЧАНИЕ: База использует .collection-header/.collection-title (устарело),
               прототип/фрагмент использует .page-headding.heading
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_page_title_1.layout {
  /* ИСТОЧНИК: collection.css строки 56-63 */
}
.widget-type_system_widget_v4_page_title_1.layout .page-headding.heading {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  color: var(--text-1);
  letter-spacing: -0.4px;
  margin: 16px 0 0;
}
.widget-type_system_widget_v4_page_title_1.layout {
  /* per-page: collection */
}
.widget-type_system_widget_v4_page_title_1.layout[style*="--layout-pt:0px"] .page-headding.heading {
  margin: 0;
}
.widget-type_system_widget_v4_page_title_1.layout {
  /* per-page: search */
}
.widget-type_system_widget_v4_page_title_1.layout[style*="--layout-wide-bg: true"] .page-headding.heading {
  margin: 0;
}
.widget-type_system_widget_v4_page_title_1.layout {
  /* page-title-count УДАЛЁН (юзер 2026-08-15): frag-only, системный liquid не
     рендерит, JS-заглушки не делаем — минимум кастомизации системных виджетов. */
}

/* ══════════════════════════════════════════════════════════════
   ══ PAGINATION — system_widget_v4_pagination_3 ══════════════
   БАЗА: prototypes/build/scss/_pagination.scss (83 строки)
   ДЕЛЬТЫ: prototypes/assets/pages/collection.css (pagination секция)
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 5-11 */
}
.widget-type_system_widget_v4_pagination_3.layout .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 12-17 */
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-items {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 18-34 */
}
.widget-type_system_widget_v4_pagination_3.layout .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  font-family: var(--font-b);
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--border);
  background: var(--bg-1);
  color: var(--text-1);
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  min-width: 40px;
  height: 40px;
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 35-39 */
}
.widget-type_system_widget_v4_pagination_3.layout .button:hover:not(.disabled) {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(255, 113, 1, 0.04);
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 40-46 */
}
.widget-type_system_widget_v4_pagination_3.layout .button.disabled {
  opacity: 0.6;
  cursor: default;
  border-color: var(--border);
  background: var(--bg-2);
  color: var(--text-3);
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 47-56 */
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-void {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  color: var(--text-3);
  font-size: 14px;
  font-weight: 500;
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: _pagination.scss строки 57-82 */
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev,
.widget-type_system_widget_v4_pagination_3.layout .pagination-next {
  width: 40px;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(10, 20, 90, 0.1);
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev:hover,
.widget-type_system_widget_v4_pagination_3.layout .pagination-next:hover {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
  box-shadow: 0 4px 12px rgba(255, 113, 1, 0.25);
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev::before,
.widget-type_system_widget_v4_pagination_3.layout .pagination-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev::before {
  border-right: 6px solid currentColor;
  margin-left: -1px;
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-next::before {
  border-left: 6px solid currentColor;
  margin-left: 1px;
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev .button__text,
.widget-type_system_widget_v4_pagination_3.layout .pagination-next .button__text {
  display: none;
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* ИСТОЧНИК: collection.css строки 421-440 (SVG-mask дельты, ПЕРЕПИСЫВАЕТ ::before) */
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev::before,
.widget-type_system_widget_v4_pagination_3.layout .pagination-next::before {
  content: "";
  position: static;
  transform: none;
  top: auto;
  left: auto;
  margin: 0;
  border: none;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 18 8 16.6 12.6 12 8 7.4 9.4 6l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 18 8 16.6 12.6 12 8 7.4 9.4 6l6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-prev::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.6 18 16 16.6 11.4 12 16 7.4 14.6 6l-6 6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.6 18 16 16.6 11.4 12 16 7.4 14.6 6l-6 6z'/%3E%3C/svg%3E");
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-items .pagination-span.disabled {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  opacity: 1;
}
.widget-type_system_widget_v4_pagination_3.layout .pagination-items .pagination-link:hover {
  background: var(--bg-2);
  border-color: var(--accent);
  color: var(--accent);
}
.widget-type_system_widget_v4_pagination_3.layout {
  /* pagination-caption УДАЛЁН (юзер 2026-08-15): frag-only, системный liquid
     не рендерит; без JS-заглушек — минимум кастомизации. */
}

/* ══════════════════════════════════════════════════════════════
   ══ COLLECTION DESCRIPTION — system_widget_v4_collection_description_1 ══
   БАЗА: нет (используется .static-text из core.css)
   ДЕЛЬТЫ: prototypes/assets/pages/collection.css (collection-description секция)
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_collection_description_1.layout {
  /* ИСТОЧНИК: collection.css строки 466-512 (карточка+полоса+h2 20px) +
     theme.css §8 .static-text (база: padding/типографика p/h3/strong/ul —
     в теме §8 заперт под page_content_1, для этого виджета переводим сюда) */
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text {
  position: relative;
  overflow: hidden;
  margin-top: 32px;
  background: var(--bg-1);
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 14px;
  /* theme.css §8: padding 32/36 — на live было 0 (нет источника в зоне виджета) */
  padding: 32px 36px;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--accent);
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text p {
  font-size: 15px;
  color: var(--text-2);
  line-height: 1.8;
  margin: 0 0 12px;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text strong {
  color: var(--text-1);
  font-weight: 600;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text h2 {
  border-left: none;
  padding-left: 0;
  font-size: 20px;
  font-family: var(--font-d);
  font-weight: 700;
  color: var(--text-1);
  margin: 0 0 16px;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text h3 {
  margin: 22px 0 8px;
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 17px;
  color: var(--text-1);
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text li {
  line-height: 1.6;
  padding-left: 18px;
  font-size: 15px;
  color: var(--text-2);
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text-3);
  top: 11px;
  left: 4px;
}
.widget-type_system_widget_v4_collection_description_1.layout .static-text ul + h3 {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}

/* ══════════════════════════════════════════════════════════════
   ══ SEARCH FORM — system_widget_v4_search_form_1 ════════════════
   БАЗА: prototypes/build/scss/_search.scss (22 строки)
   ПРИМЕЧАНИЕ: База использует .search-form + input (устарело для страницы search),
               текущая структура использует .search-form__form + .search-form__field (для страницы search)
   ══════════════════════════════════════════════════════════════ */
.widget-type_system_widget_v4_search_form_1.layout {
  /* ИСТОЧНИК: текущая структура для страницы search */
}
.widget-type_system_widget_v4_search_form_1.layout .search-form {
  margin: 0;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__form {
  display: flex;
  align-items: center;
  max-width: 640px;
  background: var(--bg-1);
  border: 1px solid var(--border2);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__form:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(255, 113, 1, 0.08);
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__field.form-control {
  flex-grow: 1;
  width: auto;
  height: 56px;
  border: none;
  border-radius: 0;
  padding: 0 20px;
  background: transparent;
  font-family: var(--font-m);
  font-size: 16px;
  letter-spacing: 0.4px;
  color: var(--text-1);
  box-shadow: none;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__field.form-control:focus {
  box-shadow: none;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__field.form-control::placeholder {
  font-family: var(--font-b);
  letter-spacing: 0;
  color: var(--text-2);
  opacity: 0.6;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__submit-btn {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 56px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: background 0.15s;
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__submit-btn:hover {
  background: var(--accent2);
}
.widget-type_system_widget_v4_search_form_1.layout .search-form__submit-btn .icon {
  font-size: 20px;
}

/* ─── Раскладка: sidebar + main (collection) ─── */
@media (min-width: 768px) {
  .page_layout_section_top > main {
    padding-left: 24px;
  }
  .page_layout_section_top > main > .layout {
    padding-left: 0;
    padding-right: 0;
  }
  .page_layout_section_top > aside > .layout,
  .page_layout_section_top > aside > [data-sidebar] > .layout {
    padding-left: 0;
    padding-right: 0;
  }
  .page_layout_section_top > aside > [data-sidebar] {
    position: sticky;
    top: 24px;
  }
}
.page_layout_section_top aside .widget-type_system_widget_v4_sidebar_filter_3,
.page_layout_section_top main .widget-type_widget_v4_catalog_gen10 {
  margin-top: 24px;
}

/* ─── Мобильная сетка: без бокового зазора main ─── */
@media (max-width: 767px) {
  .page_layout_section_top > main {
    padding-left: 0;
  }
}
/* ─── Layout страницы коллекции: зазор сайдбар↔контент ───
   ИСТОЧНИК: pages/collection.css (дельта 2026-08-15) — платформенное
   core.css main{start: initial-main-start + 1} оставляет пустую ячейку ~33px;
   убираем (main вплотную к сайдбару; delta_sidebar=0 в настройках темы).
   УРОК 2026-08-21: правило должно жить ТОЛЬКО на десктопе. На мобильном
   платформенный грид страницы другой, а --initial-main-start остаётся
   десктопным (=9) → main уезжал в трек за правым краем вьюпорта
   (card.left=390 при ширине 390) — каталог «пустой». */
@media (min-width: 768px) {
  .page_layout_section_top.page_layout_sticky_left > main,
  .page_layout_section.page_layout_normal_left > main {
    grid-column-start: var(--initial-main-start);
  }
}
/* ─── Мобильный дубль сортировки ───
   ИСТОЧНИК: live-урок 2026-08-21 (в прототипе мобильного тулбара нет —
   платформа рендерит его за пределами виджета). На collection в aside
   платформенный тулбар .filter-mobile-controls (select сортировки + кнопка
   «Фильтры»), наш .sort-bar (snippet catalog_gen10) дублирует сортировку.
   Прячем sort-bar ТОЛЬКО при наличии платформенного тулбара; на
   search/favorite (aside нет) он остаётся единственной сортировкой.
   УРОК: snippet.scss виджета платформа префиксует `.widget-type_<handle> `
   — селекторы ПРЕДКОВ виджета из snippet.scss не работают, только из
   theme.css (глобальный слой). */
@media (max-width: 767px) {
  .page_layout_section_top:has(> aside .filter-mobile-controls) .sort-bar {
    display: none;
  }
  /* ─── Мобильный тулбар платформы: стилизация в семью sort-select ───
     ИСТОЧНИК: семья .sort-select (snippet.scss catalog_gen10 L8-25,
     computed-эталон 21.08): белый bg-1, border2, radius 8, fs13 Manrope,
     стрелка справа. Платформенный дефолт — синяя рамка form-control. */
  .page_layout_section_top aside .filter-mobile-controls {
    gap: 10px;
    align-items: center;
  }
  .page_layout_section_top aside .collection-sort {
    width: auto;
    flex: 0 1 auto;
  }
  .page_layout_section_top aside .filter-mobile-controls select {
    appearance: none;
    background: var(--bg-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%234A5580' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center;
    border: 1px solid var(--border2);
    border-radius: 8px;
    padding: 9px 32px 9px 12px;
    font-family: var(--font-b);
    font-size: 13px;
    color: var(--text-1);
    max-width: 220px;
  }
  .page_layout_section_top aside .filter-mobile-controls .show-mobile-filter-btn {
    background: var(--bg-1);
    border: 1px solid var(--border2);
    border-radius: 8px;
    color: var(--text-2);
  }
  /* ─── Мобильный ритм: тулбар ↔ карточки ───
     Компенсируем: наш десктоп margin-top 24px на sidebar-виджете (L777)
     и инстанс --layout-pb:3.75vw сайдбара (на мобильном = 58.5px).
     Цель: заголовок→тулбар 12px, тулбар→карточки 20px. */
  .page_layout_section_top aside .widget-type_system_widget_v4_sidebar_filter_3 {
    margin-top: 12px;
  }
  .page_layout_section_top main .widget-type_widget_v4_catalog_gen10 {
    margin-top: 0;
  }
  .page_layout_section_top aside .widget-type_system_widget_v4_sidebar_filter_3 .layout__content {
    padding-bottom: 20px;
  }
}
/* ============================================================
   media/partials/_product.scss — страница карточки товара (GEN10)
   product_info_3 (табы), products_related_5, breadcrumbs_1 — системные,
   стилизуются здесь с .layout-бустом.
   product_5-часть УДАЛЕНА 2026-08-21: карточка = кастомный
   widget_v4_product_gen10, стили в его snippet.scss (без буста).
   Источник: prototypes/assets/pages/product.css
   ============================================================ */
/* ═══ breadcrumbs_1 ═══ product.css L8-37 */
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper {
  justify-content: start;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul {
  font-family: var(--font-b);
  font-size: 13px;
  line-height: 1.6;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li,
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li a {
  color: rgba(12, 17, 48, 0.7);
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li a {
  transition: color 0.15s;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul li a:hover {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-color: rgba(255, 113, 1, 0.4);
  text-underline-offset: 3px;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul > *:not(:last-child):after {
  content: "/";
  color: var(--text-3);
  opacity: 0.4;
  margin: 0 8px;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper .breadcrumb-page {
  color: var(--text-2);
}

/* ═══ product_info_3 — табы ═══ product.css L585-775 */
.widget-type_system_widget_v4_product_info_3.layout .tabs__head {
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border);
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head-item {
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: var(--text-2);
  padding: 10px 22px 12px;
  border-bottom: 2px solid transparent;
  border-radius: 8px 8px 0 0;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head-item:hover {
  background: var(--bg-2);
  border-bottom-color: var(--bg-4);
  color: var(--text-1);
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head-item.is-active {
  background: transparent;
  color: var(--accent);
  font-weight: 600;
  border-bottom-color: var(--accent);
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head-icon {
  display: none;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__item {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-1);
  padding: 28px 32px;
  box-shadow: var(--shadow);
}

/* theme.css .static-text — карточка для page-content; внутри таба сбрасываем — product.css L624-630 */
.widget-type_system_widget_v4_product_info_3.layout .tabs__item .static-text {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.widget-type_system_widget_v4_product_info_3.layout .product-description {
  font-family: var(--font-b);
  font-size: 15px;
  line-height: 1.75;
  color: var(--text-2);
  max-width: 860px;
}

.widget-type_system_widget_v4_product_info_3.layout .product-description a {
  color: var(--accent);
}

.widget-type_system_widget_v4_product_info_3.layout .property {
  grid-template-columns: minmax(180px, 320px) 1fr;
  gap: 24px;
  align-items: baseline;
  padding: 8px 12px;
  border-radius: 6px;
}

/* мягкая zebra — product.css L649-651 */
.widget-type_system_widget_v4_product_info_3.layout .property:nth-of-type(even) {
  background: rgba(10, 20, 90, 0.03);
}

/* property-group-title удалены (нет источника данных: платформа рендерит плоско) — product.css L652 */
.widget-type_system_widget_v4_product_info_3.layout .property__name {
  max-width: none;
  font-family: var(--font-b);
  font-size: 13.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_product_info_3.layout .property__content {
  font-family: var(--font-b);
  font-size: 13.5px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head-count {
  color: var(--text-3);
  font-weight: 500;
}

.widget-type_system_widget_v4_product_info_3.layout .show-review-form-controls {
  text-align: center;
  margin-bottom: 12px;
}

.widget-type_system_widget_v4_product_info_3.layout .show-review-form-controls .show-form-btn {
  height: 40px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid var(--border2);
  background: transparent;
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 14px;
  color: var(--text-1);
  transition: all 0.2s;
}

.widget-type_system_widget_v4_product_info_3.layout .show-review-form-controls .show-form-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--bg-2);
}

.widget-type_system_widget_v4_product_info_3.layout .review-form-title {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 18px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_product_info_3.layout .star-rating .star-label {
  color: var(--text-3);
}

.widget-type_system_widget_v4_product_info_3.layout .form-label {
  font-family: var(--font-b);
  font-size: 13px;
  color: var(--text-2);
}

.widget-type_system_widget_v4_product_info_3.layout .form-control {
  border-radius: 8px;
  border-color: var(--border2);
  font-family: var(--font-b);
}

.widget-type_system_widget_v4_product_info_3.layout .form-control:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(255, 113, 1, 0.08);
}

.widget-type_system_widget_v4_product_info_3.layout .form-controls .button {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid var(--accent);
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 15px;
  color: var(--accent);
  transition: all 0.2s;
}

.widget-type_system_widget_v4_product_info_3.layout .form-controls .button:hover {
  background: var(--accent);
  color: #ffffff;
}

.widget-type_system_widget_v4_product_info_3.layout .moderation {
  font-size: 12px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_product_info_3.layout .moderation a {
  color: var(--text-2);
}

/* ═══ products_related_5 ═══ product.css L766-934 */
/* price=0 → «По запросу»: кнопку корзины карточки прячем (юзер 2026-08-15;
   класс quote-price ставит product.js по тексту цены «0 ₽») */
.widget-type_system_widget_v4_products_related_5.layout .product-preview.quote-price .product-preview__price-cur {
  font-family: var(--font-m);
  font-weight: 500;
  opacity: 0.85;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview.quote-price .product-preview__price-note,
.widget-type_system_widget_v4_products_related_5.layout .product-preview.quote-price .product-preview__controls-left {
  display: none;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products {
  margin-bottom: 0;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products__head {
  margin-bottom: 20px;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products__title {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 20px;
  color: var(--text-1);
  width: auto;
  padding-left: 14px;
  border-left: 3px solid var(--accent);
  letter-spacing: -0.2px;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products__slider-controls {
  display: none;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products .splide__track {
  overflow: visible;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products .splide__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.widget-type_system_widget_v4_products_related_5.layout .special-products .splide__slide {
  min-width: 0;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview {
  height: 100%;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview:hover {
  border-color: rgba(255, 113, 1, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(10, 20, 90, 0.12);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__content {
  grid-template-areas: "photo photo" "sku sku" "title title" "bottom bottom";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content max-content 1fr max-content;
  padding: 14px;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__photo {
  margin: -14px -14px 12px;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  background: var(--bg-1);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__photo .img-ratio {
  --img-ratio: 1.3333;
  background: var(--bg-1);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__photo img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__available {
  position: absolute;
  top: 12px;
  left: 12px;
  right: auto;
  transform: none;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-m);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: var(--green);
  background: var(--green-bg);
  border: 1px solid rgba(22, 163, 74, 0.2);
  border-radius: 6px;
  z-index: 2;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__available::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
}

/* «Под заказ» — серая точка, как в каталоге (если товар не в наличии) — product.css L864-871 */
.widget-type_system_widget_v4_products_related_5.layout .product-preview__available.is-preorder {
  color: var(--text-2);
  background: var(--bg-2);
  border-color: var(--border2);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__available.is-preorder::before {
  background: var(--text-3);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__sku {
  font-family: var(--font-m);
  font-size: 13px;
  color: var(--text-2);
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__title {
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__title a {
  color: var(--text-1);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__title a:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__area-bottom {
  align-items: center;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__price {
  padding-bottom: 0;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__price-cur {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 17px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__price-note {
  display: block;
  font-family: var(--font-b);
  font-size: 11px;
  color: var(--text-3);
  margin-top: 2px;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__controls .add-cart-counter__btn {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  background: transparent;
  border: 1px solid var(--accent);
  color: var(--accent);
  transition: all 0.2s;
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__controls .add-cart-counter__btn:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(255, 113, 1, 0.25);
}

.widget-type_system_widget_v4_products_related_5.layout .product-preview__controls .add-cart-counter__btn .add-cart-counter__btn-icon {
  font-size: 1.25rem;
  color: inherit;
}

/* ═══ адаптив ═══ product.css L936-972 */
@media (max-width: 1024px) {
  .widget-type_system_widget_v4_products_related_5.layout .special-products .splide__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .widget-type_system_widget_v4_products_related_5.layout .special-products .splide__list {
    grid-template-columns: 1fr;
  }
  .widget-type_system_widget_v4_product_info_3.layout .tabs__item {
    padding: 20px 16px;
  }
  .widget-type_system_widget_v4_product_info_3.layout .property {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
/* ═══ Белая поверхность для табов (не на лавандовом) ═══ product.css L974-1000 */
.widget-type_system_widget_v4_product_info_3.layout .tabs {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__head {
  padding: 20px 32px 0;
  margin-bottom: 0;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__content {
  padding: 0 32px 32px;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__item {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 28px 0 0;
}

.widget-type_system_widget_v4_product_info_3.layout .tabs__item .static-text {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

/* Мобайл: разделитель между табами-аккордеонами info_3 (design-ревью 21.08) */
@media (max-width: 767px) {
  .widget-type_system_widget_v4_product_info_3.layout .tabs__head-item {
    border-bottom: 1px solid rgba(10, 20, 90, 0.08);
  }
  .widget-type_system_widget_v4_product_info_3.layout .tabs__head-item:last-child {
    border-bottom: none;
  }
}
/* ═══ related_5 мобайл ≤767: компакт-ряд — единая миниатюра с каталогом
   (DESIGN §11.15, юзер 2026-08-23). Платформенный grid-areas product-preview
   перестраивается: фото 132 слева, справа sku/title/bottom; rating и
   description скрыты (в миниатюре каталога их нет), favorites скрыт. ═══ */
@media (max-width: 767px) {
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__content {
    grid-template-areas: "photo sku" "photo title" "photo bottom";
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 12px;
    padding: 12px;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__area-rating,
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__description,
  .widget-type_system_widget_v4_products_related_5.layout .product-preview .favorites_btn {
    display: none !important;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__area-photo {
    display: flex;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__photo {
    width: 100%;
    height: auto;
    min-height: 120px;
    margin: 0;
    border-right: 1px solid var(--border);
    background: var(--bg-1);
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__photo img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__sku {
    font-size: 11px;
    margin-bottom: 4px;
    text-align: left;
    align-self: end;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__title {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 8px;
    align-self: start;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__area-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid var(--border);
    padding-top: 8px;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__price-cur {
    font-size: 16px;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__price-old {
    font-size: 13px;
  }
  .widget-type_system_widget_v4_products_related_5.layout .product-preview__controls .button {
    width: 42px;
    height: 42px;
  }
}
/* ============================================================
   media/partials/_cart.scss — страница корзины (GEN10)
   Финал для cart_3, breadcrumbs_1, page_title_1
   Селекторы под .widget-type_system_widget_v4_* с .layout-бустом специфичности
   Источник: prototypes/assets/pages/cart.css (все правила с комментариями строк)
   ============================================================ */
/* ── breadcrumbs_1 (cart) ── cart.css L2-29 */
.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper {
  justify-content: start;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-link {
  color: var(--text-3);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-link:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-wrapper ul > *:not(:last-child):after {
  opacity: 0.4;
}

.widget-type_system_widget_v4_breadcrumbs_1.layout .breadcrumb-page {
  color: var(--text-1);
  font-weight: 600;
}

/* ── page_title_1 (cart) ── cart.css L32-48 */
.widget-type_system_widget_v4_page_title_1.layout .page-headding.heading {
  margin: 0;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.2;
  color: var(--text-1);
}

.widget-type_system_widget_v4_page_title_1.layout .page-title-count {
  margin-left: 10px;
  font-family: var(--font-m);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--text-3);
}

/* ── cart_3 ── cart.css L51-514 */
/* Сетка корзины */
.widget-type_system_widget_v4_cart_3.layout .cart {
  grid-auto-columns: 1fr 380px;
  grid-gap: 32px;
}

/* Таблица позиций — карточки: фото | название+SKU | степпер | итог+удаление */
.widget-type_system_widget_v4_cart_3.layout .cart__area-items {
  display: grid;
  gap: 14px;
}

.widget-type_system_widget_v4_cart_3.layout[style*="--product-hide-rating:true"] .cart-item,
.widget-type_system_widget_v4_cart_3.layout[style*="--product-hide-rating: true"] .cart-item {
  --item-image-size: 152px;
  grid-template-areas: "image info counter right";
  grid-template-columns: var(--item-image-size) 1fr auto auto;
  align-items: start;
  gap: 12px 20px;
  padding: 20px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.widget-type_system_widget_v4_cart_3.layout .cart-item:first-child {
  padding-top: 20px;
}

.widget-type_system_widget_v4_cart_3.layout .cart-item:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}

/* Фото — белая подложка (картинки клиента с белым фоном), фиксированная высота (единый ритм) */
.widget-type_system_widget_v4_cart_3.layout .item-image .img-ratio {
  height: var(--item-image-size);
  padding-top: 0;
  background: var(--bg-1);
  border-radius: 10px;
}

.widget-type_system_widget_v4_cart_3.layout .item-image img {
  border: none;
  border-radius: 10px;
}

/* Название + SKU (моно) + цена за единицу */
.widget-type_system_widget_v4_cart_3.layout .item-info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.widget-type_system_widget_v4_cart_3.layout .item-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--text-1);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_cart_3.layout .item-title:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_cart_3.layout .item-title .item-sku {
  display: block;
  margin-top: 4px;
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_cart_3.layout .item-title:hover .item-sku {
  color: var(--accent);
}

/* цена за единицу показывается у всех позиций */
.widget-type_system_widget_v4_cart_3.layout .item-price {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.widget-type_system_widget_v4_cart_3.layout .item-price > div {
  font-family: var(--font-m);
  font-size: 12.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_cart_3.layout .item-price .price {
  font-family: var(--font-m);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .price-old {
  font-family: var(--font-m);
  font-size: 12px;
  color: var(--text-3);
  text-decoration: line-through;
}

/* Контролы количества — компактная группа */
.widget-type_system_widget_v4_cart_3.layout .item-counter .counter {
  background: var(--bg-2);
  border: 1px solid var(--border2);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.15s;
}

.widget-type_system_widget_v4_cart_3.layout .item-counter .counter:hover {
  border-color: var(--accent);
}

.widget-type_system_widget_v4_cart_3.layout .item-counter .counter-button {
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--text-2);
  font-size: 14px;
  transition: all 0.15s;
}

.widget-type_system_widget_v4_cart_3.layout .item-counter .counter-button:hover {
  background: var(--bg-3);
  color: var(--accent);
}

.widget-type_system_widget_v4_cart_3.layout .item-counter .counter-button:active {
  transform: scale(0.95);
}

.widget-type_system_widget_v4_cart_3.layout .item-counter .counter-input {
  width: 26px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 0;
  border-left: 1px solid var(--border2);
  border-right: 1px solid var(--border2);
  font-family: var(--font-m);
  font-size: 13.5px;
  color: var(--text-1);
  text-align: center;
  box-shadow: none;
}

/* Итог + удаление */
.widget-type_system_widget_v4_cart_3.layout .item-right {
  grid-area: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  min-width: 110px;
}

.widget-type_system_widget_v4_cart_3.layout .item-total {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.3px;
  line-height: 1.3;
  color: var(--text-1);
  text-align: right;
  white-space: nowrap;
}

.widget-type_system_widget_v4_cart_3.layout .item-delete button {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-family: "insales-icons";
  color: var(--text-1);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s;
}

.widget-type_system_widget_v4_cart_3.layout .item-delete button:hover {
  background: color-mix(in srgb, var(--color-error) 18%, transparent);
  color: color-mix(in srgb, var(--color-error) 88%, var(--text-1));
}

/* Аксессуары — аккордеон в языке карточек, акцент на chevron */
.widget-type_system_widget_v4_cart_3.layout .item-accessories {
  grid-area: accessories;
  margin-top: 10px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 16px;
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories__expander {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories__expander .icon {
  font-size: 14px;
  color: var(--accent);
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories__expander .icon-sort-desc {
  transition: transform 0.25s;
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories.is-open .item-accessories__expander .icon-sort-desc {
  transform: rotate(180deg);
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories__total-price {
  font-family: var(--font-m);
  font-size: 13px;
  color: var(--text-2);
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories__items {
  display: grid;
  gap: 6px;
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories .accessory-item {
  gap: 16px;
  font-size: 12.5px;
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories .accessory-item__name {
  color: var(--text-2);
}

.widget-type_system_widget_v4_cart_3.layout .item-accessories .accessory-item__price {
  font-family: var(--font-m);
  color: var(--text-1);
}

/* Сводка — sticky-панель */
.widget-type_system_widget_v4_cart_3.layout .cart__area-controls-sticky {
  position: sticky;
  top: 92px;
}

/* Панель итогов: промокод + итоги в одной карточке */
.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 22px 24px;
  gap: 10px;
  font-size: 14px;
}

/* Строки сумм — с разделителями 1px */
.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total-products {
  align-items: baseline;
  font-size: 13.5px;
  color: var(--text-2);
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total-products [data-cart-full-total-price] {
  font-family: var(--font-m);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .discount {
  font-size: 13.5px;
  color: var(--text-2);
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .discount .insales-ui-discount-amount {
  font-family: var(--font-m);
  font-weight: 600;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-delivery {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13.5px;
  color: var(--text-2);
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-delivery span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-delivery span:last-child .icon {
  font-size: 13px;
  color: var(--accent);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 14px;
  margin-top: 4px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total .total-description {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total .total-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total .total-amount {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.5px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .total .total-vat {
  font-size: 12px;
  color: var(--text-3);
  background: var(--bg-2);
  border-radius: 6px;
  padding: 3px 8px;
}

/* CTA */
.widget-type_system_widget_v4_cart_3.layout .submit-block .button {
  width: 100%;
  height: auto;
  padding: 15px 24px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.2px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent);
  transition: filter 0.15s;
}

.widget-type_system_widget_v4_cart_3.layout .submit-block .button:hover {
  filter: brightness(0.95);
}

/* Примечание под CTA — одна строка */
.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-2);
  border-top: 1px dashed var(--border);
  padding-top: 12px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-note .cart-note__link {
  color: color-mix(in srgb, var(--accent2) 80%, var(--text-1));
  text-decoration: underline;
  text-underline-offset: 2px;
}

.widget-type_system_widget_v4_cart_3.layout .cart__area-controls .cart-controls .cart-note .cart-note__link:hover {
  color: var(--accent2);
}

/* Пустая корзина */
.widget-type_system_widget_v4_cart_3.layout .js-cart-empty {
  padding: 48px 0;
  font-size: 16px;
  color: var(--text-2);
}

/* Мобильная раскладка карточки */
@media screen and (max-width: 550px) {
  .widget-type_system_widget_v4_cart_3.layout[style*="--product-hide-rating:true"] .cart-item,
  .widget-type_system_widget_v4_cart_3.layout[style*="--product-hide-rating: true"] .cart-item {
    --item-image-size: 100px;
    grid-template-areas: "image info" "image right" "image counter";
    grid-template-columns: var(--item-image-size) 1fr;
  }
  .widget-type_system_widget_v4_cart_3.layout .item-image {
    grid-row: 1/-1;
    align-self: stretch;
  }
  .widget-type_system_widget_v4_cart_3.layout .item-image .img-ratio {
    height: 100%;
  }
  .widget-type_system_widget_v4_cart_3.layout .item-right {
    align-items: flex-start;
  }
  .widget-type_system_widget_v4_cart_3.layout .item-total {
    text-align: left;
  }
}
/* ── промокоды: отключены (решение юзера 2026-08-15) ── */
.widget-type_system_widget_v4_cart_3.layout .cart__area-coupon {
  /* промокоды отключены решением юзера: блока нет в эталоне (фрагмент без coupon),
     аккаунт держит cart.enable_coupon?=true → платформа рендерит — прячем.
     Буст .layout обязателен: системный inline грузится после theme.css */
  display: none;
}

/* ═══ PARTIAL: _compare.scss — сравнение (compare_3) ═══
   Слой: поверх системного виджета, под .widget-type_system_widget_v4_compare_3
   Источник: prototypes/assets/pages/compare.css
   Правило: без Liquid, только CSS-переменные из settings_form
*/
/* ═══ breadcrumbs_1 (compare) ═══ */
.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper {
  justify-content: start;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-link {
  color: var(--text-3);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-link:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul > *:not(:last-child):after {
  opacity: 0.4;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-page {
  color: var(--text-1);
  font-weight: 600;
}

/* ═══ page_title_1 (compare) ═══ */
.widget-type_system_widget_v4_page_title_1 .page-headding.heading {
  margin: 0;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.2;
  color: var(--text-1);
}

.widget-type_system_widget_v4_page_title_1 .page-title-count {
  margin-left: 10px;
  font-family: var(--font-m);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--text-3);
}

/* ═══ compare_3 ═══ */
.widget-type_system_widget_v4_compare_3 .hidden {
  display: none;
}

/* Тулбар: тоггл «Только различия» справа — pill с иконкой и switch */
.widget-type_system_widget_v4_compare_3 .compare-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox {
  display: block;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 6px 6px 6px 14px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 999px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__inner:hover {
  border-color: var(--border2);
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__wrapper {
  padding: 0;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__icon {
  font-size: 14px;
  color: var(--text-2);
  transition: color 0.15s;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__caption_label {
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-1);
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__control_hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* switch: трек --bg-3 → accent при on, точка белая */
.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__switch {
  position: relative;
  line-height: 0;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__switch-track {
  display: block;
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: var(--bg-3);
  transition: background 0.2s;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__switch-dot {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(10, 20, 90, 0.25);
  transition: transform 0.2s;
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__control:checked ~ .checkbox__switch-track {
  background: var(--accent);
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__control:checked ~ .checkbox__switch-track .checkbox__switch-dot {
  transform: translateX(16px);
}

.widget-type_system_widget_v4_compare_3 .compare-toolbar .checkbox__inner:has(.checkbox__control:checked) .checkbox__icon {
  color: var(--accent);
}

/* Таблица — белая карточка; горизонтальный скролл внутри контейнера */
.widget-type_system_widget_v4_compare_3 .compare-table-wrapper {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.widget-type_system_widget_v4_compare_3 .table-compare {
  display: grid;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.widget-type_system_widget_v4_compare_3 .table-compare::-webkit-scrollbar {
  height: 8px;
}

.widget-type_system_widget_v4_compare_3 .table-compare::-webkit-scrollbar-thumb {
  background: var(--bg-4);
  border-radius: 4px;
}

.widget-type_system_widget_v4_compare_3 .table-compare::-webkit-scrollbar-track {
  background: transparent;
}

/* Строка: первая колонка (параметр) 220px, колонки товаров — равные */
.widget-type_system_widget_v4_compare_3 .compare-row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 220px;
  grid-auto-columns: minmax(240px, 1fr);
}

.widget-type_system_widget_v4_compare_3 .compare-row > *:last-child {
  border-right: none;
}

/* Ячейка заголовка над колонкой параметров (sticky слева) */
.widget-type_system_widget_v4_compare_3 .compare-clear_block {
  position: sticky;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  background: var(--bg-1);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* Колонка товара */
.widget-type_system_widget_v4_compare_3 .compare-product {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 20px 18px;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

.widget-type_system_widget_v4_compare_3 .compare-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-family: "insales-icons";
  font-size: 14px;
  line-height: 1;
  color: var(--text-3);
  cursor: pointer;
  transition: all 0.15s;
}

.widget-type_system_widget_v4_compare_3 .compare-delete:hover {
  background: color-mix(in srgb, var(--color-error) 12%, transparent);
  color: var(--color-error);
}

/* Фото — белая подложка (картинки клиента с белым фоном), contain */
.widget-type_system_widget_v4_compare_3 .compare-image-wrapper {
  width: 100%;
  max-width: 190px;
}

.widget-type_system_widget_v4_compare_3 .compare-image-wrapper .img-ratio {
  background: var(--bg-1);
  border-radius: 10px;
}

.widget-type_system_widget_v4_compare_3[style*="--img-fit: contain"] .compare-image-wrapper .img-ratio img {
  object-fit: contain;
}

.widget-type_system_widget_v4_compare_3 .compare-image-wrapper .img-ratio img {
  transition: transform 0.25s;
}

.widget-type_system_widget_v4_compare_3 .compare-product:hover .compare-image-wrapper .img-ratio img {
  transform: scale(1.03);
}

/* SKU — моно, muted */
.widget-type_system_widget_v4_compare_3 .compare-sku {
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_compare_3 .compare-product:hover .compare-sku {
  color: var(--accent);
}

/* Название — clamp 2 строки, ровные колонки */
.widget-type_system_widget_v4_compare_3 .title-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--text-1);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_compare_3 .title-link:hover {
  color: var(--accent);
}

/* Наличие — pill с точкой: серый «Предзаказ», зелёный «В наличии» */
.widget-type_system_widget_v4_compare_3 .compare-availability {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--border2);
  border-radius: 999px;
  background: var(--bg-1);
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: var(--text-2);
}

.widget-type_system_widget_v4_compare_3 .compare-availability .dot {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-2);
}

.widget-type_system_widget_v4_compare_3 .compare-availability.is-available {
  background: var(--green-bg);
  border-color: rgba(22, 163, 74, 0.2);
  color: var(--green);
}

.widget-type_system_widget_v4_compare_3 .compare-availability.is-available .dot {
  background: var(--green);
}

/* Цена + «с НДС» */
.widget-type_system_widget_v4_compare_3 .product-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: 2px;
}

.widget-type_system_widget_v4_compare_3 .product-price-cur {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -0.3px;
  line-height: 1.25;
  color: var(--text-1);
  white-space: nowrap;
}

.widget-type_system_widget_v4_compare_3 .product-price-cur.product-price-quote {
  font-family: var(--font-m);
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0;
  opacity: 0.85;
}

.widget-type_system_widget_v4_compare_3 .product-price-note {
  font-size: 11px;
  color: var(--text-3);
}

/* Кнопки покупки — прижаты к низу колонки */
.widget-type_system_widget_v4_compare_3 .compare-buy {
  display: flex;
  width: 100%;
  margin-top: auto;
  padding-top: 10px;
}

.widget-type_system_widget_v4_compare_3 .compare-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 14px;
  background: var(--accent);
  border: none;
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 14.5px;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}

.widget-type_system_widget_v4_compare_3 .compare-add-btn .icon {
  font-size: 15px;
}

.widget-type_system_widget_v4_compare_3 .compare-add-btn:hover {
  background: var(--accent2);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(255, 113, 1, 0.25);
}

.widget-type_system_widget_v4_compare_3 .compare-preorder-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  margin-top: auto;
  background: transparent;
  border: 1px solid var(--border2);
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 14px;
  color: var(--text-1);
  cursor: pointer;
  transition: all 0.2s;
}

.widget-type_system_widget_v4_compare_3 .compare-preorder-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--bg-2);
  transform: translateY(-2px);
}

/* Группы характеристик — моно uppercase-подпись с accent-полоской,
   усиленный border-top между группами (первая — сразу под шапкой, без него) */
.widget-type_system_widget_v4_compare_3 .compare-row_grp {
  display: block;
}

.widget-type_system_widget_v4_compare_3 .compare-group {
  padding: 16px 20px 10px 17px;
  background: var(--bg-1);
  border-left: 3px solid var(--accent);
  border-top: 2px solid var(--border);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-m);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-2);
}

.widget-type_system_widget_v4_compare_3 .compare-row_head + .compare-row_grp .compare-group {
  border-top: none;
}

/* Ячейки характеристик */
.widget-type_system_widget_v4_compare_3 .compare-param {
  min-width: 0;
  padding: 12px 16px;
  background: var(--bg-1);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

.widget-type_system_widget_v4_compare_3 .compare-param.param-title {
  position: sticky;
  left: 0;
  z-index: 2;
  padding: 12px 16px 12px 12px;
  text-align: right;
  overflow-wrap: break-word;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-2);
  box-shadow: 12px 0 16px -14px rgba(10, 20, 90, 0.2);
}

.widget-type_system_widget_v4_compare_3 .compare-param.param-value {
  font-size: 13.5px;
  color: var(--text-1);
}

/* совпадающие у всех товаров значения — приглушены для быстрого сканирования */
.widget-type_system_widget_v4_compare_3 .compare-row.same-row .compare-param.param-value {
  color: var(--text-3);
}

/* Zebra — мягкая, включая непрозрачный фон sticky-колонки */
.widget-type_system_widget_v4_compare_3 .compare-row:nth-child(even):not(.compare-row_grp):not(.compare-row_head) .compare-param.param-value {
  background: rgba(10, 20, 90, 0.03);
}

.widget-type_system_widget_v4_compare_3 .compare-row:nth-child(even):not(.compare-row_grp):not(.compare-row_head) .compare-param.param-title {
  background: color-mix(in srgb, var(--bg-1) 97%, var(--text-1) 3%);
}

/* Мобильный: уже первая колонка, колонки товаров — minmax как в snippet.scss */
@media screen and (max-width: 767px) {
  .widget-type_system_widget_v4_compare_3 .compare-row {
    grid-template-columns: 150px;
    grid-auto-columns: minmax(150px, 300px);
  }
  .widget-type_system_widget_v4_compare_3 .compare-toolbar {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 321px) {
  .widget-type_system_widget_v4_compare_3 .compare-row {
    grid-template-columns: 135px;
    grid-auto-columns: minmax(135px, 300px);
  }
}
/* ═══ PARTIAL: _shared_cart.scss — расшаренная спецификация (shared_cart_1) ═══
   Слой: поверх системного виджета, под .widget-type_system_widget_v4_shared_cart_1
   Источник: prototypes/assets/pages/shared_cart.css
   Правило: без Liquid, только CSS-переменные из settings_form
*/
/* ═══ breadcrumbs_1 (shared_cart) ═══ */
.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper {
  justify-content: start;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-link {
  color: var(--text-3);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-link:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-wrapper ul > *:not(:last-child):after {
  opacity: 0.4;
}

.widget-type_system_widget_v4_breadcrumbs_1 .breadcrumb-page {
  color: var(--text-1);
  font-weight: 600;
}

/* ═══ page_title_1 (shared_cart) ═══ */
.widget-type_system_widget_v4_page_title_1 .page-headding.heading {
  margin: 0;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.2;
  color: var(--text-1);
}

.widget-type_system_widget_v4_page_title_1 .page-title-count {
  margin-left: 10px;
  font-family: var(--font-m);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--text-3);
}

/* ═══ shared_cart_1 — раскладка (язык cart_3: 1fr + 380px) ═══ */
.widget-type_system_widget_v4_shared_cart_1 .shared-cart {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: start;
}

.widget-type_system_widget_v4_shared_cart_1 .shared-cart__aside {
  position: sticky;
  top: 92px;
}

/* ── Блок share-ссылки: accent-полоска слева (паттерн part-numbers) ── */
.widget-type_system_widget_v4_shared_cart_1 .share-spec {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  border-radius: 14px;
  padding: 18px 20px 20px;
  margin-bottom: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-family: var(--font-b);
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-1);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__title .icon {
  font-size: 14px;
  color: var(--accent);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  background: var(--bg-2);
  border: 1px solid var(--border2);
  border-radius: 10px;
  font-family: var(--font-m);
  font-size: 12.5px;
  letter-spacing: 0.2px;
  color: var(--text-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__input:focus {
  outline: none;
  border-color: var(--accent);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 18px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.2px;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent);
  transition: background 0.15s, box-shadow 0.15s, transform 0.15s;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy:hover {
  background: var(--accent2);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy:active {
  transform: scale(0.97);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy .share-spec__state {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy .share-spec__state-copied {
  display: none;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy.is-copied,
.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy.is-copied:hover {
  background: var(--green);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--green) 30%, transparent);
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy.is-copied .share-spec__state-default {
  display: none;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy.is-copied .share-spec__state-copied {
  display: inline-flex;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__copy.is-copied .icon-check {
  font-size: 14px;
}

.widget-type_system_widget_v4_shared_cart_1 .share-spec__hint {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-2);
}

/* ── Состав спецификации — единая белая панель с внутренними разделителями ── */
.widget-type_system_widget_v4_shared_cart_1 .spec-items {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item {
  display: grid;
  grid-template-columns: 120px 1fr auto auto;
  align-items: center;
  gap: 12px 20px;
  padding: 16px 20px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item + .spec-item {
  border-top: 1px solid var(--border);
}

/* Фото — белая подложка (картинки клиента с белым фоном) */
.widget-type_system_widget_v4_shared_cart_1 .spec-item__image .img-ratio {
  height: 120px;
  padding-top: 0;
  background: var(--bg-1);
  border-radius: 10px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__image img {
  border: none;
  border-radius: 10px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--text-1);
  text-decoration: none;
  transition: color 0.15s;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__title:hover {
  color: var(--accent);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__sku {
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__price {
  font-family: var(--font-m);
  font-size: 12.5px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__price .price {
  font-family: var(--font-m);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: var(--text-1);
}

/* Кол-во — read-only pill (согласование, не редактирование) */
.widget-type_system_widget_v4_shared_cart_1 .spec-item__qty {
  font-family: var(--font-m);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-1);
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 6px 12px;
  white-space: nowrap;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-item__total {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.3px;
  color: var(--text-1);
  text-align: right;
  white-space: nowrap;
  min-width: 110px;
}

/* ── Итоговая панель (sticky) ── */
.widget-type_system_widget_v4_shared_cart_1 .spec-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 22px 24px;
  font-size: 14px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__title {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 16px;
  color: var(--text-1);
  padding-bottom: 14px;
  margin-bottom: 2px;
  border-bottom: 1px solid var(--border);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 13.5px;
  color: var(--text-2);
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__row .spec-summary__value {
  font-family: var(--font-m);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--text-1);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__row .spec-summary__delivery {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-3);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__row .spec-summary__delivery .icon {
  font-size: 13px;
  color: var(--accent);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 14px;
  margin-top: 4px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__total-desc {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-1);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__total-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__total-amount {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.5px;
  color: var(--text-1);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__vat {
  font-size: 12px;
  color: var(--text-3);
  background: var(--bg-2);
  border-radius: 6px;
  padding: 3px 8px;
}

/* CTA-строка */
.widget-type_system_widget_v4_shared_cart_1 .spec-summary__actions .button {
  width: 100%;
  height: auto;
  padding: 15px 24px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.2px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent);
  transition: filter 0.15s;
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__actions .button:hover {
  filter: brightness(0.95);
}

.widget-type_system_widget_v4_shared_cart_1 .spec-summary__note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-2);
  border-top: 1px dashed var(--border);
  padding-top: 12px;
}

/* ── Адаптив ── */
@media screen and (max-width: 1024px) {
  .widget-type_system_widget_v4_shared_cart_1 .shared-cart {
    grid-template-columns: 1fr;
  }
  .widget-type_system_widget_v4_shared_cart_1 .shared-cart__aside {
    position: static;
  }
}
@media screen and (max-width: 640px) {
  .widget-type_system_widget_v4_shared_cart_1 .spec-item {
    grid-template-columns: 96px 1fr;
    grid-template-areas: "image info" "image qty" "image total";
    align-items: start;
  }
  .widget-type_system_widget_v4_shared_cart_1 .spec-item__image {
    grid-area: image;
  }
  .widget-type_system_widget_v4_shared_cart_1 .spec-item__image .img-ratio {
    height: 96px;
  }
  .widget-type_system_widget_v4_shared_cart_1 .spec-item__info {
    grid-area: info;
  }
  .widget-type_system_widget_v4_shared_cart_1 .spec-item__qty {
    grid-area: qty;
    justify-self: start;
  }
  .widget-type_system_widget_v4_shared_cart_1 .spec-item__total {
    grid-area: total;
    text-align: left;
  }
  .widget-type_system_widget_v4_shared_cart_1 .share-spec__row {
    flex-direction: column;
  }
  .widget-type_system_widget_v4_shared_cart_1 .share-spec__copy {
    width: 100%;
  }
}
.widget-type_system_widget_v4_page_content_1.layout .static-text {
  position: relative;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 36px 40px;
  box-shadow: var(--shadow);
  margin-top: 0;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text h2 {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  color: var(--text-1);
  letter-spacing: -0.4px;
  padding-left: 14px;
  border-left: 3px solid var(--accent);
  margin: 40px 0 16px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text h2:first-child {
  margin-top: 0;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text h3 {
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 17px;
  color: var(--text-1);
  margin: 26px 0 10px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text p {
  font-size: 15px;
  color: var(--text-2);
  line-height: 1.8;
  margin: 0 0 12px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text strong {
  color: var(--text-1);
  font-weight: 600;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text li {
  font-size: 15px;
  color: var(--text-2);
  line-height: 1.7;
  padding-left: 20px;
  position: relative;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
  font-family: var(--font-m);
  font-weight: 700;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text a {
  color: var(--accent);
  transition: color 0.15s;
  text-decoration: underline;
  text-decoration-color: rgba(255, 113, 1, 0.3);
  text-underline-offset: 3px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text a:hover {
  color: var(--accent2);
  text-decoration-color: var(--accent2);
}
.widget-type_system_widget_v4_page_content_1.layout .static-text .table-wrapper {
  overflow-x: auto;
  margin: 16px 0;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  font-size: 14px;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text th {
  background: var(--bg-2);
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: var(--text-1);
  text-align: left;
  padding: 12px 16px;
  white-space: nowrap;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text td {
  padding: 12px 16px;
  color: var(--text-2);
  line-height: 1.5;
  border-top: 1px solid rgba(10, 20, 90, 0.12);
  vertical-align: top;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text td:first-child {
  color: var(--text-1);
  font-weight: 500;
}
.widget-type_system_widget_v4_page_content_1.layout .static-text tbody tr:nth-child(even) td {
  background: rgba(10, 20, 90, 0.03);
}
@media (max-width: 767px) {
  .widget-type_system_widget_v4_page_content_1.layout .static-text {
    padding: 22px 18px;
  }
  .widget-type_system_widget_v4_page_content_1.layout .static-text h2 {
    font-size: 19px;
  }
  .widget-type_system_widget_v4_page_content_1.layout .static-text table {
    min-width: 520px;
  }
}

.widget-type_system_widget_v4_accordion_cards_1.layout .faq-title {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  color: var(--text-1);
  letter-spacing: -0.4px;
  padding-left: 14px;
  border-left: 3px solid var(--accent);
  margin: 0 0 22px;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .tabs {
  counter-reset: faq;
  border-radius: 0;
  overflow: hidden;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab {
  width: 100%;
  counter-increment: faq;
  overflow: hidden;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab:first-child .acc-tab__label {
  border-top: 1px solid var(--border2);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 14px;
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 15.5px;
  color: var(--text-1);
  cursor: pointer;
  background: transparent;
  border-top: none;
  border-bottom: 1px solid rgba(10, 20, 90, 0.12);
  transition: color 0.15s, background 0.15s;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__label::before {
  content: counter(faq, decimal-leading-zero) " /";
  font-family: var(--font-m);
  font-size: 11px;
  letter-spacing: 1px;
  color: var(--text-3);
  align-self: center;
  min-width: 38px;
  flex-shrink: 0;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__label:hover {
  background: rgba(255, 113, 1, 0.04);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__label:hover .acc-tab__icon {
  border-color: rgba(255, 113, 1, 0.35);
  background: rgba(255, 113, 1, 0.04);
  color: var(--accent);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__label-text {
  padding-left: 0;
  margin-right: auto;
  text-align: left;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-3);
  transition: all 0.25s;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__icon::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.4 5.3 8.7l1.4-1.4L12 12.6l5.3-5.3 1.4 1.4z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.4 5.3 8.7l1.4-1.4L12 12.6l5.3-5.3 1.4 1.4z'/%3E%3C/svg%3E") no-repeat center/contain;
  transform: rotate(0deg);
  transition: transform 0.25s;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 14px 0 66px;
  font-size: 14.5px;
  color: var(--text-2);
  line-height: 1.75;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__content a {
  color: var(--accent);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab__content-inner {
  font-size: 14.5px;
  color: var(--text-2);
  line-height: 1.75;
  padding: 10px 0 20px 52px;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked + .acc-tab__label {
  background: transparent;
  border-left: 3px solid var(--accent);
  padding-left: 11px;
  border-radius: 0;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked + .acc-tab__label .acc-tab__label-text {
  color: var(--text-1);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked + .acc-tab__label .acc-tab__icon {
  background: rgba(255, 113, 1, 0.1);
  border-color: rgba(255, 113, 1, 0.3);
  color: var(--accent);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked + .acc-tab__label .acc-tab__icon::after {
  transform: rotate(180deg);
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked ~ .acc-tab__content {
  max-height: 400px;
  padding: 10px 14px 20px 66px;
}
.widget-type_system_widget_v4_accordion_cards_1.layout .acc-tab input.hidden:checked ~ .acc-tab__content .acc-tab__content-inner {
  padding: 0;
}

.widget-type_page_404 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 570px);
}
.widget-type_page_404 .layout__content {
  width: 100%;
}
.widget-type_page_404 .p404 {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 46px 52px 38px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
  text-align: center;
  overflow: hidden;
}
.widget-type_page_404 .p404::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent);
}
.widget-type_page_404 .p404__code {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 112px;
  line-height: 1;
  letter-spacing: -2px;
  color: var(--text-1);
  margin-bottom: 14px;
  user-select: none;
}
.widget-type_page_404 .p404__code .p404__code-zero {
  color: var(--accent);
}
.widget-type_page_404 .p404__title {
  margin: 0 0 12px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.4px;
  color: var(--text-1);
}
.widget-type_page_404 .p404__text {
  max-width: 440px;
  margin: 0 auto 28px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--text-2);
}
.widget-type_page_404 .p404__search {
  display: flex;
  max-width: 480px;
  margin: 0 auto 22px;
  background: var(--bg-2);
  border: 1px solid var(--border2);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.widget-type_page_404 .p404__search:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(255, 113, 1, 0.08);
}
.widget-type_page_404 .p404__search-field {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 18px;
  border: none;
  background: transparent;
  font-family: var(--font-m);
  font-size: 14.5px;
  letter-spacing: 0.3px;
  color: var(--text-1);
  outline: none;
}
.widget-type_page_404 .p404__search-field::placeholder {
  font-family: var(--font-b);
  letter-spacing: 0;
  color: var(--text-2);
  opacity: 0.7;
}
.widget-type_page_404 .p404__search-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  border: none;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 14.5px;
  cursor: pointer;
  transition: background 0.15s;
}
.widget-type_page_404 .p404__search-btn:hover {
  background: var(--accent2);
}
.widget-type_page_404 .p404__search-btn .icon {
  font-size: 17px;
}
.widget-type_page_404 .p404__actions {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.widget-type_page_404 .p404__home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 48px;
  padding: 0 34px;
  background: var(--accent);
  color: #fff;
  border-radius: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.widget-type_page_404 .p404__home-btn:hover {
  background: var(--accent2);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255, 113, 1, 0.25);
}
.widget-type_page_404 .p404__home-btn .icon {
  font-size: 18px;
}
.widget-type_page_404 .p404__popular {
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.widget-type_page_404 .p404__popular-title {
  margin-bottom: 14px;
  font-family: var(--font-m);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-3);
}
.widget-type_page_404 .p404__popular-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.widget-type_page_404 .p404__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-2);
  text-decoration: none;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.widget-type_page_404 .p404__link:hover {
  color: var(--accent);
  background: rgba(255, 113, 1, 0.06);
  border-color: rgba(255, 113, 1, 0.25);
}
.widget-type_page_404 .p404__link:hover .icon {
  color: var(--accent);
  transform: translateX(2px);
}
.widget-type_page_404 .p404__link .icon {
  font-size: 12px;
  color: var(--text-3);
  transition: color 0.15s, transform 0.15s;
}
@media (max-width: 767px) {
  .widget-type_page_404 .p404 {
    padding: 36px 24px 30px;
  }
  .widget-type_page_404 .p404__code {
    font-size: 84px;
    letter-spacing: -1px;
  }
  .widget-type_page_404 .p404__search {
    flex-direction: column;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .widget-type_page_404 .p404__search-field {
    flex: none;
    width: 100%;
    height: 48px;
    background: var(--bg-2);
    border: 1px solid var(--border2);
    border-radius: 10px;
    margin-bottom: 8px;
  }
  .widget-type_page_404 .p404__search-btn {
    flex: none;
    height: 48px;
    border-radius: 10px;
  }
  .widget-type_page_404 .p404__home-btn {
    width: 100%;
  }
}

.widget-type_system_widget_v4_blog_2.layout .heading {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 24px;
  color: var(--text-1);
  letter-spacing: -0.4px;
  margin: 0;
}
.widget-type_system_widget_v4_blog_2.layout .tagcloud-block {
  margin-top: 12px;
  position: relative;
}
.widget-type_system_widget_v4_blog_2.layout .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 68px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  -webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent);
  mask-image: linear-gradient(to bottom, #000 82%, transparent);
}
.widget-type_system_widget_v4_blog_2.layout .tagcloud-block:hover .tagcloud {
  max-height: 600px;
  -webkit-mask-image: none;
  mask-image: none;
}
.widget-type_system_widget_v4_blog_2.layout .tagcloud .button {
  all: unset;
  -moz-all: unset;
  box-sizing: border-box;
  cursor: pointer;
  font-family: var(--font-m);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--text-3);
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 5px 12px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.widget-type_system_widget_v4_blog_2.layout .tagcloud .button:hover,
.widget-type_system_widget_v4_blog_2.layout .tagcloud .button.active {
  color: var(--accent);
  border-color: var(--accent);
}
.widget-type_system_widget_v4_blog_2.layout .blog-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item {
  display: flex;
  flex-direction: column;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-photo {
  --img-ratio: 1.5;
  background: var(--bg-1);
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-photo .img-ratio__inner {
  height: 100%;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-photo picture,
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-photo a {
  display: block;
  height: 100%;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item:has(.blog-list__item-photo img[src*=no_image]) .blog-list__item-photo {
  background: var(--bg-2);
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item:has(.blog-list__item-photo img[src*=no_image]) .blog-list__item-photo img {
  opacity: 0;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item:has(.blog-list__item-photo img[src*=no_image]) .blog-list__item-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24' fill='none' stroke='%230C1130' stroke-opacity='0.28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/56px 56px no-repeat;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-date {
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-3);
  margin: 18px 24px 0;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-title {
  display: block;
  margin: 8px 24px 0;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-title a {
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -0.3px;
  color: var(--text-1);
  text-decoration: none;
  display: block;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  min-height: 2.9em;
  max-height: 4.35em;
  overflow: hidden;
  transition: color 0.15s ease;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item:hover .blog-list__item-title a {
  color: var(--accent);
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-description.static-text {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin: 10px 24px 0;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-description.static-text,
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-description.static-text p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-2);
  margin: 0;
  display: block;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  min-height: 5.1em;
  max-height: 5.1em;
  overflow: hidden;
}
.widget-type_system_widget_v4_blog_2.layout .blog-list__item-tag-list {
  display: none;
}
@media (max-width: 768px) {
  .widget-type_system_widget_v4_blog_2.layout .blog-list {
    grid-template-columns: 1fr;
  }
}

.widget-type_system_widget_v4_article_1.layout .article-photo {
  height: auto;
  padding-top: 0;
  background: transparent;
}
.widget-type_system_widget_v4_article_1.layout .article-photo .img-ratio__inner {
  position: static;
  width: auto;
  height: auto;
}
.widget-type_system_widget_v4_article_1.layout .article-photo img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: clamp(320px, 45vh, 520px);
  border-radius: 14px;
  object-fit: contain;
}
.widget-type_system_widget_v4_article_1.layout .heading {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.6px;
  color: var(--text-1);
  margin: 24px 0 16px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text {
  position: relative;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 36px 40px;
  box-shadow: none;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--accent);
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text h1 {
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.2px;
  color: var(--text-1);
  margin: 0 0 12px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text h2 {
  border-left: none;
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.3px;
  margin: 40px 0 14px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text h2:first-child {
  margin-top: 0;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text h3 {
  font-size: 16px;
  margin: 26px 0 10px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text p {
  font-size: 15px;
  line-height: 1.75;
  margin: 0 0 14px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text p:last-child {
  margin-bottom: 0;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 24px 0;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text strong {
  color: var(--text-1);
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text .table-wrapper {
  overflow-x: auto;
  margin: 0 0 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text table th {
  font-family: var(--font-m);
  font-size: 11.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: left;
  color: var(--text-3);
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-2);
  white-space: nowrap;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text table td {
  padding: 12px 16px;
  color: var(--text-2);
  border-bottom: 1px solid var(--border);
  line-height: 1.5;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text table tr:last-child td {
  border-bottom: none;
}
.widget-type_system_widget_v4_article_1.layout .article-content.static-text table tbody tr:nth-child(even) td {
  background: rgba(10, 20, 90, 0.05);
}
@media (max-width: 768px) {
  .widget-type_system_widget_v4_article_1.layout .heading {
    font-size: 24px;
  }
  .widget-type_system_widget_v4_article_1.layout .article-content.static-text {
    padding: 24px 20px;
  }
}

.widget-type_system_widget_v4_article_previews_1.layout .article-list__title.heading {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.3px;
  color: var(--text-1);
  margin: 0 0 26px;
  border-left: 3px solid var(--accent);
  padding-left: 14px;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list.grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 24px;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item {
  display: flex;
  flex-direction: column;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo {
  height: 216px;
  background: var(--bg-1);
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo .img-ratio__inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo a {
  display: block;
  width: 100%;
  height: 100%;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo picture,
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-photo img[src*=no_image] {
  opacity: 0;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:has(.article-list__item-photo img[src*=no_image]) .article-list__item-photo {
  background: var(--bg-2);
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:has(.article-list__item-photo img[src*=no_image]) .article-list__item-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24' fill='none' stroke='%230C1130' stroke-opacity='0.28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/56px 56px no-repeat;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child:has(.article-list__item-photo img[src*=no_image]) .article-list__item-photo {
  background-color: var(--bg-2);
  background-image: linear-gradient(rgba(10, 20, 90, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 20, 90, 0.03) 1px, transparent 1px);
  background-size: 26px 26px;
  border-right: 1px solid var(--border);
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child:has(.article-list__item-photo img[src*=no_image]) .article-list__item-photo::before {
  width: 104px;
  height: 104px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z' stroke='%230C1130' stroke-opacity='0.30' stroke-width='1.1'/%3E%3Cpath d='M14 3v5h5' stroke='%230C1130' stroke-opacity='0.30' stroke-width='1.1'/%3E%3Cpath d='M9 13.2h6' stroke='%23FF7101' stroke-width='1.4'/%3E%3Cpath d='M9 16.5h6' stroke='%230C1130' stroke-opacity='0.20' stroke-width='1.1'/%3E%3Cpath d='M9 19.5h4' stroke='%230C1130' stroke-opacity='0.20' stroke-width='1.1'/%3E%3C/svg%3E") center/104px 104px no-repeat;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-date {
  font-family: var(--font-m);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-3);
  margin: 18px 24px 0;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-title {
  margin: 8px 24px 0;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-title a {
  font-family: var(--font-d);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: -0.3px;
  color: var(--text-1);
  display: block;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  max-height: 4.35em;
  overflow: hidden;
  transition: color 0.15s ease;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:hover .article-list__item-title a {
  color: var(--accent);
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item-description {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin: 10px 24px 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-2);
  display: block;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  max-height: 5.1em;
  overflow: hidden;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list.grid-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
  gap: 0 30px;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-photo {
  grid-column: 1;
  grid-row: 1/span 9;
  height: 100%;
  min-height: 280px;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-date {
  grid-column: 2;
  margin: 24px 28px 0;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-title {
  grid-column: 2;
  margin: 8px 28px 0;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-title a {
  font-size: 21px;
}
.widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-description {
  grid-column: 2;
  margin: 12px 28px 24px;
}
@media (max-width: 640px) {
  .widget-type_system_widget_v4_article_previews_1.layout .article-list.grid-list {
    grid-template-columns: 1fr;
  }
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child {
    display: flex;
    flex-direction: column;
  }
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-photo {
    height: 200px;
    min-height: 0;
  }
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-title a {
    font-size: 18px;
  }
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-date,
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-title,
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-description {
    margin-left: 16px;
    margin-right: 16px;
  }
  .widget-type_system_widget_v4_article_previews_1.layout .article-list__item:first-child .article-list__item-description {
    margin-bottom: 20px;
  }
}