/* HALLMARK / critique: make the existing MIRA system legible and consistent at narrow widths. */
/* HALLMARK / stamp: shared spacing, restrained color, useful hierarchy, no decorative gradients. */
@import url("/assets/tokens.css");
@import url("/assets/base.css");
:root{--mira-blue:#7597ff;--mira-rose:#e07d8f;--mira-ink:#17213b;--mira-link:#4a62a3;--mira-pale:#e4ebff}
html,body{overflow-x:clip}body{color:var(--mira-ink);background:#fff}
.container,.cf-wrap{width:min(100% - 32px,1360px);max-width:1360px;margin-inline:auto}
.form-4{background-color:#e4ebff!important;background-image:none!important}
.form-4__row,.form-4__wrapper,.form-4__content{min-width:0;max-width:100%}
.footer-socials a{background:#eef2fb!important;border:1px solid #d9e1f2;border-radius:50%;padding:7px;display:grid;place-items:center}
.footer-socials a:has(img[src*="soc-telegram"]){background:#2AABEE!important;border-color:#2AABEE!important}.footer-socials a:has(img[src*="soc-max"]){background:#eef2fb!important;border-color:#d9e1f2!important}.footer-socials img{width:24px;height:24px;object-fit:contain}
.site-ufa .cf-actions .primary-btn,.site-ufa .cf-actions button{color:#fff!important;background:#d8677c;border-color:#d8677c}
.service-code{display:inline-block;margin:0 .55em .2em 0;color:#53658f;font:600 .78em/1.2 Mazzard,Arial,sans-serif;white-space:nowrap;vertical-align:baseline}
.service-faq .cf-wrap{max-width:1360px}
.service-faq .cf-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
.service-faq .cf-questions details{min-width:0}
.mira-campaign{padding:30px 0;margin:24px 0;background:#f3f6fd;border-radius:16px}
.mira-campaign .cf-wrap{padding:0 24px}
.mira-campaign h2{font-size:clamp(24px,3vw,36px);margin-bottom:10px}
.mira-campaign .cf-intro{margin:0;max-width:64ch;line-height:1.5}
.mira-campaign .cf-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.mira-campaign .cf-layout>div{padding:18px;border:1px solid #d7deed;border-radius:12px;background:#fff}
.mira-campaign .cf-note{margin:16px 0;font-size:13px}
.mira-campaign .cf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.infusion-offer{margin:18px auto 32px;padding:16px 20px;width:min(100% - 32px,1360px);display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d7deed;border-radius:14px;background:#f4f7ff}
.infusion-offer p{margin:0;line-height:1.45}.infusion-offer strong{color:#4a62a3}.infusion-offer a{flex:0 0 auto;color:#fff;background:#d8677c;border-radius:24px;padding:12px 18px;text-decoration:none;font-weight:600}
.is-infusion .lead-modal-subtitle::before{content:"5-я капельница — со скидкой 50%. ";font-weight:700;color:#4a62a3}
.is-infusion .lead-modal-subtitle{line-height:1.5}
.prices__table_name{overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){
 .container,.cf-wrap{width:calc(100% - 32px);padding-inline:0}
 .service-faq .cf-questions{grid-template-columns:minmax(0,1fr);gap:0}
 .mira-campaign{padding:22px 0;margin:18px 0;border-radius:12px}
 .mira-campaign .cf-wrap{padding:0}
 .mira-campaign .cf-layout{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
 .mira-campaign .cf-layout>div{padding:14px}
 .mira-campaign .cf-actions{align-items:stretch;flex-direction:column}
 .mira-campaign .cf-actions button,.mira-campaign .cf-actions a{width:100%;text-align:center}
 .infusion-offer{align-items:stretch;flex-direction:column;padding:14px 16px}
 .infusion-offer a{text-align:center}
 .form-4__row{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 .form-4__content{min-width:0!important;width:100%}
 .form-4__title{font-size:clamp(23px,7vw,28px);line-height:1.18}
 .intro-3__main h1{font-size:clamp(26px,8vw,34px);overflow-wrap:anywhere}
 .intro-3__cards ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about__advantages{grid-template-columns:repeat(2,minmax(0,1fr))}
 .prices__table{min-width:0}
 .prices__table_item td{padding:12px 8px;font-size:13px}
 .prices__table_name{min-width:0}
 .prices__table_btn button{padding:9px 10px;white-space:normal}
 .lead-modal{padding:12px}.lead-modal-dialog{padding:26px 18px;max-height:calc(100dvh - 24px)}
}
@media(max-width:360px){
 .header__main{gap:6px}.mira-wordmark{font-size:23px}.mobile-menu-toggle{padding:8px}
 .mobile-phone{padding-inline:16px;font-size:16px}
 .intro-3{padding:26px 0}.intro-3__cards ul li{padding:10px;font-size:11px}
 .about__advantage{padding:12px}.about__advantage span{font-size:21px!important}
 .ufa-table-scroll{margin-inline:-8px}.prices__table_item td{padding:10px 6px;font-size:12px}
 .prices__table_cost{min-width:0}.prices__table_btn{width:78px}.prices__table_btn button{padding:8px 6px;font-size:11px}
 .service-code{display:block;margin:0 0 4px;font-size:11px}
}
/* Условия акции появляются как ненавязчивое окно внизу слева по таймеру. */
.infusion-offer{position:fixed;z-index:1100;left:16px;bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;width:25vw;max-width:none;margin:0;padding:20px 18px 18px;display:none;align-items:stretch;flex-direction:column;gap:12px;border:1px solid #d7deed;border-radius:14px;background:#f4f7ff;box-shadow:0 12px 36px rgba(23,33,59,.18)}
.infusion-offer.is-visible{display:flex}
.infusion-offer p{margin:0;padding-right:20px;font-size:14px;line-height:1.45}
.infusion-offer a{flex:0 0 auto;text-align:center;color:#fff;background:#d8677c;border-radius:24px;padding:11px 16px;text-decoration:none;font-weight:600}
.infusion-offer__close{position:absolute;top:6px;right:8px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#17213b;font-size:24px;line-height:1;cursor:pointer}
.infusion-offer__close:focus-visible,.infusion-offer a:focus-visible{outline:3px solid #4a62a3;outline-offset:3px}
@media(max-width:979px){.infusion-offer{left:16px;right:auto;width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}