/*
   Оформление блоков конструктора под магазин eshop (файл сайта, модуль esmodule его не трогает; подключается после CSS блоков).
   Тема «Демо 2026» (как шаблон магазина — media/css/minishop/style.css): шрифт сайта (Inter), один акцент #c8152f,
   без теней, линии #ececef, подложки #f6f6f8, радиусы 12 / 8, заголовки 500 без разрядки, умеренные отступы секций.
*/
:root {
    --es-primary: #2e9585; /* scanoptima.by — их бирюзовый */
    --es-primary-dark: #237466;
    --es-primary-soft: #e8f4f2;
    --es-on-primary: #fff;
    --es-accent-text: #237466;
    --es-heading: #1f2128;
    --es-text: #4a4d55;
    --es-muted: #6e717a;
    --es-surface: #fff;
    --es-surface-alt: #f6f6f8;
    --es-dark: #1f2128;
    --es-border: #ececef;
    --es-shadow: none;
    --es-shadow-hover: 0 8px 24px rgba(31, 33, 40, .08);
    --es-radius: 12px;
    --es-radius-sm: 8px;
    --es-btn-radius: 8px;
    --es-section-py: clamp(40px, 4.5vw, 64px);
    --es-section-py-compact: clamp(32px, 3.5vw, 48px);
    --es-h2-size: clamp(24px, 2.2vw, 30px);
    --es-subtitle-size: 16px;
    --es-content-gap: clamp(24px, 2.6vw, 36px);
}

/* заголовки и карточки — как в шаблоне магазина: вес 500, без разрядки */
.cb .cb-title__h, .cb .cb-banner__title, .cb-card__name, .cb-rich h3, .cb-rich h4 {font-weight: 500; letter-spacing: 0}
.cb .cb-banner__title {font-size: clamp(30px, 3.4vw, 46px); line-height: 1.12}
.cb-banner--hero .cb-banner__title {font-size: clamp(30px, 3.6vw, 48px)}
.cb .cb-btn {font-weight: 500}

/* посадочная категории «вокруг товаров»: первый баннер — компактная светлая карточка в контейнере (~300px, как промо Aspro Lite):
   крошки, H1, подзаголовок, пункты в строку, кнопки; фото справа. Товары — на первом экране. На телефоне фото скрыто. */
.cb-page--around.cb-page--top {padding-top: 20px}
.cb-page--around.cb-page--top > section.cb--banner:first-of-type {max-width: 1300px; margin: 0 auto; padding: 0 !important; border-radius: 12px; overflow: hidden; background: var(--es-surface-alt)}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__wrap {max-width: none; padding: 32px 40px !important; min-height: 0}
.cb-page--top > section.cb--banner:first-of-type .cb-banner--overlay .cb-banner__wrap {min-height: 300px; padding: 40px 48px !important}
.cb-page--top > section.cb--banner:first-of-type .cb-banner--split .cb-banner__wrap {grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px}
.cb-page--top > section.cb--banner:first-of-type .cb-banner--split .cb-banner__side {aspect-ratio: auto; height: 260px; border-radius: 10px; box-shadow: none}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__crumbs {margin-bottom: 12px !important; font-size: 13px}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__eyebrow {margin-bottom: 8px; font-size: 14px; font-weight: 500}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__title {font-size: clamp(26px, 2.4vw, 34px); line-height: 1.18}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__text {margin-top: 10px; font-size: 15px; line-height: 1.55; max-width: 560px}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__points {display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__points li {padding-left: 24px; font-size: 14px; font-weight: 500}
.cb-page--top > section.cb--banner:first-of-type .cb-banner__points li::before {width: 16px; height: 16px; top: .15em; background-size: 10px 10px}
.cb-page--top > section.cb--banner:first-of-type .cb-actions {margin-top: 20px}
.cb-page--top > section.cb--banner:first-of-type .cb-btn {padding: 11px 20px; font-size: 14px}
@media (max-width: 1340px) {
    .cb-page--around.cb-page--top > section.cb--banner:first-of-type {margin: 0 20px}
}
@media (max-width: 991px) {
    .cb-page--top > section.cb--banner:first-of-type .cb-banner--split .cb-banner__wrap {grid-template-columns: 1fr}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner--split .cb-banner__side {display: none}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner__wrap {padding: 24px 20px !important}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner--overlay .cb-banner__wrap {min-height: 260px; padding: 28px 20px !important}
}
@media (max-width: 575px) {
    .cb-page--around.cb-page--top {padding-top: 12px}
    .cb-page--around.cb-page--top > section.cb--banner:first-of-type {margin: 0 16px}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner__title {font-size: 24px}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner__text {font-size: 14px}
    .cb-page--top > section.cb--banner:first-of-type .cb-banner__points li {font-size: 13px}
}

/* цена в баннере после пунктов — с отступом */
.cb .cb-banner__points + .cb-banner__price {margin-top: 22px}

/* Тонкая типографика магазина: основной шрифт сайта лёгкий (400–500), поэтому в блоках посадочных — не жирнее 500.
   Названия, заголовки, цены, цифры, вопросы — 500; пункты, подписи полей и метки — 400. */
.cb :is(b, strong, th, .cb-title__h, .cb-banner__title, .cb-page-header__title, .cb-btn, .cb-card__name, .cb-tile__name, .cb-rich h3, .cb-rich h4,
    .cb-banner__price b, .cb-faq__q, .cb-stats__value, .cb-stats__affix--word, .cb-infoblock__name, .cb-form__title, .cb-form-featured__info-title,
    .cb-product__price b, .cb-product-modal__title, .cb-reviews__name, .cb-reviews__avatar--letter, .cb-shop-cat__name, .cb-shop-cat__letter,
    .cb-shop-catlist__name, .cb-shop-card__price b, .cb-shop-share__title, .cb-tablePrice__table thead th, .cb-tablePrice__table td.cb-tablePrice__price,
    .cb-tablePrice__group-name, .cb-tablePrice__line-price, .cb-tablePrice__tariff-name, .cb-calc__total, .cb-contacts__phone, .cb-contacts__stub-address) {font-weight: 500}
.cb :is(.cb-title__eyebrow, .cb-banner__eyebrow, .cb-banner__points li, .cb-stats__label, .cb-form__label, .cb-form__success, .cb-form__interest,
    .cb-contacts__label, .cb-contacts__email, .cb-contacts__route, .cb-contacts__open, .cb-product__feature-value, .cb-product__currency,
    .cb-reviews__more, .cb-shop-badge, .cb-shop-card__ask, .cb-shop-share__until, .cb-tablePrice__table tbody th, .cb-tablePrice__badge,
    .cb-calc__label, .cb-calc__qty, .cb-calc__prefix, .cb-calc__currency, .cb-ba__tag, .cb-ba__caption) {font-weight: 400}
.cb .cb-title__h, .cb .cb-banner__title, .cb .cb-stats__value {letter-spacing: 0}