/* Start:/bitrix/templates/logicloud.health_s1/css/services-catalog.css?17901128294227*/
.inside-page:is(.services-catalog, .treatment-page) { --sc-ink: #151e4b; --sc-blue: #235fbd; --sc-soft: #f0f6ff; --sc-line: #dce4ef; color: #414955; font-size: 16px; line-height: 1.65; margin-bottom: 0; overflow: visible; }
:is(.services-catalog, .treatment-page) h1, :is(.services-catalog, .treatment-page) h2, :is(.services-catalog, .treatment-page) h3 { color: var(--sc-ink); font-weight: 700; line-height: 1.22; }
:is(.services-catalog, .treatment-page) h1 { font-size: clamp(32px, 3.6vw, 48px); margin: 0 0 22px; letter-spacing: -.025em; overflow-wrap: anywhere; }
:is(.services-catalog, .treatment-page) h2 { font-size: clamp(26px, 2.5vw, 34px); margin: 0 0 18px; }
:is(.services-catalog, .treatment-page) h3 { font-size: 23px; margin: 0 0 16px; }
:is(.services-catalog, .treatment-page) p { margin: 0 0 18px; }
:is(.services-catalog, .treatment-page) a { color: var(--sc-blue); text-underline-offset: 4px; }
:is(.services-catalog, .treatment-page) a:hover { text-decoration: underline; }
:is(.services-catalog, .treatment-page) a:focus-visible { outline: 3px solid var(--sc-blue); outline-offset: 4px; }
.sc-hero { background: var(--sc-soft); }
.sc-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: center; padding-top: 36px; padding-bottom: 44px; }
.sc-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; margin-bottom: 24px; }
:is(.services-catalog, .treatment-page) .sc-eyebrow { color: var(--sc-blue); font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.sc-lead { font-size: 18px; }
.sc-hero-image { display: block; width: 100%; height: auto; border-radius: 14px; }
.sc-actions { display: flex; flex-wrap: wrap; gap: 16px 26px; align-items: center; margin-top: 26px; }
:is(.services-catalog, .treatment-page) .sc-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 12px 22px; border-radius: 8px; background: var(--sc-blue); color: #fff; font-weight: 600; text-align: center; text-decoration: none; line-height: 1.4; }
.sc-content { padding-top: 48px; padding-bottom: 40px; }
.sc-intro { max-width: 85ch; }
.sc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }
.sc-card { border: 1px solid var(--sc-line); border-radius: 14px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; }
.sc-card img { width: 72px; height: 72px; margin: -10px 0 18px -12px; }
.sc-card ul { padding-left: 20px; margin: 0 0 20px; }
.sc-card li { margin-bottom: 10px; }
.sc-more { margin-top: auto; font-weight: 600; }
.sc-help { display: grid; grid-template-columns: 88px 1fr; gap: 26px; padding: 32px; background: var(--sc-soft); border-radius: 14px; margin-top: 40px; }
.sc-help img { width: 88px; height: 88px; }
.sc-help h2 { font-size: 27px; }
.sc-help p { max-width: 80ch; }
.sc-useful { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-top: 30px; font-size: 14px; }
@media (max-width: 767px) { .sc-hero-grid, .sc-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; } .sc-hero-grid { padding-top: 24px; padding-bottom: 30px; } .sc-hero-image { max-width: 480px; justify-self: center; } .sc-content { padding-top: 32px; } .sc-card { padding: 24px; } .sc-card h3 { font-size: 22px; } .sc-help { grid-template-columns: minmax(0, 1fr); padding: 24px; gap: 12px; } .sc-help img { width: 64px; height: 64px; margin-left: -8px; } }
.color-black-white :is(.services-catalog, .treatment-page) { --sc-ink: #fff; --sc-blue: #fff; --sc-soft: #000; --sc-line: #fff; color: #fff; background: #000; }
.color-blue-black :is(.services-catalog, .treatment-page) { --sc-ink: #000; --sc-blue: #000; --sc-soft: var(--colorblue); --sc-line: #000; color: #000; background: var(--colorblue); }
:is(.color-black-white, .color-blue-black) :is(.services-catalog, .treatment-page) .sc-button { background: var(--sc-soft); color: var(--sc-ink); border: 2px solid var(--sc-ink); }
:is(.color-black-white, .color-blue-black) :is(.services-catalog, .treatment-page) a { text-decoration: underline; }
.font-plus :is(.services-catalog, .treatment-page) :is(p, a) { font-size: 1.2em; }
.no-image :is(.services-catalog, .treatment-page) img { visibility: hidden; }

/* End */


/* Start:/bitrix/templates/logicloud.health_s1/css/tooth-treatment.css?17901128291186*/
.dt-content > section + section { margin-top: 48px; }
.dt-plan { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }
.dt-note { background: var(--sc-soft); padding: 28px; border-radius: 12px; }
.dt-note h3 { font-size: 21px; }
.dt-prices { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.dt-prices th, .dt-prices td { padding: 15px 18px; border-bottom: 1px solid var(--sc-line); text-align: left; }
.dt-prices thead { background: var(--sc-soft); color: var(--sc-ink); }
.dt-prices tbody th { font-weight: 400; overflow-wrap: anywhere; }
.dt-prices td, .dt-prices th:last-child { text-align: right; white-space: nowrap; }
.treatment-page .dt-price-note { margin-top: 18px; }
.dt-doctors { margin-top: 24px; }
.treatment-page .dt-source { margin: 36px 0 0; font-size: 14px; }
.treatment-page [id] { scroll-margin-top: 100px; }
.font-plus .dt-prices { font-size: 1.2em; }
@media (max-width: 767px) { .dt-content > section + section { margin-top: 36px; } .dt-plan { grid-template-columns: minmax(0, 1fr); gap: 16px; } .dt-note { padding: 24px; } .dt-prices { font-size: 14px; } .dt-prices th, .dt-prices td { padding: 12px 8px; } }

/* End */
/* /bitrix/templates/logicloud.health_s1/css/services-catalog.css?17901128294227 */
/* /bitrix/templates/logicloud.health_s1/css/tooth-treatment.css?17901128291186 */