), H3 был крупнее и светлее H2 --- */ body.ag-redesign .group_description_block ul { list-style: none; padding: 0; margin: var(--s-8) 0 var(--s-16); display: flex; flex-direction: column; gap: 8px; } body.ag-redesign .group_description_block ul li { position: relative; padding-left: 22px; margin: 0; display: list-item; } body.ag-redesign .group_description_block ul li::before { content: '\2014'; position: absolute; left: 0; top: 0; color: var(--ink-3); } body.ag-redesign .group_description_block ul li > p { margin: 0; display: block; } body.ag-redesign .group_description_block h2 { font-size: 22px; font-weight: 700; line-height: 1.2; margin: var(--s-28) 0 var(--s-12); } body.ag-redesign .group_description_block h3 { font-size: 18px; font-weight: 700; line-height: 1.25; margin: var(--s-20) 0 var(--s-8); } /* --- 3. Заголовок первым в секции: собственный margin-top складывался с паддингом секции (двойной зазор, «Опт») --- */ body.ag-redesign .section > h2:first-child, body.ag-redesign .section > .prose:first-child > h2:first-child { margin-top: 0; } body.ag-redesign .prose > :last-child { margin-bottom: 0; } /* --- 4. Доставка: ряд карточек и следующий абзац стояли впритык (0 px) в одной секции --- */ body.ag-redesign .section > .trust + .prose { margin-top: var(--s-24); } /* --- 5. О компании: три фото магазина были разной высоты (портрет/ландшафт как есть) --- */ body.ag-redesign .info-cards .info-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } /* --- 6. Корзина: «Персональные рекомендации» (Bitrix bigdata, стиль старого шаблона) — в колею, заголовок в типографике сайта, карточки без наезда кнопки на цену --- */ body.ag-redesign .bigdata_recommended_products_items { max-width: 1440px; margin: var(--s-40) auto 0; padding: 0 var(--s-16); box-sizing: border-box; } body.ag-redesign .bigdata_recommended_products_items > .font_md { font-family: var(--font); font-size: 24px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); margin: 0 0 var(--s-20); padding: 0; } body.ag-redesign .bigdata_recommended_products_items .block-item__info, body.ag-redesign .bigdata_recommended_products_items .block-item__inner, body.ag-redesign .bigdata_recommended_products_items .block-item__wrapper { height: auto !important; min-height: 0 !important; } body.ag-redesign .bigdata_recommended_products_items .block-item__cost { margin-bottom: var(--s-12); } body.ag-redesign .bigdata_recommended_products_items .btn { margin-top: var(--s-8); } /* --- 7. Доставка: четыре способа получения в один ряд (2 колонки до 1023, 1 — на телефоне) --- */ body.ag-redesign .info-cards.cols-4 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 1023px) { body.ag-redesign .info-cards.cols-4 { grid-template-columns: 1fr 1fr; } } @media (max-width: 640px) { body.ag-redesign .info-cards.cols-4 { grid-template-columns: 1fr; } } /* --- 8. Опт (/optom/), 04.09.2026 ------------------------------------------- Форма «Вопрос менеджеру»: пояснение под заголовком и ряд контактов. Кнопка телефона была голым `.btn` (без модификатора) — базовый `.btn` не задаёт ни фона, ни цвета, поэтому от темы прилетал белый текст на прозрачном фоне и кнопка была не видна. В разметке теперь `.btn--ghost`; здесь — только раскладка. */ body.ag-redesign .b2b-form:has(.bf-note) h3 { margin-bottom: var(--s-8); } body.ag-redesign .b2b-form .bf-note { font-size: 13px; line-height: 1.5; color: var(--ink-3); margin: 0 0 var(--s-16); } body.ag-redesign .b2b-form-contacts { display: flex; gap: var(--s-10); margin-top: var(--s-16); flex-wrap: wrap; } body.ag-redesign .b2b-form-contacts .btn { flex: 1 1 auto; min-width: 0; } body.ag-redesign .b2b-form-contacts .btn--wa { flex: 0 0 auto; } /* Ссылка на полные условия оптовых цен — кнопкой, а не голой строкой в пустой полосе */ body.ag-redesign .b2b-terms-link { margin-top: var(--s-20); } /* Плитки итогов в тёмном CTA: подписи в две строки не должны рвать сетку */ body.ag-redesign .opt-stat .os .l { line-height: 1.35; } @media (max-width: 640px) { /* на телефоне телефон и WhatsApp — в столбик во всю ширину, а не «широкий + узкий» */ body.ag-redesign .b2b-form-contacts .btn, body.ag-redesign .b2b-form-contacts .btn--wa { flex: 1 1 100%; } } /* --- 8b. Опт (/optom/): первый экран, 04.09.2026 ----------------------------- Форма «Вопрос менеджеру» начиналась на 477 px и была высотой 779 — на ноутбуке (≈1450×820) в первый экран влезали две её строки. Схлопываем легаси-пустоты .page-top (у Aspro .topic pt=42 и обёртка крошек pb=40 — те же 97 px, что уже сняты на контактах и в блоге) и уплотняем саму форму: поля в две колонки, поля 44 px, компактные зазоры. Итог: форма целиком укладывается в 800 px экрана. Ниже 1024 px всё как было — одна колонка, поля 48 px. */ body.ag-styleb[data-cur="/optom/"] .page-top { padding-top: 10px !important; padding-bottom: 0 !important; margin: 0 auto !important; min-height: 0 !important; } body.ag-styleb[data-cur="/optom/"] .page-top .topic { padding-top: 2px !important; padding-bottom: 0 !important; } body.ag-styleb[data-cur="/optom/"] .page-top h1, body.ag-styleb[data-cur="/optom/"] .page-top #pagetitle { margin: 0 0 2px !important; } body.ag-styleb[data-cur="/optom/"] .page-top > div:has(.breadcrumbs) { padding-top: 2px !important; padding-bottom: 2px !important; } body.ag-styleb[data-cur="/optom/"] .page-top .breadcrumbs { margin: 0 !important; } body.ag-styleb[data-cur="/optom/"] .page-head { padding-top: 0 !important; padding-bottom: 0 !important; } body.ag-styleb[data-cur="/optom/"] .ph-sub { margin-top: 2px; margin-bottom: var(--s-10); max-width: 820px; } @media (min-width: 1024px) { body.ag-styleb[data-cur="/optom/"] .b2b-form { padding: 18px; } body.ag-styleb[data-cur="/optom/"] .b2b-form h3 { margin-bottom: 6px; } body.ag-styleb[data-cur="/optom/"] .b2b-form .bf-note { margin-bottom: var(--s-12); } body.ag-styleb[data-cur="/optom/"] .b2b-form .field-grid { grid-template-columns: 1fr 1fr; gap: 8px var(--s-12); margin-bottom: var(--s-10); } body.ag-styleb[data-cur="/optom/"] .b2b-form .field-grid > .field--full, body.ag-styleb[data-cur="/optom/"] .b2b-form .field-grid > .consent, body.ag-styleb[data-cur="/optom/"] .b2b-form .field-grid > button, body.ag-styleb[data-cur="/optom/"] .b2b-form .field-grid > .ag-opt-msg { grid-column: 1 / -1; } body.ag-styleb[data-cur="/optom/"] .b2b-form .field { gap: 4px; } body.ag-styleb[data-cur="/optom/"] .b2b-form .field input { height: 44px; } body.ag-styleb[data-cur="/optom/"] .b2b-form .field textarea { min-height: 56px; } body.ag-styleb[data-cur="/optom/"] .b2b-form .btn { height: 44px; } body.ag-styleb[data-cur="/optom/"] .b2b-form-contacts { margin-top: var(--s-10); } } /* --- 9. Блог: таблицы в статьях, 05.09.2026 ------------------------------------------- У .prose не было правил для таблиц: ячейки без отступов и рамок сливались («5160 мАчRedmi 14C»), а таблица с длинными ячейками задавала min-content колонке грида .article-body — на телефоне статья N8N расползалась до 487 px при экране 375 (docW 503). Хабы «Подбор запчастей» заворачивают таблицу в .ag-hub-table, старые статьи — голый