/* ArtroFlex Active (sendaquieta.com): добавки к лендингу M1, 26.10.2026. */
html, body { overflow-x: clip; }
.input__inner { width: 100%; max-width: 360px; }
input.input { font-size: 18px; border: 1px solid #9aa; border-radius: 4px; }
button.order_button { border: 0; width: 100%; max-width: 360px; font-size: 18px; padding: 18px 25px; }
.o-err { margin: 0 auto 16px; max-width: 360px; padding: 10px 14px; background: #fde8e8; color: #8d1414; font-size: 15px; font-weight: 700; text-align: center; border-radius: 4px; }
.o-err[hidden] { display: none; }
input.input[aria-invalid="true"] { outline: 3px solid #CE2121; }
.consent { font-size: 14px; line-height: 1.45; color: #444; text-align: center; max-width: 420px; margin: 0 auto; }
.consent a, .sp-article a, .sp-note a, .medic a { color: #1d4f91; text-decoration: underline; }
.time-text { font-size: 13px; }
.art-body { font-family: palatino linotype, book antiqua, Palatino, 'PT Serif', serif; font-size: 20px; line-height: 1.5; margin: 0 auto; max-width: 940px; padding: 0 10px; }
.art-body h2 { font-family: 'pt serif', serif; font-size: 26px; line-height: 1.25; margin: 30px 0 12px; }
.art-body p { margin-bottom: 14px; text-align: left; }
.art-lead { font-size: 22px; font-weight: 700; }
.art-cta { text-align: center; margin: 26px 0; }
.art-cta .btn { font-size: 20px; max-width: 100%; width: 320px; text-align: center; }
.medic { max-width: 940px; margin: 30px auto; padding: 22px 24px; border: 2px solid #0299ff; font-family: palatino linotype, book antiqua, Palatino, serif; font-size: 19px; line-height: 1.5; }
.medic h2 { font-family: 'pt serif', serif; font-size: 24px; margin-bottom: 10px; }
.medic ul { margin: 10px 0 12px 22px; list-style: disc; }
.more { max-width: 940px; margin: 30px auto; padding: 0 10px; }
.more h2 { font-family: 'pt serif', serif; font-size: 26px; margin-bottom: 14px; }
.more__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.more__link { display: block; border: 1px solid #1d4f91; padding: 14px 18px; }
.more__link b { display: block; color: #1d4f91; font-size: 19px; font-family: 'pt serif', serif; }
.more__link span { font-size: 16px; line-height: 1.4; }
.site-foot { width: 100%; max-width: 940px; margin: 25px auto; padding: 20px 10px; border-top: 3px solid #1d4f91; font-size: 15px; line-height: 1.55; color: #333; }
.site-foot p { margin-bottom: 10px; }
.site-foot__links { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 10px; }
.site-foot__links a { color: #1d4f91; text-decoration: underline; padding: 6px 0; font-size: 16px; }
.nav-menu-3 { flex-wrap: wrap; }
/* подстраницы */
.sp-sub { text-align: center; font-size: 22px; line-height: 1.35; color: #444; margin: 8px auto 14px; max-width: 760px; padding: 0 10px; font-family: open sans, sans-serif; }
.sp-nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 10px 0 24px; padding: 0 10px; }
.sp-nav a { padding: 9px 16px; border: 1px solid #1d4f91; color: #1d4f91; font-size: 16px; font-weight: 700; }
.sp-nav a[aria-current="page"] { background: #1d4f91; color: #fff; }
.sp-article ul, .sp-article ol { margin: 12px 0 16px 24px; }
.sp-article ul { list-style: disc; } .sp-article ol { list-style: decimal; }
.sp-article li { margin-bottom: 8px; }
.sp-note { border: 2px solid #0299ff; padding: 14px 18px; margin-top: 24px; font-size: 18px; }
.sp-faq details { border-bottom: 1px solid #000; padding: 14px 4px; }
.sp-faq summary { cursor: pointer; font-weight: 700; font-size: 20px; }
.sp-faq details p { margin: 10px 0 0; }
.sp-cta { max-width: 600px; margin: 30px auto; padding: 20px; text-align: center; background: url(../img/formbg.jpg) no-repeat; background-size: 100% 100%; }
.sp-cta h2 { font-family: 'pt serif', serif; font-size: 26px; margin-bottom: 8px; }
.sp-cta .price { margin: 14px auto; }
.sp-cta a.order_button { max-width: 360px; }
.doc-a { max-width: 860px; margin: 20px auto; padding: 0 12px; font-family: palatino linotype, book antiqua, Palatino, serif; font-size: 18px; line-height: 1.5; }
.doc-a h1 { font-family: 'pt serif', serif; font-size: 32px; margin: 18px 0; text-align: left; }
.doc-a h2 { font-family: 'pt serif', serif; font-size: 22px; margin: 22px 0 8px; }
.doc-a p, .doc-a li { margin-bottom: 9px; }
.doc-a ul { list-style: disc; padding-left: 22px; }
.doc-a a { color: #1d4f91; text-decoration: underline; }
.doc-a a.btn { color: #fff; text-decoration: none; display: block; }
@media (max-width: 600px) { .art-body, .sp-article { font-size: 18px; } .more__grid { grid-template-columns: 1fr; } .heading { font-size: 28px; } .sp-sub { font-size: 19px; } .art-body h2 { font-size: 23px; } }