/* Start:/how-to-buy/info-pages.css?17947748039442*/
/* Инфостраницы, новая схема (SITE-63, 13.11.2026): «Доставка и оплата», «Возврат и гарантии», «Оптом»,
   «О компании», «Контакты», «Условия продажи».
   Шаги взяты с карточки товара на prod (getComputedStyle), других размеров и цветов нет:
   28/40 700 — цена; 18 700 — название серии; 14 — текст; 13 #666 — подпись панели; 13 #888 — дата доставки;
   панель 1px #e3e3e3, радиус 8, поля 12×14; строки характеристик с линией #eee; ссылка #1a5fb4 пунктиром;
   «В корзину» #f08a24; метка «в наличии» #3c6e1f на #eef5e6. */
.ip { max-width: 730px; color: #222; font-size: 14px; line-height: 22px; }
.ip *, .ip *::before, .ip *::after { box-sizing: border-box; }
.ip [id] { scroll-margin-top: 90px; }
.ip-anchor { display: block; height: 0; }

/* Текст: строка не длиннее 530 px, до 75 знаков */
.ip p { max-width: 530px; margin: 0 0 10px; }
.ip strong, .ip b { font-weight: 600; }
.ip a { color: #1a5fb4; text-decoration: underline; text-decoration-style: dashed; text-decoration-color: currentColor; text-underline-offset: 3px; }
.ip a:hover, .ip a:focus { color: #e8700a; }
.ip h2 { margin: 40px 0 12px; color: #222; font-size: 18px; font-weight: 700; line-height: 24px; }
.ip h3 { margin: 24px 0 8px; color: #222; font-size: 14px; font-weight: 700; line-height: 20px; }
.ip h2 + h3 { margin-top: 16px; }
.ip .ip__lead { margin: 0 0 20px; font-size: 18px; line-height: 26px; }
.ip .ip__note { color: #666; font-size: 13px; line-height: 18px; }

/* Списки: шаблон сайта рисует свои маркеры через ::before — снимаем */
.ip ul { max-width: 530px; margin: 0 0 12px; padding: 0 0 0 18px; }
.ip ol { max-width: 530px; margin: 0 0 12px; padding: 0 0 0 20px; }
.ip ol > li { display: list-item; position: static; margin: 0 0 6px; padding-left: 0; background: none; list-style: decimal !important; }
.ip ul > li { display: list-item; position: static; margin: 0 0 6px; padding-left: 0; background: none; list-style: disc !important; }
.ip li::marker { color: #888; }
.ip li::before, .ip li::after { content: none !important; display: none !important; }

/* Обещание: четыре плитки, слово или число — как цена в карточке */
.ip-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px; }
.ip-fact { padding: 12px 14px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; }
.ip-fact b { display: block; color: #222; font-size: 28px; font-weight: 700; line-height: 40px; white-space: nowrap; }
.ip-fact span { display: block; color: #666; font-size: 13px; line-height: 18px; }
.ip-fact b a { color: inherit; text-decoration: none; }
.ip-facts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ip-facts--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* пять плиток: три в первом ряду, две во втором */
.ip-facts--5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ip-facts--5 .ip-fact { grid-column: span 2; }
.ip-facts--5 .ip-fact:nth-child(n+4) { grid-column: span 3; }

/* Способы доставки: одна панель, строка = способ. Как блок «Доставка» в карточке: способ, цена, срок */
.ip-ways { margin: 0 0 16px; padding: 0 14px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; }
.ip-ways__head, .ip-way { display: grid; grid-template-columns: minmax(0, 1fr) 140px 200px; column-gap: 20px; }
.ip-ways__head { padding: 10px 0 8px; border-bottom: 1px solid #eee; color: #666; font-size: 13px; line-height: 18px; }
.ip-way { grid-template-areas: "name price when" "text price when"; grid-template-rows: auto 1fr; padding: 14px 0 16px; border-bottom: 1px solid #eee; }
.ip-way:last-child { border-bottom: 0; }
.ip-way__name { grid-area: name; font-size: 14px; font-weight: 600; line-height: 20px; }
.ip-way__text { grid-area: text; margin-top: 4px; color: #666; font-size: 13px; line-height: 18px; }
.ip-way__price { grid-area: price; }
.ip-way__price b { display: block; font-size: 18px; font-weight: 700; line-height: 20px; white-space: nowrap; }
.ip-way__when { grid-area: when; font-size: 14px; line-height: 20px; }
.ip-way small { display: block; margin-top: 4px; color: #888; font-size: 13px; line-height: 18px; }
.ip-chip { display: inline-block; margin-top: 6px; padding: 3px 8px; border-radius: 4px; background: #eef5e6; color: #3c6e1f; font-size: 13px; line-height: 16px; white-space: nowrap; }

/* «Вопрос — ответ»: как характеристики в карточке */
.ip-kv { width: 100%; margin: 0 0 12px; border-collapse: collapse; }
.ip-kv th, .ip-kv td { padding: 10px 20px 10px 0; border: 0; border-bottom: 1px solid #eee; background: none; text-align: left; vertical-align: top; font-size: 14px; line-height: 20px; }
.ip-kv th { width: 190px; color: #666; font-weight: 400; }
.ip-kv td { padding-right: 0; color: #222; }
.ip-kv tr:first-child th, .ip-kv tr:first-child td { border-top: 1px solid #eee; }

/* «Кто с нами работает»: число — как название серии в карточке (18/700) */
.ip .ip-who { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; max-width: none; margin: 0 0 12px; padding: 0; border-top: 1px solid #eee; list-style: none; }
.ip .ip-who > li { display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #eee; list-style: none !important; }
.ip-who b { margin-right: 4px; font-size: 18px; font-weight: 700; line-height: 20px; }

/* Оглавление юридической страницы */
.ip .ip-toc { max-width: 530px; margin: 0 0 8px; columns: 2; column-gap: 32px; }
.ip-toc li { break-inside: avoid; }

/* Карта и реквизиты */
.ip-map { overflow: hidden; margin: 16px 0; border: 1px solid #e3e3e3; border-radius: 8px; }
.ip-map iframe { display: block; width: 100%; height: 380px; border: 0; }
.ip details { margin: 0 0 12px; }
.ip summary { margin: 0 0 8px; font-weight: 700; cursor: pointer; }

/* Кнопки — «В корзину» и «Купить в один клик» */
.ip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 32px 0 8px; }
.ip-btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 0; border-radius: 8px; background: #f08a24; color: #fff !important; font-size: 15px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.ip-btn:hover, .ip-btn:focus { background: #e07a12; }
.ip-btn--ghost { height: 34px; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #333 !important; font-size: 14px; font-weight: 400; }
.ip-btn--ghost:hover, .ip-btn--ghost:focus { border-color: #222; background: #fff; color: #222 !important; }

@media (max-width: 767px) {
	.ip h2 { margin-top: 32px; }
	.ip-facts { grid-template-columns: 1fr 1fr; }
	.ip-facts--2, .ip-facts--3 { grid-template-columns: 1fr; }
	.ip-facts--5 { grid-template-columns: 1fr 1fr; }
	.ip-facts--5 .ip-fact, .ip-facts--5 .ip-fact:nth-child(n+4) { grid-column: auto; }
	.ip-facts--5 .ip-fact:last-child { grid-column: 1 / -1; }
	.ip .ip-who { grid-template-columns: 1fr; }
	.ip .ip-toc { columns: 1; }
	.ip-map iframe { height: 280px; }
	.ip-ways__head { display: none; }
	.ip-way { grid-template-columns: 136px minmax(0, 1fr); grid-template-areas: "name name" "price when" "text text"; grid-template-rows: auto; column-gap: 12px; }
	.ip-way__price, .ip-way__when { margin-top: 8px; }
	.ip-way__text { margin-top: 10px; }
	.ip-kv th, .ip-kv td { display: block; width: 100%; padding-right: 0; }
	.ip-kv th { padding-bottom: 0; border-bottom: 0; font-size: 13px; line-height: 18px; }
	.ip-kv td { padding-top: 2px; }
	.ip-kv tr:first-child td { border-top: 0; }
	.ip-btn { width: 100%; }
}

/* форма «Запросить условия» на странице «Договоры» (компонент main.feedback.ext, шаблон ask-kontract) */
.ip .form-horizontal { max-width: 520px; margin: 8px 0 0; font-family: inherit; }
.ip .form-horizontal .form-group { margin: 0 0 14px; }
.ip .form-horizontal .form-group > [class*="col-md-"] { float: none; width: auto; margin-left: 0; padding: 0; }
.ip .form-horizontal .control-label { display: block; float: none; width: auto; padding: 0; margin: 0 0 4px; text-align: left; color: #666; font-size: 13px; font-weight: 400; line-height: 18px; }
.ip .form-horizontal .form-control { height: 40px; border: 1px solid #ccc; border-radius: 8px; box-shadow: none; color: #222; font-family: inherit; font-size: 14px; }
.ip .form-horizontal .form-control:focus { border-color: #222; box-shadow: none; }
.ip .form-horizontal .btn-primary { height: 44px; padding: 0 20px; border: 0; border-radius: 8px; background: #f08a24; color: #fff; font-family: inherit; font-size: 15px; font-weight: 600; }
.ip .form-horizontal .btn-primary:hover, .ip .form-horizontal .btn-primary:focus { background: #e07a12; }
.ip .form-horizontal .control-label.required:after { position: static; margin-left: 2px; color: #f08a24; }

/* End */
/* /how-to-buy/info-pages.css?17947748039442 */