@font-face { 
 font-family: 'Montserrat'; 
 src: url('fonts/Montserrat-Regular.ttf') format('truetype'); 
 font-weight: 400; 
 font-style: normal; 
} 
 
@font-face { 
 font-family: 'Montserrat'; 
 src: url('fonts/Montserrat-Medium.ttf') format('truetype'); 
 font-weight: 500; 
 font-style: normal; 
} 
 
* { 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
html { 
 background: #f7f7f7; 
 width: 100%; 
 max-width: 100%; 
 min-height: 100%; 
 overflow-x: hidden; 
} 
 
/* Вход из бота с ?route=… — без мигания главной до applyTelegramBotEntryRoute */ 
html[data-bot-entry-route] .page { 
 visibility: hidden; 
} 
 
html.bot-entry-route-ready .page { 
 visibility: visible; 
} 
 
body { 
 min-height: 100vh; 
 min-height: 100dvh; 
 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
 background: #f7f7f7; 
 color: var(--tg-theme-text-color, #000); 
 overflow-x: hidden; 
} 
 
/* КОНЦЕПЦИИ: фиксированный фон на весь viewport (и по бокам, и по высоте) */ 
body.is-concepts { 
 position: relative; 
 background: #f7f7f7 !important; 
} 
body.is-concepts::before { 
 content: ''; 
 position: fixed; 
 left: 0; 
 top: 0; 
 width: 100vw; 
 height: 100vh; 
 height: 100dvh; 
 background: #f7f7f7; 
 z-index: 0; 
 pointer-events: none; 
} 
 
body:has(.page.view-detail) { 
 background: #f2f2f2; 
} 
 
button.is-loading { 
 position: relative; 
 opacity: 0.9; 
} 
 
button.is-loading::after { 
 content: ''; 
 display: inline-block; 
 width: 14px; 
 height: 14px; 
 margin-left: 8px; 
 border: 2px solid currentColor; 
 border-right-color: transparent; 
 border-radius: 50%; 
 animation: spin-mini-app 0.8s linear infinite; 
 vertical-align: -2px; 
} 
 
@keyframes spin-mini-app { 
 to { 
 transform: rotate(360deg); 
 } 
} 
 
/* Масштаб по ширине экрана (база 375px), чтобы на 360–430px всё сохраняло вид */ 
.page { 
 position: relative; 
 width: 100vw; 
 max-width: 100vw; 
 overflow-x: hidden; 
 /* Нижняя граница контента ~832px кнопки + запас, всё в масштабе макета 375 */ 
 min-height: calc(100vw * 920 / 375); 
 margin: 0 auto; 
 background: #f7f7f7; 
 zoom: 1; 
 z-index: 1; 
} 
 
/* Главная: сбрасываем min-height (в т.ч. inline после relayoutPackagesPageHeight на «Пакетах»). */ 
.page.view-home { 
 min-height: auto !important; 
} 
 
/* Главная: принудительно скрываем контент экранов «METOD»/«Интерьерные решения». */ 
.page.view-home .metod-popular-section, 
.page.view-home .metod-concept-block, 
.page.view-home .metod-concept-title-page, 
.page.view-home .metod-concept-budget-page, 
.page.view-home .concepts-content, 
.page.view-home .concepts-slider-card, 
.page.view-home .concepts-self-block { 
 display: none !important; 
} 
 
/* ПАКЕТЫ РЕАЛИЗАЦИИ: скрываем весь контент экрана METOD (иначе .metod-concept-title-page перебивает display:none через -webkit-box) */ 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-main-flow, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-info-text, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-cases-btn, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-stats-bg, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-stats-grid, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-stats-lead, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-stats-tagline, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-scroll-stack, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-popular-section, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-concept-block, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-concept-title-page, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-concept-budget-page, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-action-btn, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-section-nav-btn, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-partners-section, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-gap-to-dark, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-dark-section, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .metod-adapt-section { 
 display: none !important; 
} 
 
/* Высота шапки для привязки элементов (375×384 → при 100vw высота = 100vw * 384/375) */ 
.header-wrap { 
 position: relative; 
 z-index: 1; 
 width: 100%; 
} 
 
/* Шапка: всегда на всю ширину экрана, без отступов по бокам */ 
.shapka { 
 display: block; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 height: auto; 
 aspect-ratio: 375 / 384; 
 object-fit: cover; 
 object-position: top; 
 vertical-align: top; 
} 
 
/* Элементы поверх шапки: позиция в % от высоты/ширины шапки (база 375×384) */ 
.logo { 
 position: absolute; 
 top: 5.21%; /* 20/384 */ 
 left: 4.27%; /* 16/375 */ 
 width: 46.67%; 
 max-width: 175px; 
 height: auto; 
 object-fit: contain; 
} 
 
/* На экране «Подробнее» — тот же Logo.svg, позиция как в макете */ 
.logo--detail { 
 display: none; 
 top: 20px; 
 left: 16px; 
 width: auto; 
 max-width: 175px; 
 height: auto; 
} 
/* «Подробнее»: шапка на всю ширину вьюпорта — shapka_4 + лого и бургер поверх */ 
.page.view-detail .header-wrap { 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 position: relative; 
 /* Контент .detail-scroll идёт в DOM после шапки с тем же z-index — иначе картинки перекрывают бургер */ 
 z-index: 50; 
} 
.page.view-detail .logo-main { 
 display: none !important; 
} 
.page.view-detail .logo--detail { 
 display: block !important; 
 position: absolute; 
 left: 16px; 
 top: 20px; 
 z-index: 10; 
} 
 
.page.view-detail .burger { 
 z-index: 10; 
} 
 
/* Тексты поверх shapka_4 (база 375px) */ 
.detail-shapka-overlay { 
 display: none; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 box-sizing: border-box; 
 pointer-events: none; 
 z-index: 2; 
} 
 
/* «Подробнее»: два варианта шапки — ADEPT (готовая концепция) и полный цикл */ 
.page.view-detail .detail-shapka-overlay { 
 display: none; 
} 
.page.view-detail--concept .detail-shapka-overlay--adept, 
.page.view-detail--adept .detail-shapka-overlay--adept-page, 
.page.view-detail--fullcycle .detail-shapka-overlay--fullcycle-only { 
 display: block; 
} 
 
/* Две отдельные прокрутки «Подробнее»: ADEPT (готовая концепция) и полный цикл */ 
.detail-scroll--fullcycle { 
 display: none; 
} 
.page.view-detail--concept .detail-scroll--adept { 
 display: block; 
} 
.page.view-detail--concept .detail-scroll--fullcycle { 
 display: none !important; 
} 
.page.view-detail--adept .detail-scroll--adept { 
 display: block; 
} 
.page.view-detail--adept .detail-scroll--fullcycle { 
 display: none !important; 
} 
.page.view-detail--fullcycle .detail-scroll--adept { 
 display: none !important; 
} 
.page.view-detail--fullcycle .detail-scroll--fullcycle { 
 display: block; 
} 
 
/* Блок «Подробнее» Адепт в DOM сразу после пакетов — не показываем, пока не открыт экран Подробнее (иначе ломается дерево .page и скролл). */ 
.page:not(.view-detail--adept):not(.view-detail--concept):not(.view-detail--fullcycle) .detail-scroll--adept { 
 display: none !important; 
} 
 
/* Полный цикл (Подробнее): полностью чистая страница, как просили */ 
.page.view-detail--fullcycle .shapka, 
.page.view-detail--fullcycle .detail-shapka-overlay--fullcycle-only, 
.page.view-detail--fullcycle .detail-scroll--fullcycle { 
 display: none !important; 
} 
 
.page.view-detail--fullcycle .header-wrap { 
 width: 100%; 
 margin-left: 0; 
 min-height: 72px; 
} 
 
.page.view-detail--fullcycle .burger { 
 top: 20px; 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: 24px; 
 min-width: 24px; 
 height: 17px; 
 min-height: 17px; 
} 
 
.page.view-detail--fullcycle .burger span { 
 height: 0; 
 background: transparent; 
 border-top: 1.5px solid #000000; 
} 
 
.page.view-detail--fullcycle { 
 background: #e3e3e3; 
 min-height: 100vh; 
 min-height: 100dvh; 
} 
 
/* Готовая концепция (Подробнее): оставить только логотип и бургер */ 
.page.view-detail--concept .shapka, 
.page.view-detail--concept .detail-shapka-overlay--adept, 
.page.view-detail--concept .detail-scroll--adept { 
 display: none !important; 
} 
 
.page.view-detail--concept .header-wrap { 
 width: 100%; 
 margin-left: 0; 
 min-height: 72px; 
} 
 
.page.view-detail--concept .burger { 
 top: 20px; 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: 24px; 
 min-width: 24px; 
 height: 17px; 
 min-height: 17px; 
} 
 
.page.view-detail--concept .burger span { 
 height: 0; 
 background: transparent; 
 border-top: 1.5px solid #ffffff; 
} 
 
/* Готовая концепция (Подробнее): серый фон и белая карточка-контейнер */ 
.page.view-detail--concept { 
 background: #e3e3e3; 
 min-height: 100dvh; 
} 
 
.detail-concept-surface { 
 display: none; 
} 
 
.page.view-detail--concept .detail-concept-surface { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 57 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: auto !important; 
 min-height: calc(100vw * 200 / 375); 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 opacity: 1; 
 z-index: 1; 
 overflow: visible; 
} 
 
.detail-fullcycle-surface { 
 display: none; 
} 
 
.page.view-detail--fullcycle .detail-fullcycle-surface { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 57 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: auto !important; 
 min-height: calc(100vw * 200 / 375); 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 opacity: 1; 
 z-index: 1; 
 overflow: visible; 
} 
 
.page.view-detail--fullcycle { 
 background: #e3e3e3; 
 min-height: 100dvh; 
} 

/* Пакеты «Подробнее»: без скролла, если влезает в экран (класс ставит script.js) */
.page.view-detail--concept.view-detail--fits-viewport,
.page.view-detail--fullcycle.view-detail--fits-viewport {
 min-height: 100dvh !important;
 max-height: 100dvh !important;
 height: 100dvh !important;
 overflow: hidden !important;
}

.page.view-detail--concept:not(.view-detail--fits-viewport),
.page.view-detail--fullcycle:not(.view-detail--fits-viewport) {
 overflow-x: hidden;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

/* Адепт → «ПОДРОБНЕЕ»: #f7f7f7 под контентом; белая карточка только .detail-adept-more-panel__sheet (до блока участия). «Как проходит АДЕПТ» и пакет — снаружи листа, на фоне страницы. */ 
.detail-adept-more-surface { 
 display: none; 
} 
 
.page.view-detail--adept.view-detail--adept-sub { 
 background: #f7f7f7 !important; 
 min-height: max(100dvh, calc(100vw * 5381 / 375 + var(--adept-flow-tail, 0px))) !important; 
} 
 
.page.view-detail--adept.view-detail--adept-sub.view-packages::before, 
.page.view-detail--adept.view-detail--adept-sub.view-packages--metod::before { 
 background: #f7f7f7 !important; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .shapka, 
.page.view-detail--adept.view-detail--adept-sub .detail-shapka-overlay--adept, 
.page.view-detail--adept.view-detail--adept-sub .detail-shapka-overlay--adept-page { 
 display: none !important; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-scroll--adept { 
 display: none !important; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-surface { 
 display: block !important; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 min-height: max(100dvh, calc(100vw * 5381 / 375 + var(--adept-flow-tail, 0px))); 
 box-sizing: border-box; 
 background: #f7f7f7; 
 /* Выше .content-main (z-index:2) и прочего контента пакетов, ниже шапки (z-index:50) */ 
 z-index: 40; 
 pointer-events: auto; 
 overflow-x: hidden; 
 overflow-y: auto; 
 -webkit-overflow-scrolling: touch; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel { 
 position: relative; 
 width: 100%; 
 max-width: 100vw; 
 margin: 0 auto; 
 margin-top: calc(100vw * 90 / 375); 
 min-height: calc(100vw * 5291 / 375 + var(--adept-plan-delta, 0px) + var(--adept-flow-tail, 0px)); 
 box-sizing: border-box; 
 background: transparent; 
 border-radius: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__sheet { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 max-width: 100vw; 
 height: calc(100vw * 5291 / 375 + var(--adept-plan-delta, 0px)); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 overflow: hidden; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__hero { 
 position: absolute; 
 top: calc(100vw * 14 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 347 / 375); 
 height: calc(100vw * 327 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
 overflow: hidden; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__hero-img { 
 position: absolute; 
 top: calc(100vw * 49 / 375); 
 left: calc(100vw * 122.6 / 375); 
 width: calc(100vw * 102.208 / 375); 
 height: calc(100vw * 27.998 / 375); 
 display: block; 
 object-fit: contain; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__hero-title { 
 position: absolute; 
 top: calc(100vw * 101 / 375); 
 left: calc(100vw * 2 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 72 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 21 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__hero-lead { 
 position: absolute; 
 top: calc(100vw * 193 / 375); 
 left: calc(100vw * 43 / 375); 
 width: calc(100vw * 262 / 375); 
 min-height: calc(100vw * 85 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__pitch { 
 position: absolute; 
 top: calc(100vw * 381 / 375); 
 left: calc(100vw * 40 / 375); 
 width: calc(100vw * 296 / 375); 
 min-height: calc(100vw * 152 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__pitch-line { 
 display: inline; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__pitch-line--muted { 
 color: #808080; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__pitch-line--dark { 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__follow { 
 position: absolute; 
 top: calc(100vw * 563 / 375); 
 left: calc(100vw * 27 / 375); 
 width: calc(100vw * 321 / 375); 
 min-height: calc(100vw * 133 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__follow-part { 
 display: inline; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__follow-part--dark { 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__follow-part--muted { 
 color: #808080; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 202 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #f3f3f3; 
 overflow: hidden; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--1 { 
 top: calc(100vw * 736 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--2 { 
 top: calc(100vw * 948 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--3 { 
 top: calc(100vw * 1160 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase-img { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 z-index: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase-badge { 
 position: absolute; 
 top: calc(100vw * 12 / 375); 
 left: calc(100vw * 12 / 375); 
 height: calc(100vw * 26 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 8 / 375); 
 background: #ffffff; 
 z-index: 1; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--1 .detail-adept-more-panel__showcase-badge { 
 width: calc(100vw * 249 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--2 .detail-adept-more-panel__showcase-badge { 
 width: calc(100vw * 234 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--3 .detail-adept-more-panel__showcase-badge { 
 width: calc(100vw * 238 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase-badge-text { 
 position: absolute; 
 top: calc(100vw * 7 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--1 .detail-adept-more-panel__showcase-badge-text { 
 left: calc(100vw * 9 / 375); 
 width: calc(100vw * 231 / 375); 
 min-height: calc(100vw * 12 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--2 .detail-adept-more-panel__showcase-badge-text { 
 left: calc(100vw * 10 / 375); 
 width: calc(100vw * 214 / 375); 
 min-height: calc(100vw * 12 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__showcase--3 .detail-adept-more-panel__showcase-badge-text { 
 left: calc(100vw * 10 / 375); 
 width: calc(100vw * 218 / 375); 
 min-height: calc(100vw * 12 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-heading { 
 position: absolute; 
 top: calc(100vw * 1402 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 48 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier { 
 position: absolute; 
 top: calc(100vw * 1466 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 55 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 15 / 375); 
 background: #f3f3f3; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-row { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 box-sizing: border-box; 
 width: 100%; 
 height: 100%; 
 padding: calc(100vw * 4 / 375); 
 gap: calc(100vw * 4 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-btn { 
 flex: 1 1 0; 
 min-width: 0; 
 height: calc(100vw * 47 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: transparent; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-btn-surface { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 box-sizing: border-box; 
 width: calc(100vw * 109 / 375); 
 min-height: calc(100vw * 47 / 375); 
 padding: calc(100vw * 6 / 375) calc(100vw * 4 / 375); 
 border-radius: calc(100vw * 12 / 375); 
 background: transparent; 
 gap: calc(100vw * 4 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-btn.is-active .detail-adept-more-panel__tier-btn-surface { 
 background: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-name { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 10 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #a05035; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__tier-desc { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-card { 
 position: absolute; 
 top: calc(100vw * 1531 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 346 / 375); 
 height: auto; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 padding: calc(100vw * 20 / 375) calc(100vw * 16 / 375) calc(100vw * 20 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #f3f3f3; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-title { 
 position: static; 
 flex: 0 0 auto; 
 width: auto; 
 max-width: calc(100vw * 220 / 375); 
 min-height: calc(100vw * 20 / 375); 
 margin: 0 0 calc(100vw * 8 / 375) 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-body { 
 position: static; 
 flex: 0 1 auto; 
 align-self: center; 
 width: calc(100vw * 311 / 375); 
 height: auto; 
 min-height: 0; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: none; 
 background: transparent; 
 display: flex; 
 flex-direction: column; 
 gap: calc(100vw * 12 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-label, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-sub, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-text { 
 position: static; 
 left: auto; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-hr { 
 position: static; 
 left: auto; 
 flex: 0 0 auto; 
 align-self: stretch; 
 width: 100%; 
 height: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-top: 1px solid #e7e7e7; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-label { 
 width: calc(100vw * 50 / 375); 
 min-height: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #9d9d9d; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-sub { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #9d9d9d; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-sub--drawings { 
 width: calc(100vw * 140 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-text { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-text--drawings { 
 width: 100%; 
 max-width: calc(100vw * 302 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-sub--objects { 
 width: calc(100vw * 124 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-text--objects { 
 width: 100%; 
 max-width: calc(100vw * 270 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-sub--who { 
 width: calc(100vw * 96 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__plan-text--who { 
 width: 100%; 
 max-width: calc(100vw * 270 / 375); 
 min-height: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan { 
 position: absolute; 
 left: 0; 
 width: 100%; 
 top: calc(100vw * 1877 / 375 + var(--adept-plan-delta, 0px)); 
 min-height: calc(100vw * 3414 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__insight { 
 position: absolute; 
 top: calc(100vw * 14 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 140 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__insight-text { 
 position: absolute; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 315 / 375); 
 min-height: calc(100vw * 100 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__what-title { 
 position: absolute; 
 top: calc(100vw * 194 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__benefit { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 202 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 border: 1px solid #cccccc; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__benefit--1 { 
 top: calc(100vw * 234 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__benefit--2 { 
 top: calc(100vw * 448 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__benefit--3 { 
 top: calc(100vw * 662 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__benefit--4 { 
 top: calc(100vw * 876 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-num { 
 position: absolute; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #cccccc; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit--1 .detail-adept-more-panel__benefit-num { 
 width: calc(100vw * 17 / 375); 
 min-height: calc(100vw * 18 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit--2 .detail-adept-more-panel__benefit-num, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit--3 .detail-adept-more-panel__benefit-num, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit--4 .detail-adept-more-panel__benefit-num { 
 width: calc(100vw * 20 / 375); 
 min-height: calc(100vw * 18 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-heading { 
 position: absolute; 
 top: calc(100vw * 69 / 375); 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-heading--w204 { 
 width: max-content; 
 max-width: calc(100vw * 311 / 375); 
 min-height: calc(100vw * 17 / 375); 
 white-space: nowrap; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-heading--w158 { 
 width: calc(100vw * 158 / 375); 
 min-height: calc(100vw * 17 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-heading--w269 { 
 width: calc(100vw * 269 / 375); 
 min-height: calc(100vw * 17 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-heading--w231 { 
 width: calc(100vw * 231 / 375); 
 min-height: calc(100vw * 34 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-desc { 
 position: absolute; 
 top: calc(100vw * 98 / 375); 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-desc--t115 { 
 top: calc(100vw * 115 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-desc--w254 { 
 width: calc(100vw * 254 / 375); 
 min-height: calc(100vw * 56 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-desc--w301 { 
 width: calc(100vw * 301 / 375); 
 min-height: calc(100vw * 84 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit--3 .detail-adept-more-panel__benefit-desc--w301 { 
 min-height: calc(100vw * 56 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__benefit-desc--w238 { 
 width: calc(100vw * 238 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-title { 
 position: absolute; 
 top: calc(100vw * 1118 / 375); 
 left: calc(100vw * 99 / 375); 
 width: calc(100vw * 177 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap { 
 position: absolute; 
 box-sizing: border-box; 
 background: #383838; 
 border-top-left-radius: calc(100vw * 8 / 375); 
 border-top-right-radius: calc(100vw * 8 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--1 { 
 top: calc(100vw * 1158 / 375); 
 left: calc(100vw * 136 / 375); 
 width: calc(100vw * 103 / 375); 
 height: calc(100vw * 30 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--2 { 
 top: calc(100vw * 1364 / 375); 
 left: calc(100vw * 120 / 375); 
 width: calc(100vw * 135 / 375); 
 height: calc(100vw * 30 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--3 { 
 top: calc(100vw * 1570 / 375); 
 left: calc(100vw * 71 / 375); 
 width: calc(100vw * 234 / 375); 
 height: calc(100vw * 30 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap-text { 
 position: absolute; 
 top: calc(100vw * 7 / 375); 
 left: calc(100vw * 10 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--1 .detail-adept-more-panel__audience-cap-text { 
 width: calc(100vw * 83 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--2 .detail-adept-more-panel__audience-cap-text { 
 width: calc(100vw * 115 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-cap--3 .detail-adept-more-panel__audience-cap-text { 
 width: calc(100vw * 214 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 164 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 border: 1px solid #cccccc; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--1 { 
 top: calc(100vw * 1188 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--2 { 
 top: calc(100vw * 1394 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--3 { 
 top: calc(100vw * 1600 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card-title { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--1 .detail-adept-more-panel__audience-card-title { 
 top: calc(100vw * 26 / 375); 
 left: calc(100vw * 29 / 375); 
 width: calc(100vw * 285 / 375); 
 min-height: calc(100vw * 40 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--2 .detail-adept-more-panel__audience-card-title { 
 top: calc(100vw * 26 / 375); 
 left: calc(100vw * 64 / 375); 
 width: calc(100vw * 215 / 375); 
 min-height: calc(100vw * 40 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--3 .detail-adept-more-panel__audience-card-title { 
 top: calc(100vw * 26 / 375); 
 left: calc(100vw * 64 / 375); 
 width: calc(100vw * 215 / 375); 
 min-height: calc(100vw * 40 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card-desc { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--1 .detail-adept-more-panel__audience-card-desc { 
 top: calc(100vw * 78 / 375); 
 left: calc(100vw * 39 / 375); 
 width: calc(100vw * 266 / 375); 
 min-height: calc(100vw * 60 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--2 .detail-adept-more-panel__audience-card-desc { 
 top: calc(100vw * 78 / 375); 
 left: calc(100vw * 29 / 375); 
 width: calc(100vw * 286 / 375); 
 min-height: calc(100vw * 60 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__audience-card--3 .detail-adept-more-panel__audience-card-desc { 
 top: calc(100vw * 78 / 375); 
 left: calc(100vw * 15 / 375); 
 width: calc(100vw * 314 / 375); 
 min-height: calc(100vw * 60 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-title { 
 position: absolute; 
 top: calc(100vw * 1804 / 375); 
 left: calc(100vw * 92 / 375); 
 width: calc(100vw * 191 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 131 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 border: 1px solid #cccccc; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--6 { 
 height: calc(100vw * 141 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--1 { 
 top: calc(100vw * 1844 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--2 { 
 top: calc(100vw * 1985 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--3 { 
 top: calc(100vw * 2126 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--4 { 
 top: calc(100vw * 2267 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--5 { 
 top: calc(100vw * 2408 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-step--6 { 
 top: calc(100vw * 2549 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-badge { 
 position: absolute; 
 top: calc(100vw * 16 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 37 / 375); 
 height: calc(100vw * 37 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 6 / 375); 
 background: #a05035; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-num { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text { 
 position: absolute; 
 top: calc(100vw * 69 / 375); 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w304 { 
 width: calc(100vw * 304 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w218 { 
 width: calc(100vw * 218 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w253 { 
 width: calc(100vw * 253 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w277 { 
 width: calc(100vw * 277 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w311 { 
 width: calc(100vw * 311 / 375); 
 min-height: calc(100vw * 42 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__works-text--w279 { 
 width: calc(100vw * 279 / 375); 
 min-height: calc(100vw * 56 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-title { 
 position: absolute; 
 top: calc(100vw * 2730 / 375); 
 left: calc(100vw * 46 / 375); 
 width: calc(100vw * 283 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-card { 
 position: absolute; 
 top: calc(100vw * 2770 / 375); 
 left: 0; 
 width: 100%; 
 max-width: 100vw; 
 height: calc(100vw * 644 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 30 / 375); 
 overflow: hidden; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-img { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 object-position: center; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-overlay { 
 position: absolute; 
 top: calc(100vw * 80 / 375); 
 left: calc(100vw * 50 / 375); 
 width: calc(100vw * 274 / 375); 
 height: calc(100vw * 484 / 375); 
 box-sizing: border-box; 
 margin: 0; 
 padding: 0; 
 pointer-events: none; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--h1 { 
 top: 0; 
 left: calc(100vw * 50 / 375); 
 width: calc(100vw * 174 / 375); 
 min-height: calc(100vw * 20 / 375); 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 110%; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--s1 { 
 top: calc(100vw * 36 / 375); 
 left: calc(100vw * 29 / 375); 
 width: calc(100vw * 216 / 375); 
 min-height: calc(100vw * 28 / 375); 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 text-align: center; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-rule { 
 position: absolute; 
 left: calc(100vw * 51 / 375); 
 width: calc(100vw * 173 / 375); 
 height: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-top: 1px solid #ffffff; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-rule--1 { 
 top: calc(100vw * 144 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--h2 { 
 top: calc(100vw * 224 / 375); 
 left: calc(100vw * 44 / 375); 
 width: calc(100vw * 186 / 375); 
 min-height: calc(100vw * 20 / 375); 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 110%; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--s2 { 
 top: calc(100vw * 260 / 375); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 14 / 375); 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 text-align: center; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-rule--2 { 
 top: calc(100vw * 354 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--h3 { 
 top: calc(100vw * 434 / 375); 
 left: calc(100vw * 44 / 375); 
 width: calc(100vw * 187 / 375); 
 min-height: calc(100vw * 20 / 375); 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 110%; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__below-plan .detail-adept-more-panel__participation-line--s3 { 
 top: calc(100vw * 470 / 375); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 14 / 375); 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 text-align: center; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel > .detail-adept-more-panel__post-flow { 
 position: absolute; 
 top: calc(100vw * 5291 / 375 + var(--adept-plan-delta, 0px)); 
 left: 0; 
 width: 100%; 
 box-sizing: border-box; 
 padding: 0 calc(100vw * 16 / 375) calc(100vw * 48 / 375); 
 z-index: 2; 
 background: transparent; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 padding: calc(100vw * 48 / 375) 0 calc(100vw * 40 / 375) 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: calc(100vw * 12 / 375); 
 z-index: 2; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-title { 
 margin: 0 0 calc(100vw * 4 / 375) 0; 
 padding: 0; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-card { 
 position: relative; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 border: 1px solid #cccccc; 
 padding: calc(100vw * 20 / 375) calc(100vw * 48 / 375) calc(100vw * 16 / 375) calc(100vw * 16 / 375); 
 min-height: calc(100vw * 56 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-toggle { 
 position: absolute; 
 top: calc(100vw * 16 / 375); 
 right: calc(100vw * 16 / 375); 
 width: calc(100vw * 24 / 375); 
 height: calc(100vw * 24 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: transparent; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-icon { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: calc(100vw * 24 / 375); 
 height: calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 border-radius: 50%; 
 background: #a05035; 
 pointer-events: none; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-icon-img { 
 display: block; 
 width: calc(100vw * 12 / 375); 
 height: calc(100vw * 12 / 375); 
 object-fit: contain; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-heading { 
 margin: 0; 
 padding: 0; 
 max-width: calc(100vw * 280 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-heading--w207, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-heading--w177, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-heading--w199, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-heading--w252 { 
 text-align: left; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-detail { 
 margin: 0; 
 padding: calc(100vw * 10 / 375) 0 0 0; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-detail[hidden] { 
 display: none !important; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-panel__adept-flow-text { 
 margin: 0; 
 padding: 0; 
 max-width: calc(100vw * 311 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #747474; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-panel__post-flow .detail-adept-more-subpanel { 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: 0 auto; 
 box-sizing: border-box; 
 background: #f7f7f7; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__title { 
 margin: calc(100vw * 24 / 375) auto 0; 
 padding: 0; 
 width: 100%; 
 max-width: calc(100vw * 254 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__shell { 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 min-height: calc(100vw * 434 / 375); 
 box-sizing: border-box; 
 background: #fdfdfd; 
 border-radius: calc(100vw * 20 / 375); 
 padding: calc(100vw * 14 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__shell--tier-base { 
 min-height: calc(100vw * 504 / 375); 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__includes { 
 width: calc(100vw * 270 / 375); 
 min-height: calc(100vw * 42 / 375); 
 margin: calc(100vw * 12 / 375) 0 0 calc(100vw * 10 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__shell--tier-optimal { 
 min-height: calc(100vw * 658 / 375); 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__footer-note { 
 width: calc(100vw * 296 / 375); 
 min-height: calc(100vw * 56 / 375); 
 margin: calc(100vw * 20 / 375) auto 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__includes.detail-adept-more-subpanel__includes--tier-optimal { 
 width: calc(100vw * 276 / 375); 
 min-height: calc(100vw * 266 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__includes.detail-adept-more-subpanel__includes--tier-base { 
 width: calc(100vw * 262 / 375); 
 min-height: calc(100vw * 112 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__card { 
 width: 100%; 
 min-height: calc(100vw * 344 / 375); 
 box-sizing: border-box; 
 background: #ffffff; 
 border-radius: calc(100vw * 20 / 375); 
 padding: calc(100vw * 14 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__top-block { 
 width: 100%; 
 max-width: calc(100vw * 315 / 375); 
 margin: 0 auto; 
 min-height: calc(100vw * 140 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 15 / 375); 
 background: #f7f7f7; 
 padding: calc(100vw * 16 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__top-head { 
 display: flex; 
 flex-direction: row; 
 justify-content: space-between; 
 align-items: flex-start; 
 gap: calc(100vw * 8 / 375); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__tier { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__term { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: right; 
 text-transform: none; 
 color: #1e1e1e; 
 white-space: nowrap; 
 flex-shrink: 0; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__price { 
 margin: calc(100vw * 48 / 375) 0 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__credit { 
 margin: calc(100vw * 8 / 375) 0 0 0; 
 padding: 0; 
 max-width: calc(100vw * 250 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-row { 
 position: relative; 
 z-index: 2; 
 display: flex; 
 flex-direction: row; 
 justify-content: space-between; 
 align-items: center; 
 gap: calc(100vw * 8 / 375); 
 margin-top: calc(100vw * 31 / 375); 
 width: 100%; 
} 

.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-row .adept-capsule-dropdown { 
 position: absolute; 
 top: calc(100% + 100vw * 6 / 375); 
 right: 0; 
 width: max-content; 
 min-width: calc(100vw * 123 / 375); 
 max-width: calc(100vw * 170 / 375); 
 max-height: min(220px, 40vh); 
 overflow-x: hidden; 
 overflow-y: auto; 
 z-index: 40; 
 margin: 0; 
 padding: calc(100vw * 4 / 375) 0; 
 border: 1px solid #000000; 
 border-radius: calc(100vw * 16 / 375); 
 background: #ffffff; 
 box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); 
 box-sizing: border-box; 
 -webkit-overflow-scrolling: touch; 
} 

.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-pill.is-open .detail-adept-more-subpanel__concept-pill-chevron { 
 transform: rotate(225deg); 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-label { 
 margin: 0; 
 padding: 0; 
 flex: 0 1 auto; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-pill { 
 flex: 0 1 auto; 
 display: inline-flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 8 / 375); 
 width: auto; 
 min-width: calc(100vw * 90 / 375); 
 max-width: calc(100vw * 170 / 375); 
 height: calc(100vw * 45 / 375); 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 40 / 375); 
 border: 1px solid #000000; 
 background: #ffffff; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-pill-text { 
 flex: 0 0 auto; 
 min-width: max-content; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
 white-space: nowrap; 
 overflow: visible; 
 text-overflow: clip; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__concept-pill-chevron { 
 display: block; 
 width: calc(100vw * 6 / 375); 
 height: calc(100vw * 6 / 375); 
 margin-top: calc(-100vw * 2 / 375); 
 border-right: 1px solid #000000; 
 border-bottom: 1px solid #000000; 
 transform: rotate(45deg); 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__stat-row { 
 display: flex; 
 flex-direction: row; 
 justify-content: space-between; 
 align-items: baseline; 
 gap: calc(100vw * 12 / 375); 
 margin-top: calc(100vw * 28 / 375); 
 width: 100%; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__stat-left, 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__stat-right { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__stat-right { 
 text-align: right; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__accent { 
 font-weight: 700; 
 color: #a05035; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__range { 
 position: relative; 
 width: 100%; 
 max-width: calc(100vw * 315 / 375); 
 margin: calc(100vw * 24 / 375) auto 0; 
 height: calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 cursor: pointer; 
 touch-action: none; 
} 
 
/* Серая и коричневая линии на одной базе (как в макете y=263); круг лежит поверх, центр на линии (y=257 + 6) */ 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__range-track { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 50%; 
 height: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-bottom: 1px solid #d1d1d1; 
 transform: translateY(-50%); 
 z-index: 0; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__range-fill { 
 position: absolute; 
 left: 0; 
 top: 50%; 
 width: 0; 
 height: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-bottom: 2px solid #a05035; 
 transform: translateY(-50%); 
 z-index: 1; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__range-thumb { 
 position: absolute; 
 left: 0; 
 top: 50%; 
 width: calc(100vw * 12 / 375); 
 height: calc(100vw * 12 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border-radius: 50%; 
 background: #ffffff; 
 border: 2px solid #a05035; 
 transform: translate(-50%, -50%); 
 z-index: 2; 
 pointer-events: none; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .detail-adept-more-subpanel__cta { 
 display: block; 
 width: 100%; 
 max-width: calc(100vw * 315 / 375); 
 margin: calc(100vw * 28 / 375) auto 0; 
 height: calc(100vw * 45 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 89 / 375); 
 background: #383838; 
 cursor: pointer; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .header-wrap { 
 width: 100%; 
 margin-left: 0; 
 min-height: 72px; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .burger { 
 top: 20px; 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: 24px; 
 min-width: 24px; 
 height: 17px; 
 min-height: 17px; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .burger span { 
 height: 0; 
 background: transparent; 
 border-top: 1.5px solid #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .packages-metod-back { 
 display: inline-flex !important; 
 flex-direction: row; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .packages-metod-back__label { 
 color: #000000; 
} 
 
.page.view-detail--adept.view-detail--adept-sub .packages-metod-back__icon { 
 filter: brightness(0); 
} 
 
.detail-fullcycle-surface__title { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 241 / 375); 
 height: calc(100vw * 26 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__desc { 
 position: absolute; 
 top: calc(100vw * 76 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 75 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__params-title { 
 position: absolute; 
 top: calc(100vw * 171 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 323 / 375); 
 height: calc(100vw * 18 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__budget-label, 
.detail-fullcycle-surface__budget-value, 
.detail-fullcycle-surface__sqm-label, 
.detail-fullcycle-surface__sqm-value, 
.detail-fullcycle-surface__term-label, 
.detail-fullcycle-surface__term-value, 
.detail-fullcycle-surface__roi-label, 
.detail-fullcycle-surface__roi-value { 
 position: absolute; 
 height: calc(100vw * 15 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__budget-label { 
 top: calc(100vw * 199 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 52 / 375); 
} 
 
.detail-fullcycle-surface__budget-value { 
 top: calc(100vw * 199 / 375); 
 left: calc(100vw * 217 / 375); 
 width: calc(100vw * 142 / 375); 
 text-align: right; 
} 
 
.detail-fullcycle-surface__line { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: 0; 
 border-top: 1px solid #dedede; 
} 
 
.detail-fullcycle-surface__line--1 { 
 top: calc(100vw * 222 / 375); 
} 
 
.detail-fullcycle-surface__line--2 { 
 top: calc(100vw * 253 / 375); 
} 
 
.detail-fullcycle-surface__line--3 { 
 top: calc(100vw * 284 / 375); 
} 
 
.detail-fullcycle-surface__sqm-label { 
 top: calc(100vw * 230 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 103 / 375); 
} 
 
.detail-fullcycle-surface__sqm-value { 
 top: calc(100vw * 230 / 375); 
 left: calc(100vw * 199 / 375); 
 width: calc(100vw * 160 / 375); 
 text-align: right; 
} 
 
.detail-fullcycle-surface__term-label { 
 top: calc(100vw * 261 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 84 / 375); 
} 
 
.detail-fullcycle-surface__term-value { 
 top: calc(100vw * 261 / 375); 
 left: calc(100vw * 282 / 375); 
 width: calc(100vw * 77 / 375); 
 text-align: right; 
} 
 
.detail-fullcycle-surface__roi-label { 
 top: calc(100vw * 292 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 85 / 375); 
} 
 
.detail-fullcycle-surface__roi-value { 
 top: calc(100vw * 292 / 375); 
 left: calc(100vw * 309 / 375); 
 width: calc(100vw * 50 / 375); 
 text-align: right; 
} 
 
.detail-fullcycle-surface__included-title, 
.detail-fullcycle-surface__extra-title { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 323 / 375); 
 height: calc(100vw * 18 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__included-title { 
 top: calc(100vw * 295 / 375); 
} 
 
.detail-fullcycle-surface__included-list { 
 position: absolute; 
 top: calc(100vw * 323 / 375); 
 left: calc(100vw * 10 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 105 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__extra-title { 
 top: calc(100vw * 448 / 375); 
} 
 
.detail-fullcycle-surface__extra-list { 
 position: absolute; 
 top: calc(100vw * 476 / 375); 
 left: calc(100vw * 10 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 30 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-fullcycle-surface__photo { 
 position: absolute; 
 top: calc(100vw * 526 / 375); 
 width: calc(100vw * 167 / 375); 
 height: calc(100vw * 244 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 border: 0.63px solid #f8f8f8; 
 background: #383838; 
 object-fit: cover; 
 opacity: 1; 
} 
 
.detail-fullcycle-surface__photo--1 { 
 left: calc(100vw * 16 / 375); 
} 
 
.detail-fullcycle-surface__photo--2 { 
 left: calc(100vw * 192 / 375); 
} 
 
.detail-fullcycle-surface__btn { 
 position: absolute; 
 top: calc(100vw * 790 / 375); 
 height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 40 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
} 
 
.detail-fullcycle-surface__btn--choose { 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 181 / 375); 
 border: none; 
 background: #a05035; 
} 
 
.detail-fullcycle-surface__btn--more { 
 left: calc(100vw * 207 / 375); 
 width: calc(100vw * 129 / 375); 
 border: 1px solid #e3e3e3; 
 background: #f7f7f7; 
} 
 
.detail-fullcycle-surface__btn-text { 
 position: absolute; 
 top: calc(100vw * 15 / 375); 
 height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
} 
 
.detail-fullcycle-surface__btn-text--choose { 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 108 / 375); 
 color: #ffffff; 
} 
 
.detail-fullcycle-surface__btn-text--more { 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 85 / 375); 
 color: #000000; 
} 
 
.detail-fullcycle-surface__btn-icon-wrap { 
 position: absolute; 
 top: calc(100vw * 6 / 375); 
 left: calc(100vw * 142 / 375); 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 background: #ffffff; 
} 
 
.detail-fullcycle-surface__btn-icon { 
 display: block; 
 width: calc(100vw * 17.433959960937514 / 375); 
 height: calc(100vw * 17.111112594604506 / 375); 
 margin-top: calc(100vw * 8.09 / 375); 
 margin-left: calc(100vw * 7.94 / 375); 
 object-fit: contain; 
 opacity: 1; 
} 
 
.detail-concept-surface__title { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 241 / 375); 
 height: calc(100vw * 26 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__desc { 
 position: absolute; 
 top: calc(100vw * 76 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 323 / 375); 
 min-height: calc(100vw * 45 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__params-title { 
 position: absolute; 
 top: calc(100vw * 141 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 323 / 375); 
 height: calc(100vw * 18 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__budget-label { 
 position: absolute; 
 top: calc(100vw * 169 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 52 / 375); 
 height: calc(100vw * 15 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__budget-value { 
 position: absolute; 
 top: calc(100vw * 169 / 375); 
 left: calc(100vw * 243 / 375); 
 width: calc(100vw * 116 / 375); 
 height: calc(100vw * 15 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: right; 
 color: #000000; 
} 
 
.detail-concept-surface__line { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: 0; 
 border-top: 1px solid #dedede; 
} 
 
.detail-concept-surface__line--1 { 
 top: calc(100vw * 192 / 375); 
} 
 
.detail-concept-surface__line--2 { 
 top: calc(100vw * 223 / 375); 
} 
 
.detail-concept-surface__line--3 { 
 top: calc(100vw * 254 / 375); 
} 
 
.detail-concept-surface__sqm-label, 
.detail-concept-surface__term-label, 
.detail-concept-surface__roi-label, 
.detail-concept-surface__sqm-value, 
.detail-concept-surface__term-value, 
.detail-concept-surface__roi-value { 
 position: absolute; 
 height: calc(100vw * 15 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__sqm-label { 
 top: calc(100vw * 200 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 103 / 375); 
} 
 
.detail-concept-surface__sqm-value { 
 top: calc(100vw * 200 / 375); 
 left: calc(100vw * 228 / 375); 
 width: calc(100vw * 131 / 375); 
 text-align: right; 
} 
 
.detail-concept-surface__term-label { 
 top: calc(100vw * 231 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 84 / 375); 
} 
 
.detail-concept-surface__term-value { 
 top: calc(100vw * 231 / 375); 
 left: calc(100vw * 282 / 375); 
 width: calc(100vw * 77 / 375); 
 text-align: right; 
} 
 
.detail-concept-surface__roi-label { 
 top: calc(100vw * 262 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 85 / 375); 
} 
 
.detail-concept-surface__roi-value { 
 top: calc(100vw * 262 / 375); 
 left: calc(100vw * 306 / 375); 
 width: calc(100vw * 53 / 375); 
 text-align: right; 
} 
 
.detail-concept-surface__included-title, 
.detail-concept-surface__extra-title { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 323 / 375); 
 height: calc(100vw * 18 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__included-title { 
 top: calc(100vw * 297 / 375); 
} 
 
.detail-concept-surface__included-list { 
 position: absolute; 
 top: calc(100vw * 325 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 70 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__extra-title { 
 top: calc(100vw * 405 / 375); 
} 
 
.detail-concept-surface__extra-list { 
 position: absolute; 
 top: calc(100vw * 433 / 375); 
 left: calc(100vw * 10 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-concept-surface__photo { 
 position: absolute; 
 top: calc(100vw * 498 / 375); 
 width: calc(100vw * 167 / 375); 
 height: calc(100vw * 244 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 border: 0.63px solid #f8f8f8; 
 background: #383838; 
 object-fit: cover; 
 opacity: 1; 
} 
 
.detail-concept-surface__photo--1 { 
 left: calc(100vw * 16 / 375); 
} 
 
.detail-concept-surface__photo--2 { 
 left: calc(100vw * 192 / 375); 
} 
 
.detail-concept-surface__btn { 
 position: absolute; 
 top: calc(100vw * 762 / 375); 
 height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 40 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
} 
 
.detail-concept-surface__btn--choose { 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 181 / 375); 
 border: none; 
 background: #a05035; 
} 
 
.detail-concept-surface__btn--more { 
 left: calc(100vw * 207 / 375); 
 width: calc(100vw * 129 / 375); 
 border: 1px solid #e3e3e3; 
 background: #f7f7f7; 
} 
 
.detail-concept-surface__btn-text { 
 position: absolute; 
 top: calc(100vw * 15 / 375); 
 height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
} 
 
.detail-concept-surface__btn-text--choose { 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 108 / 375); 
 color: #ffffff; 
} 
 
.detail-concept-surface__btn-text--more { 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 85 / 375); 
 color: #000000; 
} 
 
.detail-concept-surface__btn-icon-wrap { 
 position: absolute; 
 top: calc(100vw * 6 / 375); 
 left: calc(100vw * 142 / 375); 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 background: #ffffff; 
} 
 
.detail-concept-surface__btn-icon { 
 display: block; 
 width: calc(100vw * 17.433959960937514 / 375); 
 height: calc(100vw * 17.111112594604506 / 375); 
 margin-top: calc(100vw * 8.09 / 375); 
 margin-left: calc(100vw * 7.94 / 375); 
 object-fit: contain; 
 opacity: 1; 
} 
 
.detail-shapka-overlay__title { 
 position: absolute; 
 top: calc(100vw * 200 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 102 / 375); 
 min-height: calc(100vw * 31 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
/* «Готовая концепция»: как на карточке пакетов (не ALL CAPS) */ 
.detail-shapka-overlay--adept .detail-shapka-overlay__title { 
 width: calc(100vw * 290 / 375); 
 text-transform: none; 
} 
 
.detail-shapka-overlay__subtitle { 
 position: absolute; 
 top: calc(100vw * 243 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 279 / 375); 
 min-height: calc(100vw * 40 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.detail-shapka-overlay__desc { 
 position: absolute; 
 top: calc(100vw * 299 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 290 / 375); 
 min-height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.burger { 
 position: absolute; 
 top: 5.21%; 
 right: 4.27%; 
 width: 6.4%; 
 min-width: 24px; 
 height: 4.69%; 
 min-height: 18px; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 cursor: pointer; 
} 
 
.burger span { 
 display: block; 
 width: 100%; 
 height: 0; 
 background: transparent; 
 border-top: 1.5px solid #000000; 
 border-radius: 0; 
 transition: transform 0.2s ease, opacity 0.2s ease; 
 transform-origin: center; 
} 
 
.burger.is-open { 
 justify-content: center; 
} 
 
.burger.is-open span:nth-child(1) { 
 position: absolute; 
 top: 50%; 
 left: 0; 
 width: 100%; 
 transform: translateY(-50%) rotate(45deg); 
} 
 
.burger.is-open span:nth-child(2) { 
 opacity: 0; 
 pointer-events: none; 
} 
 
.burger.is-open span:nth-child(3) { 
 position: absolute; 
 top: 50%; 
 left: 0; 
 width: 100%; 
 transform: translateY(-50%) rotate(-45deg); 
} 
 
/* Выпадающее меню (бургер): главная, ПАКЕТЫ, METOD, ADEPT «Подробнее» */ 
.nav-drawer { 
 position: fixed; 
 inset: 0; 
 z-index: 200; 
 pointer-events: none; 
} 
 
.nav-drawer:not([hidden]) { 
 pointer-events: auto; 
 overflow: hidden; 
} 
 
html:has(body.nav-drawer-open), 
body.nav-drawer-open { 
 overflow: hidden; 
 overscroll-behavior: none; 
} 
 
body.nav-drawer-open .page { 
 overflow: hidden; 
 overscroll-behavior: none; 
 touch-action: none; 
} 
 
.nav-drawer__backdrop { 
 position: absolute; 
 inset: 0; 
 z-index: 1; 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: transparent; 
 cursor: pointer; 
 display: block; 
} 
 
.nav-drawer__panel { 
 position: absolute; 
 z-index: 2; 
 box-sizing: border-box; 
 background: #ffffff; 
 opacity: 1; 
 overflow: hidden; 
} 
 
/* Панель поверх шапки: от верха вьюпорта, на всю ширину, масштаб как у макета 375 */ 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__panel { 
 left: 0; 
 top: 0; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 transform: none; 
 max-width: none; 
 height: 100dvh; 
 max-height: 100dvh; 
 display: flex; 
 flex-direction: column; 
 box-sizing: border-box; 
 padding: 
 calc(100dvh * 57 / 665) 
 calc(100vw * 20 / 375) 
 max(12px, env(safe-area-inset-bottom, 0px)); 
 overflow: hidden; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__divider { 
 position: static; 
 flex-shrink: 0; 
 width: 100%; 
 max-width: 335px; 
 height: 0; 
 margin: 0 0 clamp(10px, 2dvh, 20px); 
 padding: 0; 
 box-sizing: border-box; 
 border: none; 
 border-top: 1px solid #e1e1e1; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__btn { 
 position: absolute; 
 top: calc(100vw * 68 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 box-sizing: border-box; 
 border: none; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 display: inline-flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 padding: 0 calc(100vw * 21 / 375); 
 border-radius: calc(100vw * 84 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
 transition: filter 0.2s ease; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__btn:hover { 
 filter: brightness(0.95); 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__btn:active { 
 filter: brightness(0.88); 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__btn--login { 
 left: calc(100vw * 20 / 375); 
 width: calc(100vw * 121 / 375); 
 background: #a05035; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__btn--register { 
 left: calc(100vw * 151 / 375); 
 width: calc(100vw * 190 / 375); 
 background: #383838; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__nav { 
 display: flex; 
 flex-direction: column; 
 flex: 1 1 auto; 
 gap: clamp(8px, 1.8dvh, 28px); 
 min-height: 0; 
 margin: 0; 
 padding: 0; 
 overflow: hidden; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__nav-item { 
 position: static; 
 top: auto; 
 left: auto; 
 width: fit-content; 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: none; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(14px, calc(100vw * 16 / 375), 16px); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
 text-align: left; 
 white-space: nowrap; 
 height: auto; 
 min-height: 20px; 
 display: flex; 
 align-items: center; 
 flex-shrink: 0; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__socials { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 gap: calc(100vw * 10 / 375); 
 flex-shrink: 0; 
 margin-top: auto; 
 padding-top: clamp(12px, 2.5dvh, 28px); 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__social-btn { 
 position: static; 
 top: auto; 
 width: calc(100vw * 39 / 375); 
 height: calc(100vw * 39 / 375); 
 border-radius: calc(100vw * 8 / 375); 
 overflow: hidden; 
 display: block; 
 line-height: 0; 
 box-sizing: border-box; 
 flex-shrink: 0; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__social-btn img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__social-btn--tg, 
.page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .nav-drawer__social-btn--inst { 
 left: auto; 
} 
 
body.nav-drawer-open .page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .header-wrap { 
 z-index: 260; 
 /* Иначе весь блок шапки выше меню (z-index 200) и перехватывает клики по пунктам бургер-меню */ 
 pointer-events: none; 
} 
 
body.nav-drawer-open .page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .header-wrap .shapka { 
 opacity: 0; 
 pointer-events: none; 
 transition: opacity 0.2s ease; 
} 
 
/* Кнопка CTA в шапке выше по z-index внутри header-wrap — при открытом меню скрываем, чтобы белая панель и кнопки меню были сверху */ 
body.nav-drawer-open .page:is(.view-home, .view-packages--metod, .view-detail--adept, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty, .view-about, .view-calculator, .view-calculator-start, .view-calculator-result, .view-calculator-result-next, .view-calculator-result-turnkey, .view-calculator-result-turnkey-result, .view-calculator-result-turnkey-replan-yes, .view-calculator-result-turnkey-replan-da, .view-calculator-result-turnkey-bought-no-repair, .view-calculator-result-turnkey-not-bought, .view-company-resources) .header-wrap .cta-btn { 
 opacity: 0; 
 visibility: hidden; 
 pointer-events: none; 
} 
 
/* О КОМПАНИИ: те же размеры/слои панели меню, что и на остальных экранах */ 
.page.view-about .nav-drawer__panel { 
 left: 0; 
 top: 0; 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 transform: none; 
 max-width: none; 
 height: 100dvh; 
 max-height: 100dvh; 
 display: flex; 
 flex-direction: column; 
 box-sizing: border-box; 
 padding: 
 calc(100dvh * 57 / 665) 
 calc(100vw * 20 / 375) 
 max(12px, env(safe-area-inset-bottom, 0px)); 
 overflow: hidden; 
} 
.page.view-about .nav-drawer__divider { 
 position: static; 
 width: 100%; 
 max-width: 335px; 
 margin: 0 0 clamp(10px, 2dvh, 20px); 
 border-top: 1px solid #e1e1e1; 
} 
.page.view-about .nav-drawer__btn { 
 position: absolute; 
 top: calc(100vw * 68 / 375); 
 height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 84 / 375); 
} 
.page.view-about .nav-drawer__btn--login { 
 left: calc(100vw * 20 / 375); 
 width: calc(100vw * 121 / 375); 
} 
.page.view-about .nav-drawer__btn--register { 
 left: calc(100vw * 151 / 375); 
 width: calc(100vw * 190 / 375); 
} 
.page.view-about .nav-drawer__nav { 
 display: flex; 
 flex-direction: column; 
 flex: 1 1 auto; 
 gap: clamp(10px, 2.2dvh, 32px); 
 min-height: 0; 
} 
.page.view-about .nav-drawer__nav-item { 
 position: static; 
 top: auto; 
 left: auto; 
 width: fit-content; 
 max-width: 100%; 
 font-size: clamp(14px, calc(100vw * 16 / 375), 16px); 
 height: auto; 
 min-height: 20px; 
} 
.page.view-about .nav-drawer__socials { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 gap: calc(100vw * 10 / 375); 
 flex-shrink: 0; 
 margin-top: auto; 
 padding-top: clamp(12px, 2.5dvh, 28px); 
} 
.page.view-about .nav-drawer__social-btn { 
 position: static; 
 top: auto; 
 width: calc(100vw * 39 / 375); 
 height: calc(100vw * 39 / 375); 
} 
.page.view-about .nav-drawer__social-btn--tg { left: auto; } 
 
body.nav-drawer-open .page.view-about .header-wrap { 
 z-index: 260; 
 pointer-events: none; 
} 
body.nav-drawer-open .page.view-about .header-wrap .shapka { 
 opacity: 0; 
 pointer-events: none; 
} 
body.nav-drawer-open .page.view-about .header-wrap .cta-btn { 
 opacity: 0; 
 visibility: hidden; 
 pointer-events: none; 
} 
 
body.nav-drawer-open .page.view-home .header-wrap .burger, 
body.nav-drawer-open .page.view-home .header-wrap .logo-main { 
 z-index: 3; 
 pointer-events: auto; 
} 
 
/* METOD, ПАКЕТЫ с главной, «Подробнее» с пакетов: бургер и лого — !important из‑за правил ниже по файлу */ 
body.nav-drawer-open 
 .page:is( 
 .view-packages--metod, 
 .view-detail--adept, 
 .view-packages:not(.view-packages--metod):not(.view-packages--concepts), 
 .view-packages--concepts, 
 .view-cases-empty, 
 .view-cases-detail-empty 
 ) 
 .header-wrap 
 .burger, 
body.nav-drawer-open 
 .page:is(.view-packages--metod, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty) 
 .header-wrap 
 .logo-main, 
body.nav-drawer-open 
 .page:is( 
 .view-packages--metod, 
 .view-detail--adept, 
 .view-packages:not(.view-packages--metod):not(.view-packages--concepts), 
 .view-packages--concepts, 
 .view-cases-empty, 
 .view-cases-detail-empty 
 ) 
 .header-wrap 
 .logo--detail { 
 z-index: 50 !important; 
 pointer-events: auto; 
} 
 
body.nav-drawer-open .page.view-about .header-wrap .burger, 
body.nav-drawer-open .page.view-about .header-wrap .logo-main, 
body.nav-drawer-open .page.view-about .header-wrap .logo--detail { 
 z-index: 50 !important; 
 pointer-events: auto; 
} 
 
/* При открытом бургер-меню фиксируем логотип и крестик в вьюпорте, 
 чтобы они не сдвигались при прокрутке содержимого меню. */ 
body.nav-drawer-open .header-wrap .logo-main, 
body.nav-drawer-open .header-wrap .logo--detail { 
 position: fixed !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 z-index: 320 !important; 
} 
 
body.nav-drawer-open .header-wrap .burger { 
 position: fixed !important; 
 top: calc(100vw * 20 / 375); 
 right: calc(100vw * 16 / 375); 
 z-index: 320 !important; 
} 
 
/* METOD кейсы: без fixed к вьюпорту — скроллятся вместе со страницей */ 
body.nav-drawer-open .page.view-packages--metod.view-metod-cases-sub-open .header-wrap .logo-main, 
body.nav-drawer-open .page.view-packages--metod.view-metod-cases-sub-open .header-wrap .logo--detail { 
 position: absolute !important; 
 top: 20px; 
 left: calc(100vw * 16 / 375); 
 right: auto; 
} 
 
body.nav-drawer-open .page.view-packages--metod.view-metod-cases-sub-open .header-wrap .burger { 
 position: absolute !important; 
 top: 20px; 
 left: calc(100vw * 335 / 375); 
 right: auto; 
} 
 
.miniapp-privacy-notice { 
 position: fixed; 
 left: 0; 
 right: 0; 
 bottom: 16px; 
 z-index: 500; 
 pointer-events: none; 
} 
 
.miniapp-privacy-notice__panel { 
 box-sizing: border-box; 
 width: min(343px, calc(100vw - 32px)); 
 min-height: 200px; 
 margin: 0 auto; 
 border-radius: 15px; 
 background: #ffffff; 
 padding: 20px 16px 20px; 
 transform: translateY(120%); 
 opacity: 0; 
 transition: transform 0.28s ease, opacity 0.28s ease; 
 pointer-events: auto; 
} 
 
.miniapp-privacy-notice.is-visible .miniapp-privacy-notice__panel { 
 transform: translateY(0); 
 opacity: 1; 
} 
 
.miniapp-privacy-notice__text { 
 margin: 0; 
 width: min(310px, 100%); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 105%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.miniapp-privacy-notice__check-row { 
 position: relative; 
 margin-top: 24px; 
 display: flex; 
 align-items: flex-start; 
 gap: 8px; 
 cursor: pointer; 
} 
 
.miniapp-privacy-notice__checkbox-input { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 1px; 
 height: 1px; 
 padding: 0; 
 margin: -1px; 
 overflow: hidden; 
 clip: rect(0, 0, 0, 0); 
 white-space: nowrap; 
 border: 0; 
} 
 
.miniapp-privacy-notice__checkbox-face { 
 position: relative; 
 flex: 0 0 auto; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 box-sizing: border-box; 
 overflow: hidden; 
 border: 1px solid #a05035; 
 border-radius: 6px; 
 background: transparent; 
} 
 
.miniapp-privacy-notice__checkbox-mark { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 opacity: 0; 
 transition: opacity 0.15s ease; 
 pointer-events: none; 
} 
 
.miniapp-privacy-notice__checkbox-input:checked + .miniapp-privacy-notice__checkbox-face { 
 border-color: transparent; 
} 
 
.miniapp-privacy-notice__checkbox-input:checked + .miniapp-privacy-notice__checkbox-face .miniapp-privacy-notice__checkbox-mark { 
 opacity: 1; 
} 
 
.miniapp-privacy-notice__check-text { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 130%; 
 letter-spacing: 0; 
 color: #000000; 
} 

.miniapp-privacy-notice__link { 
 color: #a05035; 
 text-decoration: underline; 
 text-underline-offset: 2px; 
} 

.miniapp-privacy-notice__link:active { 
 opacity: 0.85; 
} 
 
.miniapp-privacy-notice__btn { 
 margin-top: 16px; 
 width: 152px; 
 height: 39px; 
 border: none; 
 border-radius: 84px; 
 background: #a05035; 
 color: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 cursor: pointer; 
} 
 
.miniapp-privacy-notice__btn:disabled { 
 opacity: 0.55; 
 cursor: not-allowed; 
} 

.miniapp-channel-notice { 
 position: fixed; 
 inset: 0; 
 z-index: 9500; 
 display: none; 
 align-items: center; 
 justify-content: center; 
 padding: 16px; 
 box-sizing: border-box; 
 pointer-events: none; 
} 

#miniapp-channel-notice:not([hidden]) { 
 display: flex !important; 
 visibility: visible !important; 
} 

.miniapp-channel-notice.is-visible { 
 pointer-events: auto; 
} 

.miniapp-channel-notice__backdrop { 
 position: absolute; 
 inset: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: rgba(0, 0, 0, 0.45); 
 cursor: pointer; 
 display: block; 
} 

.miniapp-channel-notice__panel { 
 position: relative; 
 z-index: 1; 
 box-sizing: border-box; 
 width: min(343px, calc(100vw - 32px)); 
 min-height: 183px; 
 margin: 0; 
 padding: 24px 20px 20px; 
 border-radius: 15px; 
 background: #ffffff; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 text-align: center; 
 transform: scale(0.94); 
 opacity: 0; 
 transition: transform 0.28s ease, opacity 0.28s ease; 
 pointer-events: auto; 
} 

.miniapp-channel-notice.is-visible .miniapp-channel-notice__panel { 
 transform: scale(1); 
 opacity: 1; 
} 

.miniapp-channel-notice__text { 
 margin: 0 0 20px; 
 max-width: 310px; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #000000; 
} 

.miniapp-channel-notice__btn { 
 width: 152px; 
 height: 39px; 
 margin: 0; 
 border: none; 
 border-radius: 84px; 
 background: #a05035; 
 color: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 

html.miniapp-channel-notice-open,
body.miniapp-channel-notice-open { 
 overflow: hidden !important; 
 height: 100%; 
} 
 
body.nav-drawer-open .page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .burger, 
body.nav-drawer-open .page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .logo-main, 
body.nav-drawer-open .page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .logo--detail { 
 z-index: 50 !important; 
 pointer-events: auto; 
} 
 
/* METOD (и дальше — по body.nav-drawer-burger-dark): крестик бургера на белой панели */ 
body.nav-drawer-open.nav-drawer-burger-dark .header-wrap .burger.is-open span { 
 border-top-color: #383838; 
} 
 
/* METOD: hero при открытом меню — не поверх белой панели */ 
body.nav-drawer-open .page.view-packages--metod .header-wrap .packages-metod-hero { 
 pointer-events: none; 
 visibility: hidden; 
 z-index: 0 !important; 
} 
 
/* METOD и ПАКЕТЫ: «Назад» при открытом меню */ 
body.nav-drawer-open 
 .page:is(.view-packages--metod, .view-packages:not(.view-packages--metod):not(.view-packages--concepts), .view-packages--concepts, .view-cases-empty, .view-cases-detail-empty) 
 .header-wrap 
 .packages-metod-back { 
 pointer-events: none; 
 visibility: hidden; 
 z-index: 0 !important; 
} 
 
body.nav-drawer-open .page.view-about .header-wrap .packages-metod-back { 
 pointer-events: none; 
 visibility: hidden; 
 z-index: 0 !important; 
} 
 
body.nav-drawer-open .page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .packages-metod-back { 
 pointer-events: none; 
 visibility: hidden; 
 z-index: 0 !important; 
} 
 
/* ПАКЕТЫ: заголовки шапки не поверх панели меню */ 
body.nav-drawer-open 
 .page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) 
 .header-wrap 
 .packages-hero-copy, 
body.nav-drawer-open 
 .page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) 
 .header-wrap 
 .packages-hero-text, 
body.nav-drawer-open 
 .page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) 
 .header-wrap 
 .packages-subtext { 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
/* Интерьерные решения: оверлей «КОНЦЕПЦИИ» в шапке не поверх панели меню */ 
body.nav-drawer-open .page.view-packages--concepts .header-wrap .concepts-hero-overlay { 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
/* КЕЙСЫ: оверлей в шапке не поверх панели меню */ 
body.nav-drawer-open .page.view-cases-empty .header-wrap .cases-shapka-overlay { 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
/* КЕЙСЫ (детальная): верхний блок с текстом не поверх панели меню */ 
body.nav-drawer-open .page.view-cases-detail-empty .cases-detail-surface { 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
/* Тексты поверх shapka на «Подробнее»: слой шапки выше .nav-drawer — оверлеи иначе рисуются поверх белой панели. 
 display:none !important — иначе в WebView правило .page.view-detail--adept .detail-shapka-overlay--adept-page { display:block } перебивает только visibility */ 
body.nav-drawer-open .page.view-detail .header-wrap .detail-shapka-overlay { 
 display: none !important; 
 visibility: hidden !important; 
 opacity: 0 !important; 
 pointer-events: none !important; 
} 
 
/* Главная: shpka_glav.svg 375×424; кнопка — bottom ниже/выше числом 30 */ 
.page.view-home .shapka { 
 aspect-ratio: 375 / 424; 
} 
 
.page.view-home .header-wrap .cta-btn { 
 top: auto; 
 bottom: calc(100% * 30 / 604); 
} 
 
.page.view-home .header-wrap .cta-btn, 
.page.view-packages--metod .header-wrap .cta-btn { 
 z-index: 1; 
} 
.page.view-home .header-wrap .burger, 
.page.view-packages--metod .header-wrap .burger { 
 z-index: 5; 
} 
.page.view-home .header-wrap .logo-main, 
.page.view-packages--metod .header-wrap .logo-main { 
 z-index: 5; 
} 
 
/* КЕЙСЫ: бургер/лого/«Назад» поверх оверлея шапки */ 
.page:is(.view-cases-empty, .view-cases-detail-empty) .header-wrap .burger, 
.page:is(.view-cases-empty, .view-cases-detail-empty) .header-wrap .logo-main, 
.page:is(.view-cases-empty, .view-cases-detail-empty) .header-wrap .logo--detail, 
.page:is(.view-cases-empty, .view-cases-detail-empty) .header-wrap .packages-metod-back { 
 z-index: 20; 
} 
 
/* КАЛЬКУЛЯТОР (все шаги): шапка и кнопка «Назад» поверх hero */ 
.page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .burger, 
.page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .logo-main, 
.page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .logo--detail, 
.page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought 
) .header-wrap .packages-metod-back { 
 z-index: 20; 
 pointer-events: auto; 
} 
 
.hero-text { 
 position: absolute; 
 top: 36.98%; /* 142/384 */ 
 left: 4.27%; 
 width: 90.4%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 28px; 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.hero-text, 
.intro-text { 
 display: none; 
} 
 
.intro-text { 
 position: absolute; 
 top: 64.32%; /* 247/384 */ 
 left: 4.27%; 
 width: 90.4%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.cta-btn { 
 position: absolute; 
 top: calc(100vw * 319 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 min-height: calc(100vw * 45 / 375); 
 padding: 0 calc(100vw * 21 / 375); 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 background: #a05035; 
 cursor: pointer; 
 box-sizing: border-box; 
 opacity: 1; 
 transition: filter 0.2s ease; 
} 
.cta-btn:hover { 
 filter: brightness(0.9); 
} 
.cta-btn:active { 
 filter: brightness(0.8); 
} 
 
.cta-btn__text { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 text-align: center; 
 color: #ffffff; 
} 
 
/* Высота шапки в макете 384px; при 100vw ширина = 100vw * (384/375) */ 
.resources-btn { 
 grid-column: 1 / -1; 
 position: relative; 
 left: auto; 
 top: auto; 
 width: 100%; 
 max-width: none; 
 margin-top: calc(100vw * 20 / 375); 
 height: 50px; 
 padding: 18px 21px; 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: 14px; 
 border: none; 
 border-radius: 84px; 
 background: #a05035; 
 cursor: pointer; 
 box-sizing: border-box; 
 transition: filter 0.2s ease; 
} 
.resources-btn:hover { 
 filter: brightness(0.9); 
} 
.resources-btn:active { 
 filter: brightness(0.8); 
} 
 
/* 
 * Плитки главной: сетка в потоке (без absolute top), чтобы не было зазора 
 * между шапкой и плитками при zoom на .page и object-fit у шапки. 
 */ 
.card { 
 position: relative; 
 width: 100%; 
 height: auto; 
 aspect-ratio: 166 / 122; 
 max-width: none; 
 border-radius: 20px; 
 box-sizing: border-box; 
 cursor: pointer; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
 transition: filter 0.2s ease; 
} 
.card:hover { 
 filter: brightness(0.85); 
} 
.card:active { 
 filter: brightness(0.75); 
} 
 
.card__text { 
 position: absolute; 
 top: 44.26%; 
 left: 50%; 
 transform: translateX(-50%); 
 width: 80%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 text-align: center; 
} 
 
.card__text--multiline { 
 top: 50%; 
 transform: translate(-50%, -50%); 
 line-height: 110%; 
 white-space: normal; 
} 
 
.card--1 { background: #dbdbdb; } 
 
/* Главная: плитка «Метод ремонта» — логотип вместо текста */ 
.card--1 .card__metod { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: calc(100% * 100 / 166); 
 height: calc(100% * 30 / 122); 
 object-fit: contain; 
 object-position: center; 
 filter: brightness(0); 
 pointer-events: none; 
} 
 
.card--2 { background: #383838; } 
.card--2 .card__text { color: #ffffff; } 
 
.card--3 { background: #383838; } 
.card--3 .card__text { color: #ffffff; } 
 
.card--4 { background: #dbdbdb; } 
.card--4 .card__text { color: #000000; } 
 
.card--5 { background: #dbdbdb; } 
.card--5 .card__text { color: #000000; } 
 
.card--6 { background: #383838; } 
.card--6 .card__text { color: #ffffff; } 
 
/* Главная: плитка «Калькулятор» — логотип вместо текста (макет относительно ячейки 166×122) */ 
.card--6 .card__sovegroup { 
 position: absolute; 
 top: calc(100% * 48 / 122); 
 left: calc(100% * 26 / 166); 
 width: calc(100% * 114.17314147949219 / 166); 
 height: calc(100% * 27 / 122); 
 object-fit: contain; 
 object-position: left center; 
 pointer-events: none; 
} 
 
/* Экран «ПАКЕТЫ»: другая шапка, без текста и кнопки в шапке */ 
.page.view-packages .hero-text, 
.page.view-packages .intro-text, 
.page.view-packages .cta-btn { 
 display: none !important; 
} 
 
/* Экран ПАКЕТЫ: блок текста внизу шапки — заголовок и подпись стеком, без наложения при длинном CMS */ 
.packages-hero-copy { 
 display: none; 
 position: absolute; 
 left: 4.27%; 
 right: 8.73%; 
 top: 48%; 
 bottom: 5%; 
 z-index: 4; 
 flex-direction: column; 
 justify-content: flex-end; 
 align-items: flex-start; 
 gap: 12px; 
 box-sizing: border-box; 
 pointer-events: none; 
} 
 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) .header-wrap .packages-hero-copy { 
 display: flex !important; 
} 
 
.packages-hero-text { 
 display: none; 
 position: absolute; 
 top: 58.33%; /* 224/384 — fallback, если нет .packages-hero-copy */ 
 left: 4.27%; 
 width: 85.07%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 28px; 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.packages-hero-copy .packages-hero-text { 
 display: block !important; 
 position: static; 
 top: auto; 
 left: auto; 
 width: 100%; 
 max-width: 100%; 
} 
 
.packages-subtext { 
 display: none; 
 position: absolute; 
 top: 85.68%; /* 329/384 */ 
 left: 4.27%; 
 width: 83.2%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.packages-hero-copy .packages-subtext { 
 display: block !important; 
 position: static; 
 top: auto; 
 left: auto; 
 width: 100%; 
 max-width: 100%; 
} 
 
/* ПАКЕТЫ (карточка с главной): шапка выше .packages-blocks-wrap (z-index 4) */ 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) .header-wrap { 
 position: relative; 
 z-index: 60; 
} 
 
/* Интерьерные решения: шапка выше контента и на экране «Подробнее» с этого раздела */ 
.page.view-packages--concepts .header-wrap { 
 position: relative; 
 z-index: 60; 
} 
 
/* Список концепций: лого, бургер и «Назад» поверх оверлея «КОНЦЕПЦИИ» (как на ПАКЕТЫ) */ 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) .header-wrap .burger, 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) .header-wrap .logo-main, 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) .header-wrap .logo--detail { 
 z-index: 20; 
} 
 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) .header-wrap .packages-metod-back { 
 z-index: 20; 
} 
 
/* METOD REMONT: без заголовка «ПАКЕТЫ…» и подзаголовка — вместо них лого и кнопка */ 
.page.view-packages--metod .packages-hero-copy, 
.page.view-packages--metod .packages-hero-text, 
.page.view-packages--metod .packages-subtext { 
 display: none !important; 
} 
 
/* КОНЦЕПЦИИ: скрываем лишние секции главной внутри .page; .nav-drawer — прямой ребёнок, иначе меню пустое. 
 .detail-adept-more-surface — не скрывать как «лишнее»: иначе при adept-sub белая панель Адепт гасится этим !important раньше любых правил показа.
 Не применять к data-screen=metod|packages — иначе при «залипшем» view-packages--concepts пустые METOD/Пакеты. */ 
.page.view-packages--concepts:not([data-screen="metod"]):not([data-screen="packages"]) > :not(.header-wrap):not(.nav-drawer):not(.concepts-content):not(.concepts-slider-card):not(.concepts-empty-surface):not(.concepts-empty-gallery):not(.concepts-empty-photo-card):not(.concepts-empty-materials-filter-wrap):not(.concepts-empty-materials-title):not(.concepts-empty-materials-carousel):not(.concepts-empty-cta-section):not(.concepts-empty-final-btn):not(.detail-adept-more-surface) { 
 display: none !important; 
}

/* data-screen: принудительный показ основных блоков (дублирует классы .page, страховка от кэша/конфликтов) */ 
.page[data-screen="metod"]:not(.view-detail) .metod-main-flow { 
 display: flex !important; 
 flex-direction: column; 
 position: relative !important; 
 top: auto !important; 
 left: auto !important; 
 width: 100% !important; 
 visibility: visible !important; 
 opacity: 1 !important; 
 pointer-events: auto !important; 
} 
.page[data-screen="metod"]:not(.view-detail) .metod-main-flow[hidden] { 
 display: flex !important; 
 visibility: visible !important; 
} 
.page[data-screen="packages"] .packages-blocks-wrap { 
 display: flex !important; 
 visibility: visible !important; 
 pointer-events: auto !important; 
} 
.page[data-screen="packages"] .packages-blocks-wrap[hidden] { 
 display: flex !important; 
 visibility: visible !important; 
} 
.page.view-packages--concepts[data-screen="packages"] .packages-blocks-wrap, 
.page.view-packages--concepts[data-screen="metod"] .metod-main-flow { 
 display: flex !important; 
 visibility: visible !important; 
} 

/* Слой контента METOD / Пакеты — сразу под шапкой (переносится в JS) */ 
.packages-screen-layer { 
 position: relative; 
 z-index: 5; 
 width: 100%; 
 box-sizing: border-box; 
} 
.page.view-packages.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .packages-screen-layer, 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) .packages-screen-layer { 
 display: block !important; 
 visibility: visible !important; 
} 
.page:not(.view-packages) .packages-screen-layer,
.page.view-detail .packages-screen-layer { 
 display: none !important; 
}
.page.view-detail .metod-main-flow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
} 
.page.view-packages--metod.view-metod-cases-sub-open .packages-screen-layer { 
 display: none !important; 
} 
 
.page.view-packages--concepts .packages-blocks-wrap, 
.page.view-packages--concepts .packages-content-box, 
.page.view-packages--concepts .packages-white-block, 
.page.view-packages--concepts .packages-banner-wrap { 
 display: none !important; 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
.page.view-packages--concepts .packages-hero-copy, 
.page.view-packages--concepts .packages-hero-text, 
.page.view-packages--concepts .packages-subtext, 
.page.view-packages--concepts .packages-metod-hero, 
.page.view-packages--concepts .packages-blocks-wrap, 
.page.view-packages--concepts .metod-info-text, 
.page.view-packages--concepts .metod-cases-btn, 
.page.view-packages--concepts .metod-stats-bg, 
.page.view-packages--concepts .metod-stats-grid, 
.page.view-packages--concepts .metod-stats-lead, 
.page.view-packages--concepts .metod-stats-tagline, 
.page.view-packages--concepts .metod-scroll-stack-spacer, 
.page.view-packages--concepts .metod-scroll-stack, 
.page.view-packages--concepts .metod-popular-section, 
.page.view-packages--concepts .metod-concept-block, 
.page.view-packages--concepts .metod-concept-title-page, 
.page.view-packages--concepts .metod-concept-budget-page, 
.page.view-packages--concepts .metod-action-btn, 
.page.view-packages--concepts .metod-section-nav-btn, 
.page.view-packages--concepts .metod-partners-section, 
.page.view-packages--concepts .metod-gap-to-dark, 
.page.view-packages--concepts .metod-dark-section, 
.page.view-packages--concepts .metod-adapt-section, 
.page.view-packages--concepts .detail-adept-block, 
.page.view-packages--concepts .detail-what-you-get, 
.page.view-packages--concepts .detail-adept-audience, 
.page.view-packages--concepts .detail-adept-steps-intro, 
.page.view-packages--concepts .detail-adept-steps-tabs, 
.page.view-packages--concepts .detail-adept-step-card, 
.page.view-packages--concepts .detail-adept-photo-card, 
.page.view-packages--concepts .detail-adept-photo-more-btn, 
.page.view-packages--concepts .detail-adept-package, 
.page.view-packages--concepts .detail-adept-package-card { 
 display: none !important; 
} 
 
/* «Интерьерные решения»: скрываем доп. экран Адепт — но не когда открыт adept-sub (иначе !important перебивает показ панели). */ 
.page.view-packages--concepts:not(.view-detail--adept-sub) .detail-adept-more-surface { 
 display: none !important; 
} 
 
.concepts-content { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: 0; 
 width: 100%; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
} 
 
/* Список «Интерьерные решения»: контент в потоке — высота .page по последнему блоку, без пустого хвоста */ 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) .concepts-content { 
 display: block; 
 position: relative; 
 top: auto; 
 left: 0; 
 margin-top: calc(100vw * 40 / 375); 
 width: 100%; 
 padding: 0 calc(100vw * 16 / 375) calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
} 
 
.page.view-packages--concepts:not(.view-detail):not(.view-concepts-empty) { 
 min-height: unset; 
} 
 
.page.view-packages--concepts .concepts-content { 
 display: block; 
} 
 
.concepts-content__title { 
 position: relative; 
 width: 100%; 
 max-width: 100%; 
 min-height: 0; 
 margin: 0 0 calc(100vw * 4 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: left; 
 hyphens: none; 
 word-break: normal; 
 overflow-wrap: normal; 
 color: #000000; 
} 

.concepts-content__title-line { 
 display: block; 
} 
 
.concepts-filters-row-wrap { 
 position: relative; 
 width: 100%; 
 margin-top: calc(100vw * 17 / 375); /* 43 - 26 */ 
} 
 
.concepts-filters-row-wrap .concepts-filters-row { 
 margin-top: 0; 
} 
 
.concepts-filter-dropdown--drops,
.concepts-filter-dropdown--style { 
 position: relative; 
 z-index: 30; 
 width: 100%; 
 max-height: min(260px, 46vh); 
 overflow-x: hidden; 
 overflow-y: auto; 
 margin-top: calc(100vw * 8 / 375); 
 padding: calc(100vw * 4 / 375) 0; 
 border-radius: calc(100vw * 16 / 375); 
 border: 1px solid #000000; 
 background: #ffffff; 
 box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); 
 box-sizing: border-box; 
 -webkit-overflow-scrolling: touch; 
} 
 
.concepts-filter-dropdown__empty { 
 margin: 0; 
 padding: calc(100vw * 14 / 375) calc(100vw * 16 / 375); 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 130%; 
 color: #666666; 
} 
 
.concepts-filter-dropdown__item { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 gap: calc(100vw * 4 / 375); 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 12 / 375) calc(100vw * 18 / 375); 
 border: none; 
 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 
 background: transparent; 
 cursor: pointer; 
 text-align: left; 
 font-family: 'Montserrat', sans-serif; 
 box-sizing: border-box; 
} 
 
.concepts-filter-dropdown__item:last-child { 
 border-bottom: none; 
} 
 
.concepts-filter-dropdown__item:active { 
 background: rgba(0, 0, 0, 0.04); 
} 
 
.concepts-filter-dropdown__primary { 
 font-weight: 500; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 120%; 
 color: #000000; 
} 
 
.concepts-filter-dropdown__secondary { 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 130%; 
 color: #666666; 
} 
 
.concepts-filter--drops.concepts-filter--expanded .concepts-filter__arrow,
.concepts-filter--style.concepts-filter--expanded .concepts-filter__arrow { 
 transform: rotate(180deg); 
} 

.concepts-filter-style-empty { 
 margin: calc(100vw * 12 / 375) 0 0; 
 padding: 0 calc(100vw * 4 / 375); 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 130%; 
 color: #666666; 
} 

.page.view-packages--concepts .concepts-slider-card--style-hidden { 
 display: none !important; 
} 
 
.concepts-filter__arrow { 
 transition: transform 0.2s ease; 
} 
 
.page.view-packages--concepts .concepts-slider-card--highlight { 
 outline: 2px solid #a08060; 
 outline-offset: calc(100vw * 4 / 375); 
} 
 
.concepts-filters-row { 
 display: flex; 
 gap: calc(100vw * 11 / 375); 
 margin-top: calc(100vw * 17 / 375); /* 43 - 26 */ 
 width: 100%; 
} 
 
.concepts-filter { 
 position: relative; 
 flex: 1 1 0; 
 min-width: 0; 
 height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 40 / 375); 
 border: 1px solid #000000; 
 background: transparent; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
 -webkit-appearance: none; 
 appearance: none; 
 box-shadow: none; 
 background-clip: padding-box; 
} 
 
.concepts-filter--style { 
 /* в flex-строке позиционирование не нужно */ 
} 
 
.concepts-filter--drops { 
 /* в flex-строке позиционирование не нужно */ 
} 
 
.concepts-filter__text { 
 position: absolute; 
 top: calc(100vw * 15 / 375); 
 left: calc(100vw * 20 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.concepts-filter__arrow { 
 position: absolute; 
 top: calc(100vw * 20 / 375); 
 right: calc(100vw * 16 / 375); 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 4 / 375); 
 display: block; 
 background-image: url("images/gal.svg"); 
 background-repeat: no-repeat; 
 background-position: center; 
 background-size: contain; 
} 
 
/* Карточка под «Стилистика / Дроппы»: слайдер + блок под ним в потоке (заголовок может переноситься) */ 
.concepts-slider-card { 
 display: none; 
 position: relative; 
 width: 100%; 
 margin-top: calc(100vw * 16 / 375); 
 margin-bottom: 0; 
 z-index: 2; 
 box-sizing: border-box; 
 flex-direction: column; 
 align-items: stretch; 
} 
 
.concepts-slider-card--second { 
 margin-top: clamp(20px, calc(100vw * 28 / 375), 34px); 
} 
 
.concepts-slider-card--third { 
 margin-top: clamp(20px, calc(100vw * 28 / 375), 34px); 
} 
 
.concepts-slider-card--fourth { 
 margin-top: clamp(20px, calc(100vw * 28 / 375), 34px); 
} 

.concepts-slider-card ~ .concepts-slider-card { 
 margin-top: clamp(20px, calc(100vw * 28 / 375), 34px); 
} 

.page.view-packages--concepts .concepts-slider-card { 
 display: flex; 
} 

.page.view-packages--concepts .concepts-slider-card[hidden] { 
 display: none !important; 
}
 
/* Пустой экран из карточки «Концепции»: только шапка/лого/бургер */ 
.page.view-concepts-empty > :not(.header-wrap):not(.nav-drawer):not(.concepts-empty-surface):not(.concepts-empty-gallery):not(.concepts-empty-photo-card):not(.concepts-empty-materials-filter-wrap):not(.concepts-empty-materials-title):not(.concepts-empty-materials-carousel):not(.concepts-empty-cta-section):not(.concepts-empty-final-btn) { 
 display: none !important; 
} 
 
.page.view-concepts-empty {
 background: #f7f7f7 !important;
 min-height: calc(100vw * 2606 / 375 + var(--concepts-empty-offset, 0px) + var(--concepts-empty-materials-title-extra, 0px));
}
 
.page.view-concepts-empty .concepts-hero-overlay, 
.page.view-cases-empty .concepts-hero-overlay, 
.page.view-cases-detail-empty .concepts-hero-overlay, 
.page.view-concepts-empty .hero-text, 
.page.view-cases-empty .hero-text, 
.page.view-cases-detail-empty .hero-text, 
.page.view-concepts-empty .intro-text, 
.page.view-cases-empty .intro-text, 
.page.view-cases-detail-empty .intro-text, 
.page.view-concepts-empty .cta-btn, 
.page.view-cases-empty .cta-btn, 
.page.view-cases-detail-empty .cta-btn, 
.page.view-concepts-empty .packages-hero-copy, 
.page.view-cases-empty .packages-hero-copy, 
.page.view-cases-detail-empty .packages-hero-copy, 
.page.view-concepts-empty .packages-hero-text, 
.page.view-cases-empty .packages-hero-text, 
.page.view-cases-detail-empty .packages-hero-text, 
.page.view-concepts-empty .packages-subtext, 
.page.view-cases-empty .packages-subtext, 
.page.view-cases-detail-empty .packages-subtext, 
.page.view-concepts-empty .packages-metod-hero, 
.page.view-cases-empty .packages-metod-hero, 
.page.view-cases-detail-empty .packages-metod-hero, 
.page.view-concepts-empty .detail-shapka-overlay, 
.page.view-cases-empty .detail-shapka-overlay, 
.page.view-cases-detail-empty .detail-shapka-overlay, 
.page.view-cases-detail-empty .cases-shapka-overlay { 
 display: none !important; 
} 
 
.cases-shapka-overlay { 
 display: none; 
 position: absolute; 
 inset: 0; 
 pointer-events: none; 
 z-index: 3; 
} 
 
.page.view-cases-empty .cases-shapka-overlay { 
 display: flex; 
 flex-direction: column; 
 justify-content: flex-end; 
 align-items: flex-start; 
 padding: 0 calc(100vw * 16 / 375) calc(100vw * 24 / 375); 
 box-sizing: border-box; 
} 
 
.cases-shapka-overlay__title { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 height: auto; 
 min-height: 0; 
 margin: 0 0 calc(100vw * 8 / 375) 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.cases-shapka-overlay__subtitle { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 height: auto; 
 min-height: 0; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.page.view-concepts-empty .header-wrap, 
.page.view-cases-empty .header-wrap, 
.page.view-cases-detail-empty .header-wrap { 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 position: relative; 
 height: calc(100vw * 384 / 375); 
 overflow: hidden; 
} 
 
/* КЕЙСЫ: шапка выше контента, как в пакетах/концепциях */ 
.page:is(.view-cases-empty, .view-cases-detail-empty) .header-wrap { 
 z-index: 60; 
} 
 
.page.view-concepts-empty .shapka, 
.page.view-cases-empty .shapka, 
.page.view-cases-detail-empty .shapka { 
 position: absolute; 
 top: 0; 
 width: 100vw; 
 height: calc(100vw * 384 / 375); 
 margin-left: 0; 
 aspect-ratio: auto; 
 object-fit: cover; 
} 
 
.page.view-cases-empty > :not(.header-wrap):not(.nav-drawer):not(.cases-list-header):not(.cases-slider-block) { 
 display: none !important; 
} 
 
.page.view-cases-empty { 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: none; 
 margin: 0; 
 zoom: 1; 
 min-height: calc(100vw * 560 / 375); 
 min-height: max(100dvh, calc(100vw * 560 / 375)); 
} 
 
.page.view-cases-detail-empty > :not(.header-wrap):not(.nav-drawer):not(.cases-detail-surface):not(.cases-detail-card-block):not(.cases-detail-solution):not(.cases-detail-metrics):not(.cases-detail-gallery):not(.cases-detail-final-btn) { 
 display: none !important; 
} 
 
.page.view-cases-detail-empty { 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: none; 
 margin: 0; 
 zoom: 1; 
 min-height: calc(100vw * 2330 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 min-height: max(100dvh, calc(100vw * 2330 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px))); 
} 
 
.cases-detail-card-block, 
.cases-detail-solution { 
 display: none; 
} 
 
.cases-detail-metrics { 
 display: none; 
} 
 
.cases-detail-gallery { 
 display: none; 
} 
 
.cases-detail-final-btn { 
 display: none; 
} 
 
.page.view-cases-detail-empty .cases-detail-card-block { 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
 position: absolute; 
 top: var(
   --cases-detail-card-top,
   calc(100vw * 720 / 375 + var(--cases-detail-offset, 0px))
 ); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 z-index: 3; 
 box-sizing: border-box; 
} 
 
.page.view-cases-detail-empty .cases-detail-card { 
 display: block; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: calc(100vw * 315 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 flex-shrink: 0; 
} 
 
.page.view-about > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.about-company-metrics):not(.about-company-next-flow):not(.about-company-standard-block):not(.about-company-try-block):not(.about-company-sove-block):not(.about-company-how-block) { 
 display: none !important; 
} 
 
.page.view-about .header-wrap { 
 z-index: 3; 
} 
 
.page.view-about .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back) { 
 display: none !important; 
} 
 
.page.view-about .header-wrap .packages-metod-back { 
 display: inline-flex !important; 
} 
 
.page.view-about .packages-metod-back__label { 
 color: #000000; 
} 
 
.page.view-about .packages-metod-back__icon { 
 filter: brightness(0) saturate(100%); 
} 
 
.page.view-about .shapka { 
 display: none !important; 
} 
 
.page.view-about .logo-main { 
 display: block !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 128 / 375); 
 height: calc(100vw * 17 / 375); 
 max-width: none; 
} 
 
.page.view-about .logo--detail { 
 display: none !important; 
} 
 
.page.view-about .burger { 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: calc(100vw * 24 / 375); 
 min-width: 0; 
 height: calc(100vw * 17 / 375); 
 min-height: 0; 
} 
 
.page.view-about .burger span { 
 border-top: 1.5px solid #ffffff; 
} 
 
.page.view-about .header-wrap .burger, 
.page.view-about .header-wrap .logo-main, 
.page.view-about .header-wrap .logo--detail, 
.page.view-about .header-wrap .packages-metod-back { 
 z-index: 20; 
} 
 
/* METOD ремонт, Пакеты, Концепции; Адепт (подробнее); кейсы / пустая концепция — линии бургера на тёмной шапке */ 
.page.view-packages .burger span, 
.page.view-detail--adept .burger span, 
.page.view-concepts-empty .burger span, 
.page.view-cases-empty .burger span, 
.page.view-cases-detail-empty .burger span { 
 border-top-color: #ffffff; 
} 
 
/* Пакеты реализации → «Готовая концепция / Полный цикл»: бургер сразу чёрный */ 
.page.view-detail--concept .burger span, 
.page.view-detail--fullcycle .burger span { 
 border-top-color: #000000 !important; 
} 
 
/* На этих двух экранах кнопка «Назад» не показывается */ 
.page:is(.view-detail--concept, .view-detail--fullcycle) .packages-metod-back { 
 display: none !important; 
} 
 
.page.view-about { 
 --about-standard-extra: 0px; 
 --about-next-extra: 0px; 
 --about-try-extra: 0px; 
 --about-try-caption-extra: 0px; 
 --about-sove-extra: 0px; 
 --about-how-extra: 0px; 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: 100vw; 
 overflow-x: hidden; 
 margin: 0; 
 zoom: 1; 
 min-height: calc(100vw * 4610 / 375 + var(--about-standard-extra) + var(--about-next-extra) + var(--about-try-extra) + var(--about-sove-extra) + var(--about-how-extra)); 
 min-height: max(100dvh, calc(100vw * 4610 / 375 + var(--about-standard-extra) + var(--about-next-extra) + var(--about-try-extra) + var(--about-sove-extra) + var(--about-how-extra))); 
} 
 
/* Калькулятор: шапка, hero, блок под картинкой; остальное скрыто */ 
.page.view-calculator > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator .header-wrap { 
 z-index: 3; 
 /* Жесты проходят к документу (скролл вверх по hero); кликабельны только лого и бургер */ 
 pointer-events: none; 
} 
 
.page.view-calculator .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back) { 
 display: none !important; 
} 
 
.page.view-calculator .shapka { 
 display: none !important; 
} 
 
.page.view-calculator .logo-main { 
 display: block !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 128 / 375); 
 height: calc(100vw * 17 / 375); 
 max-width: none; 
 pointer-events: auto; 
} 
 
.page.view-calculator .logo--detail { 
 display: none !important; 
} 
 
.page.view-calculator .burger { 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: calc(100vw * 24 / 375); 
 min-width: 0; 
 height: calc(100vw * 17 / 375); 
 min-height: 0; 
 pointer-events: auto; 
} 
 
.page.view-calculator .burger span { 
 border-top: 1.5px solid #ffffff; 
} 
 
/* После «НАЧАТЬ РАСЧЁТ»: шапка, hero, блок под картинкой */ 
.page.view-calculator-start > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-start-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-start .header-wrap { 
 z-index: 3; 
 pointer-events: none; 
} 
 
.page.view-calculator-start .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back) { 
 display: none !important; 
} 
 
.page.view-calculator-start .shapka { 
 display: none !important; 
} 
 
.page.view-calculator-start .logo-main { 
 display: block !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 128 / 375); 
 height: calc(100vw * 17 / 375); 
 max-width: none; 
 pointer-events: auto; 
} 
 
.page.view-calculator-start .logo--detail { 
 display: none !important; 
} 
 
.page.view-calculator-start .burger { 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: calc(100vw * 24 / 375); 
 min-width: 0; 
 height: calc(100vw * 17 / 375); 
 min-height: 0; 
 pointer-events: auto; 
} 
 
.page.view-calculator-start .burger span { 
 border-top: 1.5px solid #ffffff; 
} 
 
/* Экран после «РАССЧИТАТЬ»: шапка, hero, текст Скаут, блок под картинкой */ 
.page.view-calculator-result > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-below-hero) { 
 display: none !important; 
} 
 
/* Следующий шаг (не Москва + «Я делаю сам»): та же шапка и Скаут, свой блок под hero */ 
.page.view-calculator-result-next > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-next-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-result > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-result-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-replan-yes > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-replan-yes-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-replan-da > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-replan-da-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-bought-no-repair-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-not-bought > :not(.header-wrap):not(.nav-drawer):not(.about-company-hero):not(.calculator-result-turnkey-not-bought-below-hero) { 
 display: none !important; 
} 
 
.page.view-calculator-result .header-wrap, 
.page.view-calculator-result-next .header-wrap, 
.page.view-calculator-result-turnkey .header-wrap, 
.page.view-calculator-result-turnkey-result .header-wrap, 
.page.view-calculator-result-turnkey-replan-yes .header-wrap, 
.page.view-calculator-result-turnkey-replan-da .header-wrap, 
.page.view-calculator-result-turnkey-bought-no-repair .header-wrap, 
.page.view-calculator-result-turnkey-not-bought .header-wrap { 
 z-index: 3; 
 pointer-events: none; 
} 
 
.page.view-calculator-result .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-next .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey-result .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey-replan-yes .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey-replan-da .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey-bought-no-repair .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back), 
.page.view-calculator-result-turnkey-not-bought .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back) { 
 display: none !important; 
} 
 
.page.view-calculator-result .shapka, 
.page.view-calculator-result-next .shapka, 
.page.view-calculator-result-turnkey .shapka, 
.page.view-calculator-result-turnkey-result .shapka, 
.page.view-calculator-result-turnkey-replan-yes .shapka, 
.page.view-calculator-result-turnkey-replan-da .shapka, 
.page.view-calculator-result-turnkey-bought-no-repair .shapka, 
.page.view-calculator-result-turnkey-not-bought .shapka { 
 display: none !important; 
} 
 
.page.view-calculator-result .logo-main, 
.page.view-calculator-result-next .logo-main, 
.page.view-calculator-result-turnkey .logo-main, 
.page.view-calculator-result-turnkey-result .logo-main, 
.page.view-calculator-result-turnkey-replan-yes .logo-main, 
.page.view-calculator-result-turnkey-replan-da .logo-main, 
.page.view-calculator-result-turnkey-bought-no-repair .logo-main, 
.page.view-calculator-result-turnkey-not-bought .logo-main { 
 display: block !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 128 / 375); 
 height: calc(100vw * 17 / 375); 
 max-width: none; 
 pointer-events: auto; 
} 
 
.page.view-calculator-result .logo--detail, 
.page.view-calculator-result-next .logo--detail, 
.page.view-calculator-result-turnkey .logo--detail, 
.page.view-calculator-result-turnkey-result .logo--detail, 
.page.view-calculator-result-turnkey-replan-yes .logo--detail, 
.page.view-calculator-result-turnkey-replan-da .logo--detail, 
.page.view-calculator-result-turnkey-bought-no-repair .logo--detail, 
.page.view-calculator-result-turnkey-not-bought .logo--detail { 
 display: none !important; 
} 
 
.page.view-calculator-result .burger, 
.page.view-calculator-result-next .burger, 
.page.view-calculator-result-turnkey .burger, 
.page.view-calculator-result-turnkey-result .burger, 
.page.view-calculator-result-turnkey-replan-yes .burger, 
.page.view-calculator-result-turnkey-replan-da .burger, 
.page.view-calculator-result-turnkey-bought-no-repair .burger, 
.page.view-calculator-result-turnkey-not-bought .burger { 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: calc(100vw * 24 / 375); 
 min-width: 0; 
 height: calc(100vw * 17 / 375); 
 min-height: 0; 
 pointer-events: auto; 
} 
 
.page.view-calculator-result .burger span, 
.page.view-calculator-result-next .burger span, 
.page.view-calculator-result-turnkey .burger span, 
.page.view-calculator-result-turnkey-result .burger span, 
.page.view-calculator-result-turnkey-replan-yes .burger span, 
.page.view-calculator-result-turnkey-replan-da .burger span, 
.page.view-calculator-result-turnkey-bought-no-repair .burger span, 
.page.view-calculator-result-turnkey-not-bought .burger span { 
 border-top: 1.5px solid #ffffff; 
} 
 
.page.view-calculator-result, 
.page.view-calculator-result-next, 
.page.view-calculator-result-turnkey, 
.page.view-calculator-result-turnkey-result, 
.page.view-calculator-result-turnkey-replan-yes, 
.page.view-calculator-result-turnkey-replan-da, 
.page.view-calculator-result-turnkey-bought-no-repair, 
.page.view-calculator-result-turnkey-not-bought { 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: 100vw; 
 overflow-x: hidden; 
 margin: 0; 
 zoom: 1; 
} 
 
.page.view-calculator-result { 
 display: flow-root; 
 min-height: max(100dvh, calc(100vw * 1920 / 375)); 
 overflow-y: visible; 
 -webkit-overflow-scrolling: touch; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-below-hero { 
 touch-action: pan-y; 
} 
 
/* Контент заканчивается после блока про Адепт — без лишней высоты как у полного калькулятора */ 
.page.view-calculator-result-next { 
 display: flow-root; 
 /* hero 384 + высота секции до конца текста про Адепт (~886 в масштабе макета); JS уточняет по контенту */ 
 min-height: max(100dvh, calc(100vw * 1270 / 375)); 
 overflow-x: hidden; 
 overflow-y: visible; 
 -webkit-overflow-scrolling: touch; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result-turnkey { 
 /* hero 384 + форма + кнопки (906+50) + запас */ 
 min-height: max(100dvh, calc(100vw * 1040 / 375)); 
} 
 
.page.view-calculator-result-turnkey-result { 
 /* hero + пути + цены + CTA + подпись + запас */ 
 min-height: max(100dvh, calc(100vw * 1580 / 375)); 
} 
 
.page.view-calculator-result-turnkey-replan-yes { 
 /* hero + контент до конца примечания; без max(100dvh) — не растягиваем пустотой под короткий экран */ 
 min-height: calc(100vw * 1650 / 375); 
 /* BFC: margin-top у секции под hero не схлопывается с body — стабильный скролл в WebView */ 
 display: flow-root; 
} 
 
.page.view-calculator-result-turnkey-replan-da { 
 min-height: calc(100vw * 1650 / 375); 
 display: flow-root; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair { 
 min-height: calc(100vw * 1650 / 375); 
 display: flow-root; 
} 
 
.page.view-calculator-result-turnkey-not-bought { 
 min-height: max(100dvh, calc(100vw * 1460 / 375)); 
 display: flow-root; 
} 
 
.calculator-result-turnkey-not-bought-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero { 
 display: block !important; 
 position: relative; 
 width: 100vw; 
 max-width: 100vw; 
 margin-top: calc(100vw * 384 / 375); 
 margin-left: calc(50% - 50vw); 
 margin-right: calc(50% - 50vw); 
 margin-bottom: 0; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
/* Лид 303×51 @ 424 от верха макета → 40px от верха секции */ 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__lead { 
 width: calc(100vw * 303 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 51 / 375); 
 margin: 0 0 calc(100vw * 14 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__steps { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__step + .calculator-result-turnkey-not-bought-below-hero__step { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__step-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__step-body { 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__pricing { 
 width: calc(100vw * 342 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: calc(100vw * 10 / 375) 0 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__pricing-cols { 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 justify-content: space-between; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__pricing-col { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__price-caption { 
 margin: 0; 
 padding: 0; 
 min-height: calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__sove-caption { 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__sove-caption--narrow { 
 width: calc(100vw * 251 / 375); 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__amount-pill { 
 flex-shrink: 0; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 120 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__amount-pill--wide { 
 width: 100%; 
 align-self: stretch; 
 margin-top: calc(100vw * 10 / 375); 
 white-space: normal; 
 text-overflow: clip; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__savings-row { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 12 / 375); 
 width: 100%; 
 margin: calc(100vw * 34 / 375) 0 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__savings-label { 
 margin: 0; 
 padding: 0; 
 flex: 0 0 auto; 
 width: calc(100vw * 153 / 375); 
 max-width: 55%; 
 min-height: calc(100vw * 18 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__savings-row .calculator-result-turnkey-not-bought-below-hero__amount-pill { 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__cta-stack { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__cta { 
 width: 100%; 
 min-height: calc(100vw * 50 / 375); 
 margin: 0; 
 /* Макет: padding 21 по горизонтали; по вертикали 8 — иначе при height 50 текст не влезает */ 
 padding: calc(100vw * 8 / 375) calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 white-space: normal; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__cta--primary { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__cta--secondary { 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__cta--outline { 
 background: transparent; 
 color: #000000; 
 border: 1px solid #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__subscription-note { 
 width: calc(100vw * 326 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 56 / 375); 
 margin: calc(100vw * 20 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-not-bought .calculator-result-turnkey-not-bought-below-hero__subscription-note-strong { 
 font-weight: 600; 
} 
 
.calculator-result-turnkey-replan-yes-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero { 
 display: block !important; 
 position: relative; 
 width: 100vw; 
 max-width: 100vw; 
 margin-top: calc(100vw * 384 / 375); 
 margin-left: calc(50% - 50vw); 
 margin-right: calc(50% - 50vw); 
 margin-bottom: 0; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
/* Лид 279×51 @ 424 экрана → от верха секции 40; line-height 100% */ 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__lead { 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 51 / 375); 
 margin: 0 0 calc(100vw * 14 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__paths { 
 width: calc(100vw * 347 / 375); 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__path + .calculator-result-turnkey-replan-yes-below-hero__path { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__path-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__list { 
 list-style: none; 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 14 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__list li + li { 
 margin-top: calc(100vw * 6 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__list li::before { 
 content: '•'; 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-weight: 400; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__pricing { 
 width: calc(100vw * 342 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: calc(100vw * 10 / 375) 0 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__pricing-cols { 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 justify-content: space-between; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__pricing-col { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__price-caption { 
 margin: 0; 
 padding: 0; 
 min-height: calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__sove-caption { 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__sove-caption--narrow { 
 width: calc(100vw * 251 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__amount-pill { 
 flex-shrink: 0; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 120 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__amount-pill--wide { 
 width: 100%; 
 align-self: stretch; 
 margin-top: calc(100vw * 10 / 375); 
 white-space: normal; 
 text-overflow: clip; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__savings-row { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 12 / 375); 
 width: 100%; 
 margin: calc(100vw * 34 / 375) 0 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__savings-label { 
 margin: 0; 
 padding: 0; 
 flex: 0 0 auto; 
 width: calc(100vw * 153 / 375); 
 max-width: 55%; 
 min-height: calc(100vw * 18 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__savings-row .calculator-result-turnkey-replan-yes-below-hero__amount-pill { 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__cta-stack { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__cta { 
 width: 100%; 
 min-height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: calc(100vw * 8 / 375) calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 white-space: normal; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__cta--primary { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__cta--secondary { 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__cta--outline { 
 background: transparent; 
 color: #000000; 
 border: 1px solid #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__implementation-note { 
 width: calc(100vw * 326 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-result-turnkey-replan-yes-below-hero__implementation-note-strong { 
 font-weight: 600; 
} 
 
.calculator-result-turnkey-replan-da-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero { 
 display: block !important; 
 position: relative; 
 width: 100vw; 
 max-width: 100vw; 
 margin-top: calc(100vw * 384 / 375); 
 margin-left: calc(50% - 50vw); 
 margin-right: calc(50% - 50vw); 
 margin-bottom: 0; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__lead { 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 51 / 375); 
 margin: 0 0 calc(100vw * 14 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__paths { 
 width: calc(100vw * 347 / 375); 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__path + .calculator-result-turnkey-replan-da-below-hero__path { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__path-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__list { 
 list-style: none; 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 14 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__list li + li { 
 margin-top: calc(100vw * 6 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__list li::before { 
 content: '•'; 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-weight: 400; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__pricing { 
 width: calc(100vw * 342 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: calc(100vw * 10 / 375) 0 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__pricing-cols { 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 justify-content: space-between; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__pricing-col { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__price-caption { 
 margin: 0; 
 padding: 0; 
 min-height: calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__sove-caption { 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__sove-caption--narrow { 
 width: calc(100vw * 251 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__amount-pill { 
 flex-shrink: 0; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 120 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__amount-pill--wide { 
 width: 100%; 
 align-self: stretch; 
 margin-top: calc(100vw * 10 / 375); 
 white-space: normal; 
 text-overflow: clip; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__savings-row { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 12 / 375); 
 width: 100%; 
 margin: calc(100vw * 34 / 375) 0 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__savings-label { 
 margin: 0; 
 padding: 0; 
 flex: 0 0 auto; 
 width: calc(100vw * 153 / 375); 
 max-width: 55%; 
 min-height: calc(100vw * 18 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__savings-row .calculator-result-turnkey-replan-da-below-hero__amount-pill { 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__cta-stack { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__cta { 
 width: 100%; 
 min-height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: calc(100vw * 8 / 375) calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 white-space: normal; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__cta--primary { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__cta--secondary { 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__cta--outline { 
 background: transparent; 
 color: #000000; 
 border: 1px solid #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__implementation-note { 
 width: calc(100vw * 326 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-replan-da .calculator-result-turnkey-replan-da-below-hero__implementation-note-strong { 
 font-weight: 600; 
} 
 
.calculator-result-turnkey-bought-no-repair-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero { 
 display: block !important; 
 position: relative; 
 width: 100vw; 
 max-width: 100vw; 
 margin-top: calc(100vw * 384 / 375); 
 margin-left: calc(50% - 50vw); 
 margin-right: calc(50% - 50vw); 
 margin-bottom: 0; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__lead { 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 51 / 375); 
 margin: 0 0 calc(100vw * 14 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__paths { 
 width: calc(100vw * 347 / 375); 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__path + .calculator-result-turnkey-bought-no-repair-below-hero__path { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__path-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__list { 
 list-style: none; 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 14 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__list li + li { 
 margin-top: calc(100vw * 6 / 375); 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__list li::before { 
 content: '•'; 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-weight: 400; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__pricing { 
 width: calc(100vw * 342 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: calc(100vw * 10 / 375) 0 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__pricing-cols { 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 justify-content: space-between; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__pricing-col { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__price-caption { 
 margin: 0; 
 padding: 0; 
 min-height: calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__sove-caption { 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 width: calc(100vw * 279 / 375); 
 max-width: 100%; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__sove-caption--narrow { 
 width: calc(100vw * 251 / 375); 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__amount-pill { 
 flex-shrink: 0; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 120 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__amount-pill--wide { 
 width: 100%; 
 align-self: stretch; 
 margin-top: calc(100vw * 10 / 375); 
 white-space: normal; 
 text-overflow: clip; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__savings-row { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 12 / 375); 
 width: 100%; 
 margin: calc(100vw * 34 / 375) 0 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__savings-label { 
 margin: 0; 
 padding: 0; 
 flex: 0 0 auto; 
 width: calc(100vw * 153 / 375); 
 max-width: 55%; 
 min-height: calc(100vw * 18 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__savings-row .calculator-result-turnkey-bought-no-repair-below-hero__amount-pill { 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__cta-stack { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__cta { 
 width: 100%; 
 min-height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: calc(100vw * 8 / 375) calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 white-space: normal; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__cta--primary { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__cta--secondary { 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__cta--outline { 
 background: transparent; 
 color: #000000; 
 border: 1px solid #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__implementation-note { 
 width: calc(100vw * 326 / 375); 
 max-width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-result-turnkey-bought-no-repair-below-hero__implementation-note-strong { 
 font-weight: 600; 
} 
 
.calculator-result-turnkey-result-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 min-height: calc(100vw * 1100 / 375 + var(--calc-export-email-shift, 0px)); 
 margin: 0; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
/* Макет: лид 424×68 @ 16 → отступ сверху секции 40; до блока путей 14px */ 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__lead { 
 width: calc(100vw * 340 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 68 / 375); 
 margin: 0 0 calc(100vw * 14 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
/* Блок 347×336 @ 506 — ширина 347, минимальная высота 336, контент при переносах удлиняет секцию */ 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__paths { 
 width: calc(100vw * 347 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 336 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__path + .calculator-result-turnkey-result-below-hero__path { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__path-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__list { 
 list-style: none; 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 14 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__list li + li { 
 margin-top: calc(100vw * 6 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__list li::before { 
 content: '•'; 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-weight: 400; 
} 
 
/* Макет Y от экрана 882: внутри панели — 0 / 42 / 108 / 136 / 202 / 452 (относительно блока после «Путей») */ 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout { 
 position: relative; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 515 / 375 + var(--calc-export-email-shift, 0px)); 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 /* 343 − 164 − 164 = 15 — зазор между колонками без вылезания за max-width */ 
 --rl-col-gap: calc(100vw * 15 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-caption { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 top: 0; 
 box-sizing: border-box; 
 min-height: calc(100vw * 32 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-caption--left { 
 left: 0; 
 width: calc((100% - var(--rl-col-gap)) / 2); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-caption--right { 
 left: calc((100% + var(--rl-col-gap)) / 2); 
 width: calc((100% - var(--rl-col-gap)) / 2); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-pill { 
 position: absolute; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 120 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-pill--left { 
 top: calc(100vw * 42 / 375); 
 left: 0; 
 width: calc((100% - var(--rl-col-gap)) / 2); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-pill--right { 
 top: calc(100vw * 42 / 375); 
 left: calc((100% + var(--rl-col-gap)) / 2); 
 width: calc((100% - var(--rl-col-gap)) / 2); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-pill-text { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 text-align: center; 
 max-width: 100%; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-savings-caption { 
 position: absolute; 
 top: calc(100vw * 108 / 375); 
 left: 0; 
 width: calc(100vw * 153 / 375); 
 min-height: calc(100vw * 18 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-savings-row { 
 position: absolute; 
 top: calc(100vw * 136 / 375); 
 left: 0; 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 gap: calc(100vw * 12 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-pill--savings { 
 position: relative; 
 top: auto; 
 left: auto; 
 flex-shrink: 0; 
 width: calc(100vw * 164 / 375); 
 max-width: calc((100% - var(--rl-col-gap)) / 2); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-footnote { 
 margin: calc(100vw * 9 / 375) 0 0; 
 padding: 0; 
 flex: 0 0 calc(100vw * 144 / 375); 
 width: calc(100vw * 144 / 375); 
 min-height: calc(100vw * 28 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #636363; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-actions { 
 position: absolute; 
 top: calc(100vw * 202 / 375 + var(--calc-export-email-shift, 0px)); 
 left: 0; 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta { 
 width: 100%; 
 height: calc(100vw * 50 / 375); 
 min-height: 0; 
 margin: 0; 
 /* макет 50px высоты: padding только по горизонтали — иначе 21+21+текст раздувает кнопку */ 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 flex-shrink: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 white-space: normal; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta--primary { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta--secondary { 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta--outline { 
 background: #ffffff; 
 color: #000000; 
 border: 1px solid #000000; 
} 
 
/* Внутри кнопки 343 текстовый блок 311: padding (343−311)/2 = 16px — иначе при 21px строка не влезает и даёт ellipsis */ 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta--outline-sove { 
 padding: 0 calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__cta-label--sove { 
 display: block; 
 width: 100%; 
 max-width: calc(100vw * 311 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
 white-space: nowrap; 
 /* height: 14px в Figma — высота строки, не обрезка: фикс. height в CSS срезает кириллицу */ 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-kit-note { 
 position: absolute; 
 top: calc(100vw * 452 / 375 + var(--calc-export-email-shift, 0px)); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 42 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__rl-kit-note strong { 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.calculator-result-turnkey-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 min-height: calc(100vw * 620 / 375); 
 margin: 0; 
 padding: 0 0 calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero.is-replan-step { 
 min-height: calc(100vw * 720 / 375); 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__replan { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 522 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 342 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero.is-replan-step .calculator-result-turnkey-below-hero__replan { 
 display: block; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__replan-label { 
 margin: 0 0 calc(100vw * 10 / 375); 
 padding: 0; 
 width: calc(100vw * 262 / 375); 
 max-width: 100%; 
 min-height: calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__replan-row { 
 display: flex; 
 flex-direction: row; 
 align-items: stretch; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__replan-btn { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 12 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__replan-btn.is-selected { 
 background: #383838; 
 color: #ffffff; 
 border-color: #cccccc; 
} 
 
/* Макет 375: Y экрана 424/454/502/528/598 → от верха секции (после hero 384): 40/70/118/144/214 */ 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__title { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 301 / 375); 
 min-height: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__lead { 
 position: absolute; 
 top: calc(100vw * 70 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 178 / 375); 
 min-height: calc(100vw * 28 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__field-label { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__field-label--goal { 
 top: calc(100vw * 118 / 375); 
 width: calc(100vw * 46 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__field-label--status { 
 top: calc(100vw * 214 / 375); 
 width: calc(100vw * 124 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__goals { 
 position: absolute; 
 top: calc(100vw * 144 / 375); 
 left: calc(100vw * 16 / 375); 
 display: flex; 
 flex-direction: row; 
 align-items: stretch; 
 gap: calc(100vw * 14 / 375); 
 width: calc(100vw * 342 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__goal-btn { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 8 / 375); 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 12 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__goal-btn.is-selected, 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__purchase-btn.is-selected { 
 background: #383838; 
 color: #ffffff; 
 border-color: #cccccc; 
} 
 
/* Y экрана 624 → от секции 240 */ 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__purchases { 
 position: absolute; 
 top: calc(100vw * 240 / 375); 
 left: calc(100vw * 16 / 375); 
 display: flex; 
 flex-direction: row; 
 align-items: stretch; 
 gap: calc(100vw * 14 / 375); 
 width: calc(100vw * 342 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__purchase-btn { 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 8 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 12 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
/* Y экрана 694 → 310 */ 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__field-label--condition { 
 top: calc(100vw * 310 / 375); 
 width: calc(100vw * 159 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
/* Y 720/778/836 → 336/394/452, шаг 50 + 8 */ 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__conditions { 
 position: absolute; 
 top: calc(100vw * 336 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 342 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 8 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__cond-btn { 
 width: 100%; 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: calc(100vw * 12 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__cond-btn.is-selected { 
 background: #383838; 
 color: #ffffff; 
 border-color: #cccccc; 
} 
 
/* Y экрана 906 → от секции 522; при шаге перепланировки — 1002 − 384 = 618 */ 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__actions { 
 position: absolute; 
 top: calc(100vw * 522 / 375); 
 left: calc(100vw * 16 / 375); 
 display: flex; 
 flex-direction: row; 
 align-items: stretch; 
 gap: calc(100vw * 14 / 375); 
 width: calc(100vw * 344 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero.is-replan-step .calculator-result-turnkey-below-hero__actions { 
 top: calc(100vw * 618 / 375); 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__action-btn { 
 flex: 0 0 calc(100vw * 165 / 375); 
 width: calc(100vw * 165 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 border-radius: calc(100vw * 84 / 375); 
 border: none; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__action-btn--back { 
 border: 1px solid #000000; 
 background: #ffffff; 
 color: #000000; 
} 
 
.page.view-calculator-result-turnkey .calculator-result-turnkey-below-hero__action-btn--result { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.calculator-result-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-result .calculator-result-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 min-height: calc(100vw * 1520 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.calculator-result-next-below-hero { 
 display: none !important; 
} 
 
/* Единый зазор над полем email (после «Ваша экономия» / блока сумм) — правьте одно значение */ 
.calculator-result-next-below-hero, 
.calculator-result-turnkey-result-below-hero, 
.calculator-result-turnkey-replan-yes-below-hero, 
.calculator-result-turnkey-replan-da-below-hero, 
.calculator-result-turnkey-bought-no-repair-below-hero, 
.calculator-result-turnkey-not-bought-below-hero { 
 --calc-export-email-gap-before: calc(100vw * 20 / 375); 
} 
 
/* Поле email перед «Получить расчёт» на экранах экспорта калькулятора */ 
.calculator-export-email { 
 box-sizing: border-box; 
 margin: 0; 
 padding: 0; 
} 
 
.calculator-export-email__input { 
 display: block; 
 width: 100%; 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 120 / 375); 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 outline: none; 
 -webkit-appearance: none; 
 appearance: none; 
} 
 
.calculator-export-email__input::placeholder { 
 color: #d9d9d9; 
 opacity: 1; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero { 
 /* 46 — высота email, 14 — зазор до первой кнопки (как между кнопками) */ 
 --calc-turnkey-email-cta-gap: calc(100vw * 14 / 375); 
 --calc-export-email-shift: calc(100vw * 46 / 375 + var(--calc-turnkey-email-cta-gap)); 
} 
 
.page.view-calculator-result-next .calculator-export-email--next { 
 position: absolute; 
 top: var(--crn-email-top); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 z-index: 3; 
} 
 
.page.view-calculator-result-turnkey-replan-yes .calculator-export-email, 
.page.view-calculator-result-turnkey-replan-da .calculator-export-email, 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-export-email, 
.page.view-calculator-result-turnkey-not-bought .calculator-export-email { 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 margin: var(--calc-export-email-gap-before) 0 0; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-export-email--in-layout { 
 position: absolute; 
 /* Сразу над кнопками: тот же сдвиг, что у __rl-actions, минус высота поля и зазор */ 
 top: calc( 
 100vw * 202 / 375 + var(--calc-export-email-shift) - 100vw * 46 / 375 - 
 var(--calc-turnkey-email-cta-gap) 
 ); 
 left: 0; 
 width: 100%; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 /* Зазор: текст «Пути» выше рамки 210px в макете — сдвиг блока скидок вниз */ 
 --crn-discount-after-paths: calc(100vw * 40 / 375); 
 --crn-email-top: calc(100vw * 554 / 375 + var(--crn-discount-after-paths) + var(--calc-export-email-gap-before)); 
 --crn-email-h: calc(100vw * 46 / 375); 
 --crn-after-email-gap: calc(100vw * 14 / 375); 
 --crn-cta-h: calc(100vw * 50 / 375); 
 --crn-cta-stack-gap: calc(100vw * 20 / 375); 
 --crn-cta-calc-top: calc(var(--crn-email-top) + var(--crn-email-h) + var(--crn-after-email-gap)); 
 --crn-cta-metod-top: calc(var(--crn-cta-calc-top) + var(--crn-cta-h) + var(--crn-cta-stack-gap)); 
 --crn-cta-adept-top: calc(var(--crn-cta-metod-top) + var(--crn-cta-h) + var(--crn-cta-stack-gap)); 
 --crn-adept-note-top: calc(var(--crn-cta-adept-top) + var(--crn-cta-h) + var(--crn-cta-stack-gap)); 
 min-height: calc(100vw * 920 / 375 + var(--calc-export-email-gap-before)); 
 margin: 0; 
 padding: 0 0 calc(100vw * 20 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
 touch-action: pan-y; 
} 
 
/* Макет 375: lead 424×68 @ 16; paths 347×210 @ 16, 506 — относительно секции: top 40 / 122 */ 
.page.view-calculator-result-next .calculator-result-next-below-hero__lead { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 330 / 375); 
 min-height: calc(100vw * 68 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
/* Макет: 347×210 @ 506,16 — рамка в Figma; контент может быть выше, высоту не ограничиваем */ 
.page.view-calculator-result-next .calculator-result-next-below-hero__paths { 
 position: absolute; 
 top: calc(100vw * 122 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 347 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__paths--moscow { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__paths--non-moscow { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__paths--moscow { 
 display: block; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__path + .calculator-result-next-below-hero__path { 
 margin-top: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__path-title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__list { 
 list-style: none; 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 14 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__list li + li { 
 margin-top: calc(100vw * 6 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__list li::before { 
 content: '•'; 
 position: absolute; 
 left: 0; 
 top: 0; 
 font-weight: 400; 
} 
 
/* Пока нет данных preview — не показываем блок «без скидки / со скидкой / экономия» */ 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount.is-preview-pending { 
 display: none !important; 
 visibility: hidden !important; 
} 
 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout.is-preview-pending > .calculator-result-turnkey-result-below-hero__rl-caption, 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout.is-preview-pending > .calculator-result-turnkey-result-below-hero__rl-pill--left, 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout.is-preview-pending > .calculator-result-turnkey-result-below-hero__rl-pill--right, 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout.is-preview-pending > .calculator-result-turnkey-result-below-hero__rl-savings-caption, 
.page.view-calculator-result-turnkey-result .calculator-result-turnkey-result-below-hero__results-layout.is-preview-pending > .calculator-result-turnkey-result-below-hero__rl-savings-row { 
 display: none !important; 
 visibility: hidden !important; 
} 
 
/* Скидки: макет 375 — заголовки Y≈756 экрана (372 от секции), суммы Y≈798 (414), экономия Y≈864/892 (480/508) + --crn-discount-after-paths */ 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount-col-title--left { 
 position: absolute; 
 top: calc(100vw * 372 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 153 / 375); 
 height: calc(100vw * 32 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 opacity: 1; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
 overflow: hidden; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount-col-title--right { 
 position: absolute; 
 top: calc(100vw * 372 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 194 / 375); 
 width: calc(100vw * 162 / 375); 
 height: calc(100vw * 32 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 opacity: 1; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
 overflow: hidden; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount-title-part--moscow { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-title-part--non-moscow { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-title-part--moscow { 
 display: block; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-col-title--left, 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-col-title--right { 
 height: auto; 
 min-height: calc(100vw * 32 / 375); 
 overflow: visible; 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-col-title--left { 
 width: calc(100vw * 153 / 375); 
} 
 
.page.view-calculator-result-next.calculator-result-next--moscow .calculator-result-next-below-hero__discount-col-title--right { 
 width: calc(100vw * 162 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount-title-part--moscow-design-left, 
.page.view-calculator-result-next .calculator-result-next-below-hero__discount-title-part--moscow-design-right { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-title-part--non-moscow, 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-title-part--moscow { 
 display: none !important; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-title-part--moscow-design-left, 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-title-part--moscow-design-right { 
 display: block; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-col-title--left, 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-col-title--right { 
 height: auto; 
 min-height: calc(100vw * 32 / 375); 
 overflow: visible; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-col-title--left { 
 width: calc(100vw * 153 / 375); 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__discount-col-title--right { 
 width: calc(100vw * 162 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__amount-pill { 
 position: absolute; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 opacity: 1; 
 border-radius: calc(100vw * 120 / 375); 
 border-width: 1px; 
 border-style: solid; 
 border-color: #cccccc; 
 background: #ffffff; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__amount-pill--left { 
 top: calc(100vw * 414 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__amount-pill--right { 
 top: calc(100vw * 414 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 194 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__amount-pill--savings { 
 position: relative; 
 top: auto; 
 left: auto; 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__amount-value { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 text-align: center; 
 max-width: 100%; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__savings-caption { 
 position: absolute; 
 top: calc(100vw * 480 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 153 / 375); 
 min-height: calc(100vw * 18 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__savings-row { 
 position: absolute; 
 top: calc(100vw * 508 / 375 + var(--crn-discount-after-paths)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 align-items: flex-start; 
 gap: calc(100vw * 12 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__savings-footnote { 
 margin: calc(100vw * 9 / 375) 0 0; 
 padding: 0; 
 flex: 0 0 calc(100vw * 144 / 375); 
 width: calc(100vw * 144 / 375); 
 min-height: calc(100vw * 28 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #636363; 
} 
 
/* Кнопки и примечание: макет 375 — Y экрана 1034 / 1104 / 1164 / 1234 (от секции −384) */ 
.page.view-calculator-result-next .calculator-result-next-below-hero__cta { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__cta--calc { 
 top: var(--crn-cta-calc-top); 
 z-index: 2; 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__cta--metod { 
 top: var(--crn-cta-metod-top); 
 z-index: 2; 
 background: #383838; 
 color: #ffffff; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__cta--adept { 
 top: var(--crn-cta-adept-top); 
 z-index: 2; 
 background: #ffffff; 
 color: #000000; 
 border-width: 1px; 
 border-style: solid; 
 border-color: #000000; 
 -webkit-backdrop-filter: none; 
 backdrop-filter: none; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__cta-adept-label--moscow-design { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__cta-adept-label--default { 
 display: none; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__cta-adept-label--moscow-design { 
 display: block; 
} 
 
.page.view-calculator-result-next.calculator-result-next--design-offer .calculator-result-next-below-hero__cta--adept { 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 padding: 0 calc(100vw * 21 / 375); 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__adept-note { 
 position: absolute; 
 top: var(--crn-adept-note-top); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 42 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result-next .calculator-result-next-below-hero__adept-note strong { 
 font-weight: 600; 
 font-style: normal; 
} 
 
.page.view-calculator-result .calculator-result-below-hero__solutions-title { 
 position: absolute; 
 top: calc(100vw * 328 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 331 / 375); 
 min-height: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-slider { 
 position: absolute; 
 --calc-title-shift: 0px; 
 top: calc(100vw * 365 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(calc(100vw * 478 / 375) + var(--calc-title-shift)); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-slider__pan { 
 position: relative; 
 width: 100%; 
 min-height: calc(calc(100vw * 434 / 375) + var(--calc-title-shift)); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 overflow: hidden; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-slider__pan-inner { 
 position: relative; 
 width: 100%; 
 min-height: calc(calc(100vw * 434 / 375) + var(--calc-title-shift)); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
@keyframes calculator-result-pan-left { 
 from { 
 transform: translate3d(calc(100vw * 10 / 375), 0, 0); 
 opacity: 0.9; 
 } 
 to { 
 transform: translate3d(0, 0, 0); 
 opacity: 1; 
 } 
} 
 
@keyframes calculator-result-pan-right { 
 from { 
 transform: translate3d(calc(100vw * -10 / 375), 0, 0); 
 opacity: 0.9; 
 } 
 to { 
 transform: translate3d(0, 0, 0); 
 opacity: 1; 
 } 
} 
 
.page.view-calculator-result .calculator-result-slider__pan-inner.is-pan-left { 
 animation: calculator-result-pan-left 0.55s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
.page.view-calculator-result .calculator-result-slider__pan-inner.is-pan-right { 
 animation: calculator-result-pan-right 0.55s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
@media (prefers-reduced-motion: reduce) { 
 .page.view-calculator-result .calculator-result-slider__pan-inner.is-pan-left, 
 .page.view-calculator-result .calculator-result-slider__pan-inner.is-pan-right { 
 animation-duration: 0.01ms; 
 } 
} 
 
.page.view-calculator-result .calculator-result-slider__segments { 
 position: absolute; 
 top: calc(calc(100vw * 451 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 27 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment { 
 position: absolute; 
 top: 0; 
 width: calc(100vw * 84 / 375); 
 height: calc(100vw * 27 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 27 / 375); 
 appearance: none; 
 -webkit-appearance: none; 
 cursor: pointer; 
 touch-action: manipulation; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment--left { 
 left: calc(100vw * 84 / 375); 
} 
 
.page.view-calculator-result .calculator-result-slider__segment--right { 
 left: calc(100vw * 175 / 375); 
} 
 
.page.view-calculator-result .calculator-result-slider__segment.is-active { 
 background: #383838; 
 border: none; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment:not(.is-active) { 
 background: #fafafa; 
 border: calc(100vw * 0.61 / 375) solid #f2f2f2; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment-icon { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 100%; 
 height: 100%; 
 color: #202020; 
 pointer-events: none; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment-icon svg { 
 display: block; 
 width: 60px; 
 max-width: min(60px, 85%); 
 height: 12px; 
 min-width: 52px; 
 min-height: 10px; 
 flex-shrink: 0; 
} 
 
.page.view-calculator-result .calculator-result-slider__segment--right .calculator-result-slider__segment-icon svg { 
 transform: rotate(180deg); 
} 
 
.page.view-calculator-result .calculator-result-slider__segment.is-active .calculator-result-slider__segment-icon { 
 color: #f0ebe5; 
} 
 
.page.view-calculator-result .calculator-result-slider__frame { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 268 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 background: #ffffff; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-slider__slides { 
 position: absolute; 
 inset: 0; 
 z-index: 0; 
 margin: 0; 
 padding: 0; 
 overflow: hidden; 
 border-radius: inherit; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-slider__layer { 
 position: absolute; 
 inset: 0; 
 display: block; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 object-fit: cover; 
 object-position: center; 
 opacity: 0; 
 transition: opacity 0.5s cubic-bezier(0.25, 0.85, 0.35, 1); 
 pointer-events: none; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-slider__layer.is-active { 
 opacity: 1; 
 z-index: 1; 
} 
 
.page.view-calculator-result .calculator-result-slider__captions { 
 position: absolute; 
 z-index: 3; 
 top: calc(100vw * 12 / 375); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 28 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 pointer-events: none; 
 overflow: visible; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip { 
 position: absolute; 
 top: 0; 
 height: calc(100vw * 28 / 375); 
 margin: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 8 / 375); 
 display: flex; 
 align-items: center; 
 overflow: visible; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip--solid { 
 left: calc(100vw * 12 / 375); 
 width: calc(100vw * 110 / 375); 
 padding: calc(100vw * 8 / 375) calc(100vw * 10 / 375); 
 background: #ffffff; 
 border: none; 
 justify-content: center; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip--outline { 
 left: calc(100vw * 221 / 375); 
 width: calc(100vw * 110 / 375); 
 padding: calc(100vw * 8 / 375) calc(100vw * 10 / 375); 
 background: transparent; 
 border: 1px solid #ffffff; 
 border-width: 1px; 
 justify-content: flex-end; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip-label { 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 11 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 flex-shrink: 0; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 word-break: normal; 
 overflow-wrap: normal; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip-label--dark { 
 width: 100%; 
 max-width: 100%; 
 min-width: 0; 
 min-height: calc(100vw * 12 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 text-align: center; 
 color: #1e1e1e; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.page.view-calculator-result .calculator-result-slider__chip-label--light { 
 width: calc(100vw * 90 / 375); 
 min-height: calc(100vw * 12 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: flex-end; 
 text-align: right; 
 color: #ffffff; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.page.view-calculator-result .calculator-result-slider__nav { 
 position: absolute; 
 z-index: 4; 
 top: calc(100vw * 111 / 375); 
 width: calc(100vw * 30 / 375); 
 height: calc(100vw * 30 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: none; 
 background: transparent; 
 overflow: visible; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result .calculator-result-slider__nav img { 
 position: relative; 
 z-index: 1; 
 width: 100%; 
 height: 100%; 
 max-width: none; 
 display: block; 
 object-fit: contain; 
 box-sizing: border-box; 
 padding: 0; 
 pointer-events: none; 
} 
 
.page.view-calculator-result .calculator-result-slider__nav--prev { 
 left: calc(100vw * 12 / 375); 
} 
 
.page.view-calculator-result .calculator-result-slider__nav--next { 
 left: calc(100vw * 289 / 375); 
} 
 
.page.view-calculator-result .calculator-result-slider__dots { 
 position: absolute; 
 top: calc(100vw * 243 / 375); 
 left: calc(100vw * 12 / 375); 
 right: calc(100vw * 12 / 375); 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 min-width: 0; 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result .calculator-result-slider__dot { 
 flex-shrink: 0; 
 height: calc(100vw * 9 / 375); 
 width: calc(100vw * 9 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: calc(100vw * 0.53 / 375) solid #f5f5f5; 
 border-radius: calc(100vw * 28 / 375); 
 background: #f6f6f6; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result .calculator-result-slider__dot.is-active { 
 width: calc(100vw * 24 / 375); 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta { 
 position: absolute; 
 left: 0; 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta-title { 
 position: absolute; 
 top: calc(100vw * 279 / 375); 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 18 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1.1; 
 letter-spacing: 0; 
 text-align: left; 
 text-transform: uppercase; 
 color: #1e1e1e; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
 line-clamp: 2; 
 white-space: normal; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta-budget { 
 position: absolute; 
 top: calc(calc(100vw * 310 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta-budget-strong { 
 font-weight: 600; 
 font-style: normal; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta-budget-value { 
 font-weight: 400; 
 font-style: normal; 
} 
 
.page.view-calculator-result .calculator-result-slider__meta-slots { 
 position: absolute; 
 top: calc(calc(100vw * 341 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 opacity: 0.7; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.page.view-calculator-result .calculator-result-slider__swatches { 
 position: absolute; 
 top: calc(calc(100vw * 363 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 10 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 align-items: center; 
 gap: calc(100vw * 5 / 375); 
 list-style: none; 
} 
 
.page.view-calculator-result .calculator-result-slider__swatch { 
 flex: 0 0 calc(100vw * 30 / 375); 
 width: calc(100vw * 30 / 375); 
 height: calc(100vw * 10 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 42 / 375); 
 border: none; 
 display: block; 
} 
 
.page.view-calculator-result .calculator-result-slider__swatch--narrow { 
 flex-basis: calc(100vw * 29 / 375); 
 width: calc(100vw * 29 / 375); 
} 
 
.page.view-calculator-result .calculator-result-slider__swatch--fill { 
 background: #a05035; 
} 
 
.page.view-calculator-result .calculator-result-slider__swatch--outline { 
 background: #ededed; 
 border: 1px solid #d8d8d8; 
} 
 
.page.view-calculator-result .calculator-result-slider__cta { 
 position: absolute; 
 top: calc(calc(100vw * 389 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21.45 / 375); 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14.3 / 375); 
 border: none; 
 border-radius: calc(100vw * 89 / 375); 
 background: #a05035; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.page.view-calculator-result .calculator-result-slider__cta.calculator-result-slider__cta--chosen { 
 background: #6d3826; 
 color: #f0e8e4; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 height: auto; 
 min-height: calc(100vw * 45 / 375); 
 padding-top: calc(100vw * 7 / 375); 
 padding-bottom: calc(100vw * 7 / 375); 
 white-space: normal; 
 line-height: 1.2; 
 text-align: center; 
} 
 
.page.view-calculator-result .calculator-result-slider__cta.calculator-result-slider__cta--chosen:active { 
 opacity: 0.92; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask { 
 position: absolute; 
 top: calc(calc(100vw * 883 / 375) + var(--calc-title-shift)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0 0 calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__title { 
 margin: 0; 
 padding: 0; 
 width: calc(100vw * 273 / 375); 
 min-height: calc(100vw * 40 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__panel { 
 margin: calc(100vw * 17 / 375) 0 0 calc(100vw * 1 / 375); 
 width: calc(100vw * 342 / 375); 
 min-height: calc(100vw * 72 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 background: transparent; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__lead { 
 margin: 0; 
 padding: 0; 
 width: calc(100vw * 325 / 375); 
 max-width: 100%; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__fields { 
 margin-top: calc(100vw * 26 / 375); 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 align-items: center; 
 gap: calc(100vw * 14 / 375); 
 width: 100%; 
 box-sizing: border-box; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__field { 
 position: relative; 
 flex: 0 0 calc(100vw * 164 / 375); 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 46 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 120 / 375); 
 background: #ffffff; 
 border: 1px solid #cccccc; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__input { 
 position: absolute; 
 inset: 0; 
 z-index: 1; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0 calc(100vw * 40 / 375) 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border: none; 
 background: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 border-radius: inherit; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__input:focus { 
 outline: none; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__hint { 
 position: absolute; 
 z-index: 0; 
 left: calc(100vw * 16 / 375); 
 top: 50%; 
 transform: translateY(-50%); 
 margin: 0; 
 padding: 0; 
 pointer-events: none; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #d9d9d9; 
 transition: opacity 0.15s ease, visibility 0.15s ease; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__field:focus-within .calculator-result-budget-ask__hint, 
.page.view-calculator-result .calculator-result-budget-ask__field.has-value .calculator-result-budget-ask__hint { 
 opacity: 0; 
 visibility: hidden; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__edit { 
 position: absolute; 
 z-index: 2; 
 top: 50%; 
 right: calc(100vw * 14 / 375); 
 transform: translateY(-50%); 
 width: calc(100vw * 18 / 375); 
 height: calc(100vw * 18 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: transparent; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result .calculator-result-budget-ask__edit img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
 
.page.view-calculator-result .calculator-result-participation { 
 position: absolute; 
 top: calc(calc(100vw * 1052 / 375) + var(--calc-title-shift)); 
 left: 0; 
 width: 100%; 
 margin: 0; 
 padding: 0 0 calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-participation__title { 
 margin: 0 auto; 
 padding: 0; 
 width: calc(100vw * 215 / 375); 
 min-height: calc(100vw * 40 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-participation__list { 
 margin: calc(100vw * 14 / 375) 0 0 calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__option { 
 width: 100%; 
 height: calc(100vw * 76 / 375); 
 margin: 0; 
 padding: calc(100vw * 16 / 375) calc(100vw * 12 / 375) calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 12 / 375); 
 border: 1px solid #cccccc; 
 background: #ffffff; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
 cursor: pointer; 
 font: inherit; 
 color: inherit; 
 text-align: center; 
 -webkit-tap-highlight-color: transparent; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-participation__option.is-selected { 
 background: #383838; 
} 
 
.page.view-calculator-result .calculator-result-participation__option-title { 
 margin: 0; 
 padding: 0; 
 min-height: calc(100vw * 14 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-participation__option-desc { 
 margin: calc(100vw * 6 / 375) 0 0; 
 padding: 0; 
 max-width: 100%; 
 min-height: calc(100vw * 24 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-participation__option.is-selected .calculator-result-participation__option-title, 
.page.view-calculator-result .calculator-result-participation__option.is-selected .calculator-result-participation__option-desc { 
 color: #ffffff; 
} 
 
.page.view-calculator-result .calculator-result-participation__option-title--w93 { 
 width: calc(100vw * 93 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__option-title--w163 { 
 width: calc(100vw * 163 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__option-title--w72 { 
 width: calc(100vw * 72 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__option-desc--w199 { 
 width: calc(100vw * 199 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__option-desc--w257 { 
 width: calc(100vw * 257 / 375); 
} 
 
.page.view-calculator-result .calculator-result-participation__actions { 
 margin: calc(100vw * 20 / 375) 0 0 calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: row; 
 flex-wrap: nowrap; 
 align-items: center; 
 justify-content: space-between; 
 touch-action: pan-y; 
} 
 
.page.view-calculator-result .calculator-result-participation__btn { 
 flex: 0 0 calc(100vw * 165 / 375); 
 width: calc(100vw * 165 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 border: none; 
 cursor: pointer; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-result .calculator-result-participation__btn--back { 
 background: #ffffff; 
 border: 1px solid #000000; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-participation__btn--forward { 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-result .calculator-result-card { 
 position: absolute; 
 width: calc(100vw * 164 / 375); 
 height: calc(100vw * 124 / 375); 
 top: calc(100vw * 164 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 12 / 375); 
 background: #ffffff; 
 margin: 0; 
 padding: 0; 
} 
 
.page.view-calculator-result .calculator-result-card.is-selected { 
 border-color: #a05035; 
 box-shadow: 0 0 0 calc(100vw * 2 / 375) rgba(160, 80, 53, 0.2); 
} 
 
.page.view-calculator-result .calculator-result-card--basic { 
 left: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-result .calculator-result-card--premium { 
 left: calc(100vw * 194 / 375); 
} 
 
.page.view-calculator-result .calculator-result-card__title { 
 position: absolute; 
 top: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-card--basic .calculator-result-card__title { 
 left: calc(100vw * 50 / 375); 
 width: calc(100vw * 65 / 375); 
 min-height: calc(100vw * 14 / 375); 
} 
 
.page.view-calculator-result .calculator-result-card--premium .calculator-result-card__title { 
 left: calc(100vw * 47 / 375); 
 width: calc(100vw * 70 / 375); 
 min-height: calc(100vw * 14 / 375); 
} 
 
.page.view-calculator-result .calculator-result-card__desc { 
 position: absolute; 
 top: calc(100vw * 36 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-card--basic .calculator-result-card__desc { 
 left: calc(100vw * 15 / 375); 
 width: calc(100vw * 134 / 375); 
 min-height: calc(100vw * 48 / 375); 
} 
 
.page.view-calculator-result .calculator-result-card--premium .calculator-result-card__desc { 
 left: calc(100vw * 17 / 375); 
 width: calc(100vw * 131 / 375); 
 min-height: calc(100vw * 72 / 375); 
} 
 
.page.view-calculator-result .calculator-result-below-hero__title { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 301 / 375); 
 min-height: calc(100vw * 40 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-below-hero__lead { 
 position: absolute; 
 top: calc(100vw * 90 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 256 / 375); 
 min-height: calc(100vw * 28 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-result .calculator-result-below-hero__label { 
 position: absolute; 
 top: calc(100vw * 138 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 110 / 375); 
 min-height: calc(100vw * 16 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-result .about-company-hero, 
.page.view-calculator-result-next .about-company-hero, 
.page.view-calculator-result-turnkey .about-company-hero, 
.page.view-calculator-result-turnkey-result .about-company-hero, 
.page.view-calculator-result-turnkey-replan-yes .about-company-hero, 
.page.view-calculator-result-turnkey-replan-da .about-company-hero, 
.page.view-calculator-result-turnkey-bought-no-repair .about-company-hero, 
.page.view-calculator-result-turnkey-not-bought .about-company-hero { 
 display: block; 
 position: absolute; 
 top: 0; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 max-width: 100vw; 
 height: calc(100vw * 384 / 375); 
 border-radius: 0; 
 overflow: hidden; 
 z-index: 1; 
 /* Не перехватывать скролл: блок не скроллится, интерактив скрыт — иначе WebView «залипает» на первом жесте */ 
 pointer-events: none; 
} 
 
.page.view-calculator-result .about-company-hero__tagline, 
.page.view-calculator-result .about-company-hero__lead, 
.page.view-calculator-result .about-company-hero__btn, 
.page.view-calculator-result-next .about-company-hero__tagline, 
.page.view-calculator-result-next .about-company-hero__lead, 
.page.view-calculator-result-next .about-company-hero__btn, 
.page.view-calculator-result-turnkey .about-company-hero__tagline, 
.page.view-calculator-result-turnkey .about-company-hero__lead, 
.page.view-calculator-result-turnkey .about-company-hero__btn, 
.page.view-calculator-result-turnkey-result .about-company-hero__tagline, 
.page.view-calculator-result-turnkey-result .about-company-hero__lead, 
.page.view-calculator-result-turnkey-result .about-company-hero__btn, 
.page.view-calculator-result-turnkey-replan-yes .about-company-hero__tagline, 
.page.view-calculator-result-turnkey-replan-yes .about-company-hero__lead, 
.page.view-calculator-result-turnkey-replan-yes .about-company-hero__btn, 
.page.view-calculator-result-turnkey-replan-da .about-company-hero__tagline, 
.page.view-calculator-result-turnkey-replan-da .about-company-hero__lead, 
.page.view-calculator-result-turnkey-replan-da .about-company-hero__btn, 
.page.view-calculator-result-turnkey-bought-no-repair .about-company-hero__tagline, 
.page.view-calculator-result-turnkey-bought-no-repair .about-company-hero__lead, 
.page.view-calculator-result-turnkey-bought-no-repair .about-company-hero__btn, 
.page.view-calculator-result-turnkey-not-bought .about-company-hero__tagline, 
.page.view-calculator-result-turnkey-not-bought .about-company-hero__lead, 
.page.view-calculator-result-turnkey-not-bought .about-company-hero__btn { 
 display: none !important; 
} 
 
.page.view-calculator-start { 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: 100vw; 
 overflow-x: hidden; 
 margin: 0; 
 zoom: 1; 
 min-height: max(100dvh, calc(100vw * 760 / 375)); 
} 
 
.calculator-start-below-hero { 
 display: none !important; 
} 
 
.page.view-calculator-start .calculator-start-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 min-height: calc(100vw * 370 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.page.view-calculator-start .calculator-start-actions { 
 position: absolute; 
 top: calc(100vw * 288 / 375); 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 pointer-events: none; 
} 
 
.page.view-calculator-start .calculator-start-actions__btn { 
 position: absolute; 
 top: 0; 
 margin: 0; 
 box-sizing: border-box; 
 height: calc(100vw * 50 / 375); 
 border-radius: calc(100vw * 84 / 375); 
 padding: 0 calc(100vw * 21 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 cursor: pointer; 
 pointer-events: auto; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-start .calculator-start-actions__btn--back { 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 121 / 375); 
 border: 1px solid #000000; 
 background: #ffffff; 
 color: #000000; 
} 
 
.page.view-calculator-start .calculator-start-actions__btn--submit { 
 left: calc(100vw * 151 / 375); 
 width: calc(100vw * 207 / 375); 
 border: none; 
 background: #a05035; 
 color: #ffffff; 
} 
 
.page.view-calculator-start .calculator-start-below-hero__title { 
 position: absolute; 
 top: calc(100vw * 36 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 243 / 375); 
 min-height: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 20 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator-start .calculator-start-below-hero__lead { 
 position: absolute; 
 top: calc(100vw * 66 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 342 / 375); 
 min-height: calc(100vw * 14 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-calculator-start .calculator-start-below-hero__label { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.page.view-calculator-start .calculator-start-below-hero__label--city { 
 top: calc(100vw * 100 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 49 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-start .calculator-start-field--city { 
 position: absolute; 
 top: calc(100vw * 126 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 164 / 375); 
 z-index: 4; 
} 
 
.page.view-calculator-start .calculator-start-field--area { 
 position: absolute; 
 top: calc(100vw * 126 / 375); 
 left: calc(100vw * 194 / 375); 
 width: calc(100vw * 164 / 375); 
 z-index: 4; 
} 
 
.page.view-calculator-start .calculator-start-field--area .calculator-start-field__input-wrap { 
 width: 100%; 
} 
 
.page.view-calculator-start .calculator-start-field__input-wrap--city-custom { 
 width: 100%; 
} 
 
.page.view-calculator-start .calculator-start-field--city.is-custom-city .calculator-start-field__trigger { 
 display: none; 
} 
 
.page.view-calculator-start .calculator-start-field--city.is-custom-city .calculator-start-field__input-wrap--city-custom { 
 display: block; 
} 
 
.page.view-calculator-start .calculator-start-field--city.is-custom-city .calculator-start-field__chevron { 
 display: none; 
} 
 
.page.view-calculator-start .calculator-start-field--area .calculator-start-field__input { 
 width: 100%; 
 height: calc(100vw * 46 / 375); 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 153 / 375); 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-start .calculator-start-field--area .calculator-start-field__input:focus { 
 outline: none; 
 border-color: #999999; 
} 
 
.page.view-calculator-start .calculator-start-field--city .calculator-start-field__input--city-custom { 
 width: 100%; 
 height: calc(100vw * 46 / 375); 
 padding: 0 calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 114 / 375); 
 background: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-start .calculator-start-field--city .calculator-start-field__input--city-custom:focus { 
 outline: none; 
 border-color: #999999; 
} 
 
.page.view-calculator-start .calculator-start-field--rooms { 
 position: absolute; 
 top: calc(100vw * 212 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 164 / 375); 
 z-index: 4; 
} 
 
.page.view-calculator-start .calculator-start-field--bathrooms { 
 position: absolute; 
 top: calc(100vw * 212 / 375); 
 left: calc(100vw * 194 / 375); 
 width: calc(100vw * 164 / 375); 
 z-index: 4; 
} 
 
.page.view-calculator-start .calculator-start-field.is-open { 
 z-index: 10; 
} 
 
.page.view-calculator-start .calculator-start-field__trigger { 
 width: 100%; 
 height: calc(100vw * 46 / 375); 
 padding: 0 calc(100vw * 10 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 114 / 375); 
 overflow: hidden; 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 8 / 375); 
 cursor: pointer; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #000000; 
 text-align: left; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-start .calculator-start-field--rooms .calculator-start-field__trigger, 
.page.view-calculator-start .calculator-start-field--bathrooms .calculator-start-field__trigger { 
 border-radius: calc(100vw * 117 / 375); 
} 
 
.page.view-calculator-start .calculator-start-field__value { 
 flex: 1; 
 min-width: 0; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
} 
 
.page.view-calculator-start .calculator-start-field__chevron { 
 width: calc(100vw * 18 / 375); 
 height: calc(100vw * 18 / 375); 
 flex-shrink: 0; 
 display: block; 
 object-fit: contain; 
 transition: transform 0.2s ease; 
} 
 
.page.view-calculator-start .calculator-start-field.is-open .calculator-start-field__chevron { 
 transform: rotate(180deg); 
} 
 
.page.view-calculator-start .calculator-start-field__dropdown { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: calc(100% + 4px); 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 background: #ffffff; 
 border: 1px solid #cccccc; 
 max-height: calc(100vw * 220 / 375); 
 overflow-y: auto; 
 box-sizing: border-box; 
 z-index: 5; 
 -webkit-overflow-scrolling: touch; 
} 
 
.page.view-calculator-start .calculator-start-field__dropdown li { 
 margin: 0; 
 padding: 0; 
} 
 
.page.view-calculator-start .calculator-start-field__option { 
 width: 100%; 
 padding: calc(100vw * 12 / 375) calc(100vw * 12 / 375); 
 border: none; 
 border-bottom: 1px solid #eeeeee; 
 background: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1.2; 
 text-align: left; 
 cursor: pointer; 
 color: #000000; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator-start .calculator-start-field__dropdown li:last-child .calculator-start-field__option { 
 border-bottom: none; 
} 
 
.page.view-calculator-start .calculator-start-field__option.is-selected { 
 background: #f0f0f0; 
} 
 
.page.view-calculator-start .calculator-start-below-hero__label--area { 
 top: calc(100vw * 100 / 375); 
 left: calc(100vw * 194 / 375); 
 width: calc(100vw * 78 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-start .calculator-start-below-hero__label--rooms { 
 top: calc(100vw * 186 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 121 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-start .calculator-start-below-hero__label--bathrooms { 
 top: calc(100vw * 186 / 375); 
 left: calc(100vw * 194 / 375); 
 width: calc(100vw * 138 / 375); 
 min-height: calc(100vw * 16 / 375); 
} 
 
.page.view-calculator-start .about-company-hero { 
 display: block; 
 position: absolute; 
 top: 0; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 max-width: 100vw; 
 height: calc(100vw * 384 / 375); 
 border-radius: 0; 
 overflow: hidden; 
 z-index: 1; 
} 
 
.page.view-calculator-start .about-company-hero__tagline, 
.page.view-calculator-start .about-company-hero__lead, 
.page.view-calculator-start .about-company-hero__btn { 
 display: none !important; 
} 
 
.page.view-calculator { 
 background: #f7f7f7 !important; 
 width: 100%; 
 max-width: 100vw; 
 overflow-x: clip; 
 overflow-y: visible; 
 margin: 0; 
 zoom: 1; 
 min-height: max(100dvh, calc(100vw * 924 / 375)); 
} 
 
.page.view-calculator .about-company-hero { 
 display: block; 
 position: absolute; 
 top: 0; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 max-width: 100vw; 
 height: calc(100vw * 384 / 375); 
 border-radius: 0; 
 overflow: hidden; 
 z-index: 1; 
} 
 
.page.view-calculator .about-company-hero__tagline, 
.page.view-calculator .about-company-hero__lead, 
.page.view-calculator .about-company-hero__btn { 
 display: none !important; 
} 
 
.calculator-hero-overlay { 
 display: none !important; 
} 
 
.page.view-calculator .calculator-hero-overlay, 
.page.view-calculator-start .calculator-hero-overlay, 
.page.view-calculator-result .calculator-hero-overlay, 
.page.view-calculator-result-next .calculator-hero-overlay, 
.page.view-calculator-result-turnkey .calculator-hero-overlay, 
.page.view-calculator-result-turnkey-result .calculator-hero-overlay, 
.page.view-calculator-result-turnkey-replan-yes .calculator-hero-overlay, 
.page.view-calculator-result-turnkey-replan-da .calculator-hero-overlay, 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-hero-overlay, 
.page.view-calculator-result-turnkey-not-bought .calculator-hero-overlay { 
 display: block !important; 
 position: absolute; 
 top: 0; 
 right: 0; 
 bottom: auto; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 z-index: 2; 
 pointer-events: none; 
} 
 
.page.view-calculator .calculator-hero-overlay__title, 
.page.view-calculator-start .calculator-hero-overlay__title, 
.page.view-calculator-result .calculator-hero-overlay__title, 
.page.view-calculator-result-next .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey-result .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey-replan-yes .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey-replan-da .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-hero-overlay__title, 
.page.view-calculator-result-turnkey-not-bought .calculator-hero-overlay__title { 
 position: absolute; 
 top: calc(100vw * 251 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 95 / 375); 
 height: calc(100vw * 31 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 1.1; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.page.view-calculator .calculator-hero-overlay__subtitle, 
.page.view-calculator-start .calculator-hero-overlay__subtitle, 
.page.view-calculator-result .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-next .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey-result .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey-replan-yes .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey-replan-da .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-hero-overlay__subtitle, 
.page.view-calculator-result-turnkey-not-bought .calculator-hero-overlay__subtitle { 
 position: absolute; 
 top: calc(100vw * 288 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 279 / 375); 
 height: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1.22; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.page.view-calculator .calculator-hero-overlay__desc, 
.page.view-calculator-start .calculator-hero-overlay__desc, 
.page.view-calculator-result .calculator-hero-overlay__desc, 
.page.view-calculator-result-next .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey-result .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey-replan-yes .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey-replan-da .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey-bought-no-repair .calculator-hero-overlay__desc, 
.page.view-calculator-result-turnkey-not-bought .calculator-hero-overlay__desc { 
 position: absolute; 
 top: calc(100vw * 314 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 290 / 375); 
 min-height: calc(100vw * 30 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.22; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
.calculator-below-hero { 
 display: none !important; 
} 
 
/* Начинается под hero (384), иначе z-index и top:0 закрывают картинку */ 
.page.view-calculator .calculator-below-hero { 
 display: block !important; 
 position: absolute; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 top: calc(100vw * 384 / 375); 
 min-height: calc(100vw * 540 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 z-index: 2; 
 background: #f7f7f7; 
 pointer-events: auto; 
} 
 
.page.view-calculator .calculator-below-hero__intro { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(100vw * 49 / 375); 
 width: calc(100vw * 278 / 375); 
 min-height: calc(100vw * 51 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 

.page.view-calculator .calculator-below-hero__pill {
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 44 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 10 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 84 / 375); 
 border: none; 
 background: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 z-index: 3; 
 isolation: isolate; 
 overflow: visible; 
} 
 
.page.view-calculator .calculator-below-hero__pill::before { 
 content: ''; 
 position: absolute; 
 inset: 0; 
 box-sizing: border-box; 
 border-radius: inherit; 
 border: 1px solid #cccccc; 
 background: #f7f7f7; 
 z-index: 1; 
 pointer-events: none; 
} 
 
.page.view-calculator .calculator-below-hero__pill-label { 
 position: relative; 
 z-index: 2; 
} 
 
.page.view-calculator .calculator-below-hero__pill:nth-of-type(1) { 
 top: calc(100vw * 131 / 375); 
} 
 
.page.view-calculator .calculator-below-hero__pill:nth-of-type(2) { 
 top: calc(100vw * 207 / 375); 
} 
 
.page.view-calculator .calculator-below-hero__pill:nth-of-type(3) { 
 top: calc(100vw * 283 / 375); 
} 
 
.page.view-calculator .calculator-below-hero__soon { 
 position: absolute; 
 top: calc(100vw * -21 / 375); 
 left: 50%; 
 transform: translateX(-50%); 
 
 width: calc(100vw * 54 / 375); 
 height: calc(100vw * 26 / 375); 
 
 border-radius: calc(100vw * 8 / 375); 
 background: #f7f7f7; 
 border: 1px solid #cccccc; 
 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 11 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 color: #909090; 
 
 z-index: 0; 
 pointer-events: none; 
} 
 
.page.view-calculator .calculator-below-hero__budget-title { 
 position: absolute; 
 top: calc(100vw * 369 / 375); 
 left: calc(100vw * 49 / 375); 
 width: calc(100vw * 278 / 375); 
 min-height: calc(100vw * 17 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-calculator .calculator-below-hero__start { 
 position: absolute; 
 top: calc(100vw * 400 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 50 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 background: #a05035; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-calculator .calculator-below-hero__hint { 
 position: absolute; 
 top: calc(100vw * 460 / 375); 
 left: calc(100vw * 49 / 375); 
 width: calc(100vw * 278 / 375); 
 min-height: calc(100vw * 12 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
/* «О компании» и «Калькулятор»: hero; на остальных экранах скрыто */ 
.page:not(.view-about):not(.view-calculator):not(.view-calculator-start):not(.view-calculator-result):not(.view-calculator-result-next):not(.view-calculator-result-turnkey):not(.view-calculator-result-turnkey-result):not(.view-calculator-result-turnkey-replan-yes):not(.view-calculator-result-turnkey-replan-da):not(.view-calculator-result-turnkey-bought-no-repair):not(.view-calculator-result-turnkey-not-bought):not(.view-company-resources) .about-company-hero, 
.page:not(.view-about) .about-company-metrics, 
.page:not(.view-about) .about-company-next-flow, 
.page:not(.view-about) .about-company-standard-block, 
.page:not(.view-about) .about-company-standard-block__text, 
.page:not(.view-about) .about-company-standard-block__muted, 
.page:not(.view-about) .about-company-standard-block__cases-btn, 
.page:not(.view-about) .about-company-standard-block__cases-text, 
.page:not(.view-about) .about-company-standard-block__cases-icon-wrap, 
.page:not(.view-about) .about-company-standard-block__cases-icon { 
 display: none !important; 
} 
 
.page:not(.view-about) .about-company-try-block, 
.page:not(.view-about) .about-company-try-block__title { 
 display: none !important; 
} 
 
.page:not(.view-about) .about-company-sove-block { 
 display: none !important; 
} 
 
.page:not(.view-about) .about-company-how-block { 
 display: none !important; 
} 
 
.about-company-hero { 
 display: none; 
} 
 
.about-company-metrics { 
 display: none; 
} 
 
.about-company-next-flow { 
 display: none; 
} 
 
.about-company-standard-block { 
 display: none; 
} 
 
.about-company-try-block { 
 display: none; 
} 
 
.about-company-sove-block { 
 display: none; 
} 
 
.about-company-how-block { 
 display: none; 
} 
 
.page.view-about .about-company-hero { 
 display: block; 
 position: absolute; 
 top: 0; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 503 / 375); 
 border-radius: 0; 
 overflow: hidden; 
 z-index: 1; 
} 
 
.about-company-hero__bg { 
 display: block; 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: center top; 
} 
 
.about-company-hero__tagline-line2 { 
 white-space: nowrap; 
} 
 
.about-company-hero__tagline { 
 position: absolute; 
 top: calc(100vw * 191 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 339 / 375); 
 min-height: calc(100vw * 93 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
 z-index: 1; 
} 
 
.about-company-hero__lead { 
 position: absolute; 
 top: calc(100vw * 296 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 275 / 375); 
 min-height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
 z-index: 1; 
} 
 
.page.view-about .about-company-hero__btn { 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 84 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
 cursor: pointer; 
 touch-action: manipulation; 
 pointer-events: auto; 
 -webkit-tap-highlight-color: transparent; 
 z-index: 3; 
} 
 
.page.view-about .about-company-hero__btn--solid { 
 top: calc(100vw * 363 / 375); 
 border: none; 
 background: #a05035; 
} 
 
.page.view-about .about-company-hero__btn--outline { 
 top: calc(100vw * 418 / 375); 
 border: 1px solid #ffffff; 
 background: transparent; 
} 
 
.page.view-about .about-company-next-flow { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 position: absolute; 
 top: calc(100vw * 1240 / 375); 
 left: 0; 
 width: 100vw; 
 height: auto; 
 min-height: calc(100vw * 450 / 375); 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
} 
 
.page.view-about .about-company-next-title { 
 display: block; 
 position: static; 
 width: calc(100vw * 241 / 375); 
 height: auto; 
 margin: 0 0 calc(100vw * 10 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(18px, calc(100vw * 24 / 375), 24px); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-about .about-company-next-subtitle { 
 display: block; 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: auto; 
 min-height: 0; 
 margin: 0 0 calc(100vw * 17 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 overflow: visible; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
/* Вьюпорт: от left 16 до правого края (375−16), в ряд карточки 264 + gap 10 → вторая с page left 290 */ 
.page.view-about .about-company-strategy-slider { 
 display: block; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 359 / 375); 
 height: calc(100vw * 341 / 375); 
 margin: 0; 
 overflow-x: auto; 
 overflow-y: hidden; 
 -webkit-overflow-scrolling: touch; 
 scrollbar-width: none; 
 scroll-snap-type: x mandatory; 
 overscroll-behavior-x: contain; 
 touch-action: pan-x; 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-strategy-slider::-webkit-scrollbar { 
 display: none; 
} 
 
.about-company-strategy-slider__track { 
 display: flex; 
 gap: calc(100vw * 10 / 375); 
 width: max-content; 
 height: 100%; 
} 
 
.about-company-strategy-card { 
 position: relative; 
 flex: 0 0 calc(100vw * 264 / 375); 
 width: calc(100vw * 264 / 375); 
 height: calc(100vw * 341 / 375); 
 box-sizing: border-box; 
 border: 0.63px solid #f2f2f2; 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 scroll-snap-align: start; 
 scroll-snap-stop: always; 
} 
 
.about-company-strategy-card__img { 
 display: block; 
 width: 100%; 
 height: calc(100% * 309 / 341); 
 object-fit: cover; 
 box-sizing: border-box; 
} 
 
.about-company-strategy-card__title { 
 position: absolute; 
 top: calc(100% * 321 / 341); 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100% - (100vw * 16 / 375)); 
 max-width: 100%; 
 min-height: calc(100% * 20 / 341); 
 margin: 0; 
 padding: 0 calc(100vw * 4 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 16 / 375), 16px); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-about .about-company-standard-block { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 position: absolute; 
 top: calc(100vw * 1730 / 375 + var(--about-next-extra)); 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 331 / 375); 
 height: auto; 
 min-height: calc(100vw * 228 / 375); 
 border-radius: calc(100vw * 40 / 375); 
 background: transparent; 
 box-sizing: border-box; 
 z-index: 2; 
} 
 
.about-company-standard-block__text { 
 position: relative; 
 flex: 0 0 auto; 
 width: 100%; 
 margin: 0; 
 padding: 0 calc(100vw * 8 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(14px, calc(100vw * 18 / 375), 18px); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
} 
 
.about-company-standard-block__muted { 
 color: #aeaeae; 
} 
 
.page.view-about .about-company-standard-block__cases-btn { 
 position: relative; 
 flex: 0 0 auto; 
 align-self: center; 
 width: calc(100vw * 241 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: calc(100vw * 23 / 375) 0 0; 
 padding: 0 calc(100vw * 6 / 375) 0 calc(100vw * 22 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #a05035; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 8 / 375); 
} 
 
.about-company-standard-block__cases-text { 
 display: block; 
 flex: 1 1 auto; 
 min-width: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.about-company-standard-block__cases-icon-wrap { 
 position: relative; 
 flex: 0 0 auto; 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: 50%; 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden; 
} 
 
.about-company-standard-block__cases-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 
 
.page.view-about .about-company-try-block { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 1998 / 375 + var(--about-standard-extra) + var(--about-next-extra)); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 max-width: 100vw; 
 height: calc(100vw * 717 / 375 + var(--about-try-extra)); 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 box-sizing: border-box; 
 z-index: 2; 
 overflow-x: hidden; 
} 
 
.page.view-about .about-company-try-block__title { 
 position: absolute; 
 top: calc(100% * 40 / 717); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 293 / 375); 
 height: calc(100% * 52 / 717); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(18px, calc(100vw * 24 / 375), 24px); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-about .about-company-try-block__desc { 
 position: absolute; 
 top: calc(100% * 102 / 717); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 350 / 375); 
 height: calc(100% * 90 / 717); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
 overflow: hidden; 
} 
 
.page.view-about .about-company-try-block__dots { 
 position: absolute; 
 top: calc(100% * 208 / 717); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100% * 11 / 717); 
 margin: 0; 
 padding: 0; 
 display: flex; 
 align-items: center; 
 justify-content: flex-start; 
 gap: calc(100vw * 6 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-about .about-company-try-block__dot { 
 position: relative; 
 left: auto !important; 
 flex: 1 1 0; 
 min-width: calc(100vw * 24 / 375); 
 max-width: calc(100vw * 34 / 375); 
 height: calc(100vw * 11 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-radius: calc(100vw * 42 / 375); 
 cursor: pointer; 
 box-sizing: border-box; 
 background: #fafafa; 
 border: 1px solid #f2f2f2; 
 transition: background-color 0.3s ease, border-color 0.3s ease; 
} 
 
.page.view-about .about-company-try-block__dot--active { 
 background: #a05035; 
 border: 1px solid #a05035; 
} 
 
.page.view-about .about-company-try-block__slider-wrap { 
 position: absolute; 
 top: calc(100% * 235 / 717); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 263 / 375); 
 height: calc(100% * 356 / 717); 
 box-sizing: border-box; 
} 
 
.page.view-about .about-company-try-block__slider-viewport { 
 width: 100%; 
 height: calc(100% * 290 / 356); 
 box-sizing: border-box; 
 overflow: hidden; 
 border-radius: calc(100vw * 20 / 375); 
} 
 
@keyframes aboutTryFlipNext { 
 from { 
 transform: translate3d(20%, 0, 0); 
 opacity: 0.78; 
 } 
 to { 
 transform: translate3d(0, 0, 0); 
 opacity: 1; 
 } 
} 
 
@keyframes aboutTryFlipPrev { 
 from { 
 transform: translate3d(-20%, 0, 0); 
 opacity: 0.78; 
 } 
 to { 
 transform: translate3d(0, 0, 0); 
 opacity: 1; 
 } 
} 
 
.page.view-about .about-company-try-block--flip-next .about-company-try-block__slider-img, 
.page.view-about .about-company-try-block--flip-next .about-company-try-block__slider-side-img { 
 animation: aboutTryFlipNext 0.4s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
.page.view-about .about-company-try-block--flip-prev .about-company-try-block__slider-img, 
.page.view-about .about-company-try-block--flip-prev .about-company-try-block__slider-side-img { 
 animation: aboutTryFlipPrev 0.4s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
@media (prefers-reduced-motion: reduce) { 
 .page.view-about .about-company-try-block--flip-next .about-company-try-block__slider-img, 
 .page.view-about .about-company-try-block--flip-next .about-company-try-block__slider-side-img, 
 .page.view-about .about-company-try-block--flip-prev .about-company-try-block__slider-img, 
 .page.view-about .about-company-try-block--flip-prev .about-company-try-block__slider-side-img { 
 animation-duration: 0.01ms; 
 } 
} 
 
.page.view-about .about-company-try-block__slider-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: calc(100vw * 20 / 375); 
 transform: translateZ(0); 
 backface-visibility: hidden; 
} 
 
.page.view-about .about-company-try-block__slider-nav { 
 display: none !important; 
} 
 
.page.view-about .about-company-try-block__slider-side-img { 
 position: absolute; 
 top: calc(100% * 235 / 717); 
 left: calc(100vw * 290 / 375); 
 /* В макете 290+264 > 375 — ограничиваем, чтобы не вылезать за экран */ 
 width: min(calc(100vw * 264 / 375), calc(100vw - 100vw * 290 / 375 - 100vw * 16 / 375)); 
 height: calc(100% * 356 / 717); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 border: 0.63px solid #f2f2f2; 
 object-fit: cover; 
 display: block; 
 z-index: 1; 
 transform: translateZ(0); 
 backface-visibility: hidden; 
} 
 
.page.view-about .about-company-try-block__slide-caption { 
 position: absolute; 
 top: calc(100% * 535 / 717); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
 gap: calc(100vw * 6 / 375); 
 z-index: 2; 
} 
 
.page.view-about .about-company-try-block__builders-label { 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: auto; 
 min-height: calc(100% * 17 / 717); 
 margin: 0; 
 padding: 0; 
 display: block; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 
 
.page.view-about .about-company-try-block__builders-label--long { 
 text-transform: none; 
 font-size: clamp(11px, calc(100vw * 12 / 375), 13px); 
} 
 
.page.view-about .about-company-try-block__builders-desc { 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px); 
 line-height: 130%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 
 
.page.view-about .about-company-try-block__builders-desc[hidden] { 
 display: none !important; 
} 
 
@keyframes aboutTryLabelFade { 
 from { 
 opacity: 0.25; 
 transform: translateY(5px); 
 } 
 to { 
 opacity: 1; 
 transform: translateY(0); 
 } 
} 
 
.page.view-about .about-company-try-block__builders-label--anim { 
 animation: aboutTryLabelFade 0.38s cubic-bezier(0.33, 1, 0.68, 1) forwards; 
} 
 
@media (prefers-reduced-motion: reduce) { 
 .page.view-about .about-company-try-block__builders-label--anim { 
 animation-duration: 0.01ms; 
 } 
} 
 
.page.view-about .about-company-try-block__chip { 
 position: absolute; 
 top: calc(100% * 552 / 717 + var(--about-try-caption-extra)); 
 width: calc(100vw * 84 / 375); 
 height: calc(100vw * 27 / 375); 
 border-radius: calc(100vw * 27 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
 margin: 0; 
 padding: 0; 
 appearance: none; 
 -webkit-appearance: none; 
 background: #fafafa; 
 border: 0.61px solid #fafafa; 
 cursor: pointer; 
 touch-action: manipulation; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-about .about-company-try-block__chip--prev { 
 left: calc(100vw * 60 / 375); 
} 
 
.page.view-about .about-company-try-block__chip--next { 
 left: calc(100vw * 151 / 375); 
} 
 
.page.view-about .about-company-try-block__chip--edge { 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-about .about-company-try-block__chip:not(.about-company-try-block__chip--edge):active { 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-about .about-company-try-block__chip-icon { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 100%; 
 height: 100%; 
 color: #202020; 
 pointer-events: none; 
} 
 
.page.view-about .about-company-try-block__chip-icon svg { 
 display: block; 
 width: 60px; 
 max-width: min(60px, 85%); 
 height: 12px; 
 min-width: 52px; 
 min-height: 10px; 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-try-block__chip--next .about-company-try-block__chip-icon svg { 
 transform: rotate(180deg); 
} 
 
.page.view-about .about-company-try-block__chip--edge .about-company-try-block__chip-icon, 
.page.view-about .about-company-try-block__chip:not(.about-company-try-block__chip--edge):active .about-company-try-block__chip-icon { 
 color: #f0ebe5; 
} 
 
.page.view-about .about-company-try-block__cta-btn { 
 position: absolute; 
 top: calc(100% * 620 / 717 + var(--about-try-caption-extra)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 171 / 375); 
 height: calc(100% * 45 / 717); 
 margin: 0; 
 padding: 0 calc(100vw * 10 / 375) 0 calc(100vw * 22 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #a05035; 
 cursor: pointer; 
 touch-action: manipulation; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 6 / 375); 
 z-index: 3; 
} 
 
.page.view-about .about-company-try-block__cta-text { 
 display: block; 
 flex: 0 0 auto; 
 width: calc(100vw * 98 / 375); 
 max-width: calc(100vw * 98 / 375); 
 min-height: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
 white-space: nowrap; 
} 
 
.page.view-about .about-company-try-block__cta-icon-wrap { 
 position: relative; 
 flex: 0 0 auto; 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: 50%; 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden; 
} 
 
.page.view-about .about-company-try-block__cta-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 
 
.page.view-about .about-company-sove-block { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 position: absolute; 
 top: calc(100vw * 2755 / 375 + var(--about-standard-extra) + var(--about-next-extra) + var(--about-try-extra)); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 max-width: 100vw; 
 height: auto; 
 min-height: calc(100vw * 477 / 375 + var(--about-sove-extra)); 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 20 / 375); 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 box-sizing: border-box; 
 z-index: 2; 
 overflow: visible; 
} 
 
.page.view-about .about-company-sove-block__title { 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(16px, calc(100vw * 22 / 375), 24px); 
 line-height: 120%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 
 
.page.view-about .about-company-sove-block__title--long { 
 font-size: clamp(14px, calc(100vw * 18 / 375), 20px); 
 line-height: 125%; 
} 
 
.page.view-about .about-company-sove-block__subtitle { 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: calc(100vw * 10 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px); 
 line-height: 130%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 
 
.page.view-about .about-company-sove-block__slider-frame { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 min-height: 0; 
 height: auto; 
 margin: calc(100vw * 16 / 375) 0 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 border: 1px solid #f2f2f2; 
 overflow: visible; 
 z-index: 1; 
 display: flex; 
 flex-direction: column; 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-sove-block__slider-viewport { 
 width: 100%; 
 flex: 0 0 calc(100vw * 200 / 375); 
 height: calc(100vw * 200 / 375); 
 min-height: calc(100vw * 200 / 375); 
 overflow: hidden; 
} 
 
.page.view-about .about-company-sove-block__slider-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 transform: translateZ(0); 
 backface-visibility: hidden; 
} 
 
.page.view-about .about-company-sove-block--flip-next .about-company-sove-block__slider-img { 
 animation: aboutTryFlipNext 0.4s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
.page.view-about .about-company-sove-block--flip-prev .about-company-sove-block__slider-img { 
 animation: aboutTryFlipPrev 0.4s cubic-bezier(0.25, 0.85, 0.35, 1) forwards; 
} 
 
@media (prefers-reduced-motion: reduce) { 
 .page.view-about .about-company-sove-block--flip-next .about-company-sove-block__slider-img, 
 .page.view-about .about-company-sove-block--flip-prev .about-company-sove-block__slider-img { 
 animation-duration: 0.01ms; 
 } 
} 
 
/* Подпись под фото в карточке: перенос длинного текста из CMS */ 
.page.view-about .about-company-sove-block__slider-caption { 
 position: relative; 
 flex: 0 0 auto; 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 10 / 375) calc(100vw * 14 / 375) calc(100vw * 12 / 375); 
 box-sizing: border-box; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
 gap: calc(100vw * 4 / 375); 
 background: #ffffff; 
 z-index: 2; 
 pointer-events: none; 
} 
 
.page.view-about .about-company-sove-block__slider-title, 
.page.view-about .about-company-sove-block__slider-desc { 
 position: static; 
 left: auto; 
 transform: none; 
 width: 100%; 
 max-width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 text-align: center; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
 pointer-events: none; 
} 
 
.page.view-about .about-company-sove-block__slider-title { 
 text-transform: uppercase; 
 font-size: clamp(12px, calc(100vw * 16 / 375), 16px); 
 line-height: 122%; 
 letter-spacing: 0; 
 min-height: 0; 
 display: block; 
} 
 
.page.view-about .about-company-sove-block__slider-title--long { 
 text-transform: none; 
 font-size: clamp(11px, calc(100vw * 13 / 375), 14px); 
} 
 
.page.view-about .about-company-sove-block__slider-desc { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
 font-size: clamp(11px, calc(100vw * 13 / 375), 13px); 
 line-height: 120%; 
 letter-spacing: 0; 
 min-height: 0; 
} 
 
.page.view-about .about-company-sove-block__slider-desc-line { 
 display: block; 
 width: 100%; 
 max-width: 100%; 
 margin-left: auto; 
 margin-right: auto; 
 text-align: center; 
 white-space: normal; 
} 
 
.page.view-about .about-company-sove-block__nav { 
 position: absolute; 
 top: calc(100vw * 85 / 375); 
 width: calc(100vw * 30 / 375); 
 height: calc(100vw * 30 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-radius: 50%; 
 background: #ffffff; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 touch-action: manipulation; 
 z-index: 3; 
 overflow: hidden; 
} 
 
.page.view-about .about-company-sove-block__nav--prev { 
 left: calc(100vw * 15 / 375); 
} 
 
.page.view-about .about-company-sove-block__nav--next { 
 left: calc(100vw * 285 / 375); 
} 
 
.page.view-about .about-company-sove-block__nav-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 object-position: center; 
} 
 
/* Как в кейсах «Подробнее» (.cases-detail-gallery__pagination): круг сменяется овалом */ 
.page.view-about .about-company-sove-block__pagination { 
 position: relative; 
 top: auto; 
 left: auto; 
 transform: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 4 / 375); 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 flex-shrink: 0; 
 z-index: 2; 
} 
 
.page.view-about .about-company-sove-block__dot { 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: calc(100vw * 28 / 375); 
 background: #f6f6f6; 
 border: 0.53px solid #f5f5f5; 
 box-sizing: border-box; 
 transition: width 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; 
 cursor: pointer; 
} 
 
.page.view-about .about-company-sove-block__dot.is-active { 
 width: calc(100vw * 24 / 375); 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-about .about-company-how-block { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 position: absolute; 
 top: calc(100vw * 3272 / 375 + var(--about-standard-extra) + var(--about-next-extra) + var(--about-try-extra) + var(--about-sove-extra)); 
 left: 0; 
 width: 100vw; 
 height: auto; 
 min-height: calc(100vw * 1327 / 375); 
 padding: 0 calc(100vw * 16 / 375) calc(100vw * 31 / 375); 
 box-sizing: border-box; 
 z-index: 2; 
} 
 
.page.view-about .about-company-how-block__title { 
 position: static; 
 width: calc(100vw * 209 / 375); 
 height: auto; 
 margin: 0 0 calc(100vw * 10 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(18px, calc(100vw * 24 / 375), 24px); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-about .about-company-how-block__subtitle { 
 position: static; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: auto; 
 min-height: 0; 
 margin: 0 0 calc(100vw * 17 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-about .about-company-how-block__tabs-stack { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 234 / 375); 
 height: calc(100vw * 214 / 375); 
 margin: 0 0 calc(100vw * 20 / 375); 
 flex-shrink: 0; 
 z-index: 2; 
} 
 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__timeline { 
 position: absolute; 
 inset: 0; 
 pointer-events: none; 
} 
 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__dot { 
 position: absolute; 
 left: 0; 
 width: calc(100vw * 6 / 375); 
 height: calc(100vw * 6 / 375); 
 border-radius: 50%; 
 background: #383838; 
 z-index: 2; 
} 
 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__dot--1 { top: calc(100vw * 20 / 375); } 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__dot--2 { top: calc(100vw * 76 / 375); } 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__dot--3 { top: calc(100vw * 132 / 375); } 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__dot--4 { top: calc(100vw * 188 / 375); } 
 
.page.view-about .about-company-how-block__tabs-stack .about-company-how-block__line { 
 position: absolute; 
 top: calc(100vw * 23 / 375); 
 left: calc(100vw * 3 / 375); 
 width: 1px; 
 height: calc(100vw * 168 / 375); 
 background: #e3e3e3; 
 z-index: 1; 
} 
 
.page.view-about .about-company-how-block__step { 
 position: absolute; 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 212 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0; 
 border-radius: calc(100vw * 79 / 375); 
 border: 1px solid #b8b8b8; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-family: 'Montserrat', sans-serif; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 background: #f7f7f7; 
 color: #000000; 
 font-weight: 400; 
 cursor: pointer; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-about .about-company-how-block__step--1 { top: 0; } 
.page.view-about .about-company-how-block__step--2 { top: calc(100vw * 56 / 375); } 
.page.view-about .about-company-how-block__step--3 { top: calc(100vw * 112 / 375); } 
.page.view-about .about-company-how-block__step--4 { top: calc(100vw * 168 / 375); } 
 
.page.view-about .about-company-how-block__step.is-active { 
 background: #383838; 
 color: #ffffff; 
 border: 1px solid #b8b8b8; 
 font-weight: 500; 
} 
 
.page.view-about .about-company-how-block__panel { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: calc(100vw * 580 / 375); 
 margin: 0 0 calc(100vw * 40 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 background: transparent; 
 overflow: visible; 
 z-index: 1; 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-how-block__panel-slide { 
 position: absolute; 
 inset: 0; 
 display: flex; 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 10 / 375); 
 opacity: 0; 
 pointer-events: none; 
 transition: opacity 0.22s ease; 
} 
 
.page.view-about .about-company-how-block__panel-slide.is-active { 
 opacity: 1; 
 pointer-events: auto; 
 z-index: 1; 
} 
 
/* Карточка 343×315, скругление 20 — макет top 3574 */ 
.page.view-about .about-company-how-block__slide-card { 
 position: relative; 
 flex: 0 0 auto; 
 width: 100%; 
 height: calc(100vw * 315 / 375); 
 box-sizing: border-box; 
 padding: 0; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 overflow: hidden; 
} 
 
.page.view-about .about-company-how-block__slide-num { 
 position: absolute; 
 top: calc(100% * 24 / 315); 
 left: calc(100% * 24 / 343); 
 width: calc(100% * 23 / 343); 
 min-height: calc(100% * 18 / 315); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 font-family: 'Vela Sans', sans-serif; 
 font-weight: 500; 
 font-size: clamp(16px, calc(100vw * 18 / 375), 18px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #e3e3e3; 
 z-index: 1; 
 white-space: nowrap; 
} 
 
.page.view-about .about-company-how-block__slide-title { 
 position: absolute; 
 margin: 0; 
 left: calc(100% * 24 / 343); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(16px, calc(100vw * 18 / 375), 18px); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.page.view-about .about-company-how-block__slide-text { 
 position: absolute; 
 margin: 0; 
 left: calc(100% * 24 / 343); 
 width: calc(100% * 265 / 343); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(11px, calc(100vw * 12 / 375), 12px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #000000; 
 overflow-y: auto; 
 -webkit-overflow-scrolling: touch; 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='0'] .about-company-how-block__slide-title { 
 top: calc(100% * 93 / 315); 
 width: calc(100% * 147 / 343); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='0'] .about-company-how-block__slide-text { 
 top: calc(100% * 145 / 315); 
 max-height: calc(100% * 95 / 315); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='1'] .about-company-how-block__slide-title { 
 top: calc(100% * 79 / 315); 
 width: calc(100% * 271 / 343); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='1'] .about-company-how-block__slide-text { 
 top: calc(100% * 131 / 315); 
 max-height: calc(100% * 110 / 315); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='2'] .about-company-how-block__slide-title { 
 top: calc(100% * 79 / 315); 
 width: calc(100% * 271 / 343); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='2'] .about-company-how-block__slide-text { 
 top: calc(100% * 131 / 315); 
 max-height: calc(100% * 110 / 315); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='3'] .about-company-how-block__slide-title { 
 top: calc(100% * 107 / 315); 
 width: calc(100% * 271 / 343); 
} 
 
.page.view-about .about-company-how-block__panel-slide[data-how-index='3'] .about-company-how-block__slide-text { 
 top: calc(100% * 159 / 315); 
 max-height: calc(100% * 82 / 315); 
} 
 
.page.view-about .about-company-how-block__slide-card .about-company-how-block__panel-cta { 
 position: absolute; 
 top: calc(100% * 246 / 315); 
 left: calc(100% * 24 / 343); 
 width: calc(100% * 271 / 343); 
 height: calc(100% * 45 / 315); 
 margin: 0; 
 padding: 0 calc(100% * 10 / 271) 0 calc(100% * 22 / 271); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #a05035; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 6 / 375); 
 z-index: 2; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-about .about-company-how-block__slide-card .about-company-how-block__panel-cta-text { 
 display: block; 
 flex: 1 1 auto; 
 min-width: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
} 
 
.page.view-about .about-company-how-block__slide-card .about-company-how-block__panel-cta-icon-wrap { 
 flex: 0 0 auto; 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden; 
} 
 
.page.view-about .about-company-how-block__slide-card .about-company-how-block__panel-cta-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 
 
/* Блок картинки 343×255, скругление 20 — макет top 3899 (зазор 10px под карточкой) */ 
.page.view-about .about-company-how-block__slide-media { 
 position: relative; 
 flex: 0 0 auto; 
 width: 100%; 
 height: calc(100vw * 255 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 background: #ffffff; 
} 
 
.page.view-about .about-company-how-block__slide-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.page.view-about .about-company-how-block__reviews-title { 
 position: static; 
 align-self: center; 
 width: calc(100vw * 282 / 375); 
 height: auto; 
 margin: 0 0 calc(100vw * 17 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(18px, calc(100vw * 24 / 375), 24px); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.page.view-about .about-company-how-block__reviews-carousel { 
 position: relative; 
 width: 100%; 
 left: calc(100vw * -16 / 375); 
 margin: 0 0 calc(100vw * 20 / 375); 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-how-block__reviews-viewport { 
 position: relative; 
 top: auto; 
 left: 0; 
 width: 100vw; 
 height: calc(100vw * 285 / 375); 
 margin: 0; 
 overflow: hidden; 
 touch-action: pan-y; 
 -webkit-overflow-scrolling: touch; 
} 
 
.page.view-about .about-company-how-block__reviews-track { 
 display: flex; 
 align-items: flex-start; 
 gap: calc(100vw * 20 / 375); 
 height: 100%; 
 will-change: transform; 
 transition: transform 0.35s ease; 
} 
 
.page.view-about .about-company-how-block__review-card { 
 position: relative; 
 top: auto; 
 left: auto; 
 flex: 0 0 calc(100vw * 263 / 375); 
 width: calc(100vw * 263 / 375); 
 height: calc(100vw * 285 / 375); 
 margin: 0; 
} 
 
.page.view-about .about-company-how-block__review-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.page.view-about .about-company-how-block__reviews-nav-row { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 12 / 375); 
 width: 100vw; 
 margin: calc(100vw * 20 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
.page.view-about .about-company-how-block__review-nav { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 84 / 375); 
 height: calc(100vw * 27 / 375); 
 margin: 0; 
 border-radius: calc(100vw * 27 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
 flex-shrink: 0; 
} 
 
.page.view-about .about-company-how-block__review-nav:not(.is-active) { 
 background: #fafafa; 
 border: 0.61px solid #f2f2f2; 
} 
 
.page.view-about .about-company-how-block__review-nav.is-active { 
 background: #383838; 
 border: 0.61px solid #383838; 
} 
 
.page.view-about .about-company-how-block__review-nav-line { 
 width: calc(100vw * 54 / 375); 
 height: 0; 
 border-top: 1.5px solid #eaeaea; 
 transition: border-color 0.2s ease; 
} 
 
.page.view-about .about-company-how-block__review-nav.is-active .about-company-how-block__review-nav-line { 
 border-top-color: #f0ebe5; 
} 
 
.page.view-about .about-company-how-block__review-nav.is-pressed { 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-about .about-company-how-block__review-nav.is-pressed .about-company-how-block__review-nav-line { 
 border-top-color: #f0ebe5; 
} 
 
.page.view-about .about-company-metrics { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 543 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 657 / 375); 
 background: #f2f2f2; 
 z-index: 2; 
} 
 
.about-company-metrics__card { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: calc(100% * 166 / 343); 
 height: calc(100% * 156 / 657); 
 border: 1px solid #f2f2f2; 
 box-sizing: border-box; 
 overflow: hidden; 
} 
 
.about-company-metrics__card--second { 
 left: calc(100% * 177 / 343); 
} 
 
.about-company-metrics__wide-card { 
 position: absolute; 
 top: calc(100% * 167 / 657); 
 left: 0; 
 width: 100%; 
 height: calc(100% * 156 / 657); 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
} 
 
.about-company-metrics__wide-card--bottom { 
 top: calc(100% * 501 / 657); 
} 
 
.about-company-metrics__card--bottom-left { 
 top: calc(100% * 334 / 657); 
 left: 0; 
 background: #ffffff; 
 border-radius: calc(100vw * 20 / 375); 
} 
 
.about-company-metrics__card--bottom-right { 
 top: calc(100% * 334 / 657); 
 left: calc(100% * 177 / 343); 
} 
 
.about-company-metrics__card-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.about-company-metrics__value { 
 position: absolute; 
 top: calc(100% * 44 / 156); 
 left: 50%; 
 transform: translateX(-50%); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(20px, calc(100vw * 28 / 375), 28px); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.about-company-metrics__value--dark { 
 color: #000000; 
 text-transform: none; 
 white-space: nowrap; 
} 
 
.about-company-metrics__label { 
 position: absolute; 
 top: calc(100% * 78 / 156); 
 left: 50%; 
 transform: translateX(-50%); 
 margin: 0; 
 width: calc(100% * 109 / 166); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(9px, calc(100vw * 11 / 375), 11px); 
 line-height: 120%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.about-company-metrics__label--dark { 
 color: #000000; 
} 
 
.about-company-metrics__icon { 
 position: absolute; 
 top: calc(100% * 125 / 156); 
 left: calc(100% * 135 / 166); 
 width: calc(100% * 31 / 166); 
 height: calc(100% * 31 / 156); 
 object-fit: contain; 
} 
 
.about-company-metrics__wide-card-img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.cases-detail-card__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.page.view-cases-detail-empty .cases-detail-card__title { 
 display: block; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto; 
 min-height: 0; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(14px, calc(100vw * 18 / 375), 18px); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #000000; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 
 
.page.view-cases-detail-empty .cases-detail-card__more-btn { 
 display: flex; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21.45 / 375); 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14.3 / 375); 
 border-radius: calc(100vw * 89 / 375); 
 border: 1px solid #000000; 
 background: transparent; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
 flex-shrink: 0; 
} 
 
.page.view-cases-detail-empty .cases-detail-solution { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 position: absolute; 
 top: calc(100vw * 1182 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 298 / 375); 
 height: auto; 
 padding: calc(100vw * 24 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 box-sizing: border-box; 
 z-index: 2; 
 overflow: visible; 
} 

.page.view-cases-detail-empty .cases-detail-solution__title,
.page.view-cases-detail-empty .cases-detail-solution__text {
 position: relative;
 top: auto;
 left: auto;
 width: 100%;
 height: auto;
 max-width: 100%;
}
 
.cases-detail-solution__title { 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-style: italic; 
 font-weight: 400; 
 font-size: clamp(14px, calc(100vw * 18 / 375), 18px); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.cases-detail-solution__text { 
 margin: calc(100vw * 12 / 375) 0 0; 
 font-family: 'Montserrat', sans-serif; 
 font-style: italic; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #000000; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
 white-space: pre-line; 
} 
 
.page.view-cases-detail-empty .cases-detail-metrics { 
 display: block; 
 position: absolute; 
 inset: 0; 
 z-index: 2; 
} 
 
.cases-detail-metric { 
 position: absolute; 
 width: calc(100vw * 166 / 375); 
 height: calc(100vw * 156 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
 box-sizing: border-box; 
} 
 
.cases-detail-metric--buy { 
 top: calc(100vw * 1500 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 left: calc(100vw * 16 / 375); 
} 
 
.cases-detail-metric--invest { 
 top: calc(100vw * 1500 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 left: calc(100vw * 193 / 375); 
} 
 
.cases-detail-metric--term { 
 top: calc(100vw * 1667 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 left: calc(100vw * 16 / 375); 
} 
 
.cases-detail-metric--roi { 
 top: calc(100vw * 1667 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 left: calc(100vw * 193 / 375); 
} 
 
.cases-detail-metric__value { 
 position: absolute; 
 top: calc(100% * 48 / 156); 
 left: 50%; 
 transform: translateX(-50%); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(20px, calc(100vw * 28 / 375), 28px); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
 white-space: nowrap; 
} 
 
.cases-detail-metric__label { 
 position: absolute; 
 top: calc(100% * 82 / 156); 
 left: 50%; 
 transform: translateX(-50%); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(9px, calc(100vw * 11 / 375), 11px); 
 line-height: 120%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
 white-space: nowrap; 
} 
 
.page.view-cases-detail-empty .cases-detail-gallery { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 1863 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 319 / 375); 
 z-index: 2; 
} 
 
.cases-detail-gallery__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 opacity: 1; 
 transition: opacity 0.24s ease; 
} 
 
.cases-detail-gallery__nav { 
 position: absolute; 
 top: calc(100% * 139 / 319); 
 width: calc(100% * 30 / 375); 
 height: calc(100% * 30 / 319); 
 border: 1px solid transparent; 
 background: transparent; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 z-index: 3; 
} 
 
.cases-detail-gallery__nav--left { left: calc(100% * 16 / 375); } 
.cases-detail-gallery__nav--right { left: calc(100% * 317 / 375); } 
 
.cases-detail-gallery__nav img { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 
 
.cases-detail-gallery__pagination { 
 position: absolute; 
 top: calc(100% * 294 / 319); 
 left: 50%; 
 right: auto; 
 transform: translateX(-50%); 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 width: max-content; 
 max-width: calc(100% - calc(100vw * 32 / 375)); 
 z-index: 3; 
 box-sizing: border-box; 
} 
 
.cases-detail-gallery__dot { 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 50%; 
 background: #f6f6f6; 
 border: 0.53px solid #f5f5f5; 
 box-sizing: border-box; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
} 
 
.cases-detail-gallery__dot.is-active { 
 background: #383838; 
 border-color: #383838; 
} 
 
.page.view-cases-detail-empty .cases-detail-final-btn { 
 display: flex; 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 50 / 375); 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
 z-index: 2; 
} 
 
.page.view-cases-detail-empty .cases-detail-final-btn--more-cases { 
 top: calc(100vw * 2202 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 background: #383838; 
} 
 
.page.view-cases-detail-empty .cases-detail-final-btn--invest { 
 top: calc(100vw * 2262 / 375 + var(--cases-detail-offset, 0px) + var(--cases-detail-card-extra, 0px) + var(--cases-detail-solution-extra, 0px)); 
 background: #a05035; 
} 
 
.cases-content-title { 
 display: none; 
} 
 
.page.view-cases-empty .cases-content-title { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.cases-list-header { 
 display: none; 
} 

.page.view-cases-empty .cases-list-header { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 421 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 z-index: 3; 
 box-sizing: border-box; 
} 

.page.view-cases-empty .cases-list-header .cases-content-title { 
 position: static; 
 width: 100%; 
 height: auto; 
 margin: 0; 
} 

.page.view-cases-empty .cases-catalog-filters { 
 position: relative; 
 width: 100%; 
 margin-top: calc(100vw * 17 / 375); 
 z-index: 40; 
} 

.cases-catalog-filter-trigger { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 100%; 
 min-height: calc(100vw * 63 / 375); 
 padding: 0 calc(100vw * 24 / 375); 
 border: 1px solid #000000; 
 border-radius: 999px; 
 background: #f5f5f5; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1.2; 
 color: #000000; 
 cursor: pointer; 
 box-sizing: border-box; 
} 

.cases-catalog-filter-trigger__chevron { 
 width: calc(100vw * 20 / 375); 
 height: calc(100vw * 20 / 375); 
 flex-shrink: 0; 
 margin-left: calc(100vw * 12 / 375); 
 background-image: url("images/gal.svg"); 
 background-repeat: no-repeat; 
 background-position: center; 
 background-size: contain; 
 transition: transform 0.2s ease; 
} 

.cases-catalog-filter-trigger--expanded .cases-catalog-filter-trigger__chevron { 
 transform: rotate(180deg); 
} 

.cases-catalog-filter-panel { 
 margin-top: calc(100vw * 12 / 375); 
 padding: calc(100vw * 8 / 375); 
 border-radius: calc(100vw * 24 / 375); 
 background: #f5f5f5; 
 box-sizing: border-box; 
} 

.cases-catalog-filter-panel__inner { 
 overflow: hidden; 
 border-radius: calc(100vw * 18 / 375); 
 background: #f5f5f5; 
} 

.cases-catalog-filter-row { 
 position: relative; 
 display: block; 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 16 / 375) calc(100vw * 48 / 375) calc(100vw * 16 / 375) calc(100vw * 16 / 375); 
 border: 0; 
 background: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 1.3; 
 color: rgba(0, 0, 0, 0.85); 
 text-align: left; 
 box-sizing: border-box; 
 cursor: pointer; 
} 

.cases-catalog-filter-row--divider { 
 border-bottom: 1px solid rgba(255, 255, 255, 0.7); 
} 

.cases-catalog-filter-row--select { 
 padding: 0; 
} 

.cases-catalog-filter-row__select { 
 display: block; 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 16 / 375) calc(100vw * 48 / 375) calc(100vw * 16 / 375) calc(100vw * 16 / 375); 
 border: 0; 
 background: transparent; 
 font: inherit; 
 color: inherit; 
 appearance: none; 
 cursor: pointer; 
 box-sizing: border-box; 
} 

.cases-catalog-filter-row__select:focus { 
 outline: none; 
} 

.cases-catalog-filter-row__chevron { 
 position: absolute; 
 top: 50%; 
 right: calc(100vw * 16 / 375); 
 width: calc(100vw * 18 / 375); 
 height: calc(100vw * 18 / 375); 
 transform: translateY(-50%); 
 pointer-events: none; 
 background-image: url("images/gal.svg"); 
 background-repeat: no-repeat; 
 background-position: center; 
 background-size: contain; 
 opacity: 0.6; 
} 

.cases-catalog-filter-row--sort { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 

.cases-catalog-filter-row__sort-suffix { 
 flex-shrink: 0; 
 margin-left: calc(100vw * 12 / 375); 
 color: rgba(0, 0, 0, 0.6); 
} 

.cases-catalog-filter-empty { 
 display: none; 
 margin: calc(100vw * 12 / 375) 0 0; 
 padding: 0 calc(100vw * 4 / 375); 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 130%; 
 color: #666666; 
} 

.page.view-cases-empty .cases-catalog-filter-empty:not([hidden]) { 
 display: block; 
} 
 
.cases-slider-block { 
 display: none; 
} 
 
.page.view-cases-empty .cases-slider-block { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 525 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 438 / 375); 
 opacity: 1; 
} 
 
.page.view-cases-empty .cases-slider-block--second { 
 top: calc(100vw * 985 / 375); 
} 
 
.cases-slider-block__frame { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 268 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 border: 1px solid #e6dfd7; 
 overflow: hidden; 
 box-sizing: border-box; 
} 
 
.cases-slider-block__img { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 transition: opacity 0.3s ease; 
} 
 
.cases-slider-block__nav { 
 position: absolute; 
 top: calc(100% * 111 / 268); 
 width: calc(100% * 30 / 343); 
 height: calc(100% * 30 / 268); 
 border: 1px solid transparent; 
 background: transparent; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
 z-index: 4; 
 pointer-events: auto; 
} 
 
.cases-slider-block__nav--left { left: calc(100% * 12 / 343); } 
.cases-slider-block__nav--right { left: calc(100% * 289 / 343); } 
 
.cases-slider-block__nav img { 
 width: 30px; 
 height: 30px; 
 display: block; 
 object-fit: contain; 
} 
 
.cases-slider-block__pagination { 
 position: absolute; 
 top: calc(100% * 243 / 268); 
 left: 50%; 
 right: auto; 
 transform: translateX(-50%); 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 width: max-content; 
 max-width: calc(100% - calc(100% * 24 / 343)); 
 z-index: 3; 
 box-sizing: border-box; 
} 
 
.cases-slider-block__dot { 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 50%; 
 border: 0.53px solid #f5f5f5; 
 background: #f6f6f6; 
 box-sizing: border-box; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
} 
 
.cases-slider-block__dot.is-active { 
 border-color: #383838; 
 background: #383838; 
} 
 
.cases-slider-block__title { 
 position: absolute; 
 top: calc(100% * 282 / 438); /* 807 - 525 */ 
 left: 0; 
 width: calc(100% * 140 / 343); 
 height: calc(100% * 18 / 438); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(16px, calc(100vw * 18 / 375), 18px); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.cases-slider-block__meta { 
 position: absolute; 
 height: calc(100% * 17 / 438); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 white-space: nowrap; 
} 
 
.cases-slider-block__meta-lead { 
 font-weight: 600; 
} 
 
.cases-slider-block__meta--budget { 
 top: calc(100% * 310 / 438); /* 835 - 525 */ 
 left: 0; 
 width: calc(100% * 125 / 343); 
} 
 
.cases-slider-block__meta--location { 
 top: calc(100% * 310 / 438); 
 left: calc(100% * 215 / 343); 
 width: calc(100% * 128 / 343); 
} 
 
.cases-slider-block__meta--roi { 
 top: calc(100% * 335 / 438); /* 860 - 525 */ 
 left: 0; 
 width: calc(100% * 61 / 343); 
} 
 
.cases-slider-block__meta--residence { 
 top: calc(100% * 335 / 438); 
 left: calc(100% * 215 / 343); 
 width: calc(100% * 102 / 343); 
} 
 
.cases-slider-block__meta--term { 
 top: calc(100% * 360 / 438); /* 885 - 525 */ 
 left: 0; 
 width: calc(100% * 193 / 343); 
} 
 
.cases-slider-block__more-btn { 
 position: absolute; 
 top: calc(100% * 393 / 438); /* 918 - 525 */ 
 left: 0; 
 width: calc(100% * 343 / 343); 
 height: calc(100% * 45 / 438); 
 border-radius: 89px; 
 border: 1px solid #000000; 
 background: transparent; 
 padding: 0 calc(100% * 21.45 / 343); 
 margin: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100% * 14.3 / 343); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 white-space: nowrap; 
 color: #000000; 
} 
 
/* КЕЙСЫ (адаптив): переводим карточки в поток, чтобы длинные тексты не наезжали друг на друга. */ 
.page.view-cases-empty { 
 min-height: auto; 
 padding-bottom: calc(100vw * 32 / 375); 
} 
 
.page.view-cases-empty .cases-list-header { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 margin: calc(100vw * 24 / 375) auto 0; 
} 

.page.view-cases-empty .cases-list-header .cases-content-title { 
 margin: 0; 
} 
 
.page.view-cases-empty .cases-slider-block { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 height: auto; 
 margin: calc(100vw * 16 / 375) auto 0; 
 display: grid; 
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 
 grid-template-areas: 
 "frame frame" 
 "title title" 
 "budget location" 
 "roi residence" 
 "term term" 
 "btn btn"; 
 row-gap: calc(100vw * 8 / 375); 
 column-gap: calc(100vw * 10 / 375); 
} 
 
.page.view-cases-empty .cases-slider-block--second { 
 top: auto; 
} 

.page.view-cases-empty .cases-slider-block--highlight { 
 outline: 2px solid #a08060; 
 outline-offset: calc(100vw * 4 / 375); 
} 
 
.page.view-cases-empty .cases-slider-block__frame { 
 grid-area: frame; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto; 
 aspect-ratio: 343 / 268; 
} 
 
.page.view-cases-empty .cases-slider-block__img { 
 object-fit: cover; 
 object-position: center center; 
 background: #f2f2f2; 
} 
 
.page.view-cases-empty .cases-slider-block__title { 
 grid-area: title; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto; 
 text-align: left; 
 line-height: 110%; 
 overflow-wrap: anywhere; 
} 
 
.page.view-cases-empty .cases-slider-block__meta { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto; 
 white-space: normal; 
 overflow-wrap: anywhere; 
} 
 
.page.view-cases-empty .cases-slider-block__meta--budget { grid-area: budget; } 
.page.view-cases-empty .cases-slider-block__meta--location { grid-area: location; } 
.page.view-cases-empty .cases-slider-block__meta--roi { grid-area: roi; } 
.page.view-cases-empty .cases-slider-block__meta--residence { grid-area: residence; } 
.page.view-cases-empty .cases-slider-block__meta--term { grid-area: term; } 
 
.page.view-cases-empty .cases-slider-block__more-btn { 
 grid-area: btn; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: calc(100vw * 45 / 375); 
 margin-top: calc(100vw * 8 / 375); 
} 
 
.concepts-empty-surface { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-surface {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 position: absolute;
 top: calc(100vw * 384 / 375);
 left: calc(50% - 50vw);
 width: 100vw;
 min-height: calc(100vw * 426 / 375);
 height: auto;
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 28 / 375);
 box-sizing: border-box;
 background: #383838;
 z-index: 3;
 overflow: visible;
}

.page.view-concepts-empty .concepts-empty-surface__title,
.page.view-concepts-empty .concepts-empty-surface__chips,
.page.view-concepts-empty .concepts-empty-surface__chip,
.page.view-concepts-empty .concepts-empty-surface__desc,
.page.view-concepts-empty .concepts-empty-surface__meta-line,
.page.view-concepts-empty .concepts-empty-surface__slots,
.page.view-concepts-empty .concepts-empty-surface__slots-scale,
.page.view-concepts-empty .concepts-empty-surface__book-btn {
 position: relative;
 top: auto;
 left: auto;
}

.concepts-empty-surface__title {
 width: 100%;
 max-width: calc(100vw * 343 / 375);
 margin: 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 font-size: clamp(14px, calc(100vw * 18 / 375), 24px);
 line-height: 110%;
 letter-spacing: 0;
 text-transform: uppercase;
 color: #ffffff;
}

.concepts-empty-surface__chips {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: calc(100vw * 9 / 375);
 width: 100%;
 margin-top: calc(100vw * 8 / 375);
}

.concepts-empty-surface__chip {
 flex-shrink: 0;
 min-height: calc(100vw * 28 / 375);
 padding: calc(100vw * 8 / 375) calc(100vw * 12 / 375);
 border-radius: calc(100vw * 8 / 375);
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px);
 line-height: 100%;
 letter-spacing: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 max-width: calc(100vw * 343 / 375);
}

.concepts-empty-surface__chip--filled {
 background: #ffffff;
 color: #1e1e1e;
}

.concepts-empty-surface__chip--outline {
 border: 1px solid #ffffff;
 color: #ffffff;
}

.concepts-empty-surface__desc {
 width: 100%;
 max-width: calc(100vw * 343 / 375);
 margin: calc(100vw * 14 / 375) 0 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px);
 line-height: 120%;
 letter-spacing: 0;
 color: #ffffff;
}

.concepts-empty-surface__meta-line {
 width: 100%;
 max-width: calc(100vw * 343 / 375);
 margin: calc(100vw * 14 / 375) 0 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px);
 line-height: 120%;
 letter-spacing: 0;
 color: #ffffff;
}

.concepts-empty-surface__meta-line--audience {
 margin-top: calc(100vw * 14 / 375);
}

.concepts-empty-surface__meta-line--budget {
 margin-top: calc(100vw * 10 / 375);
}

.concepts-empty-surface__meta-lead {
 font-weight: 600;
}

.concepts-empty-surface__slots {
 width: 100%;
 margin: calc(100vw * 40 / 375) 0 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-size: clamp(10px, calc(100vw * 12 / 375), 12px);
 line-height: 120%;
 letter-spacing: 0;
 color: #ffffff;
}

.concepts-empty-surface__slots-scale {
 width: 100%;
 max-width: calc(100vw * 343 / 375);
 height: calc(100vw * 10 / 375);
 margin: calc(100vw * 8 / 375) 0 0;
 display: flex;
 gap: calc(100vw * 5 / 375);
}
 
.concepts-empty-surface__slot { 
 height: 100%; 
 border-radius: calc(100vw * 42 / 375); 
 border: 1px solid #585858; 
 background: #4e4e4e; 
 box-sizing: border-box; 
} 
 
.concepts-empty-surface__slot.is-open { 
 border: 1px solid #ffffff; 
 background: #ffffff; 
} 
 
.concepts-empty-surface__slot:nth-child(3), 
.concepts-empty-surface__slot:nth-child(7) { 
 width: calc(100% * 29 / 343); 
} 
 
.concepts-empty-surface__slot:not(:nth-child(3)):not(:nth-child(7)) { 
 width: calc(100% * 30 / 343); 
} 
 
.concepts-empty-surface__book-btn {
 width: 100%;
 max-width: calc(100vw * 343 / 375);
 min-height: calc(100vw * 45 / 375);
 height: auto;
 margin: calc(100vw * 16 / 375) 0 0;
 padding: calc(100vw * 10 / 375) calc(100vw * 14 / 375);
 border: none;
 border-radius: calc(100vw * 89 / 375);
 background: #ffffff;
 color: #000000;
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 box-sizing: border-box;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 flex-shrink: 0;
}
 
.cases-detail-surface { 
 display: none; 
} 
 
.page.view-cases-detail-empty .cases-detail-surface { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 position: absolute; 
 top: calc(100vw * 384 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 min-height: calc(100vw * 296 / 375); 
 height: auto; 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 28 / 375); 
 box-sizing: border-box; 
 background: #383838; 
 z-index: 2; 
} 

.page.view-cases-detail-empty .cases-detail-surface__title,
.page.view-cases-detail-empty .cases-detail-surface__desc,
.page.view-cases-detail-empty .cases-detail-surface__meta {
 position: relative;
 top: auto;
 left: auto;
 width: auto;
 height: auto;
 max-width: calc(100vw * 343 / 375);
}
 
.cases-detail-surface__title { 
 width: 100%;
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(14px, calc(100vw * 18 / 375), 18px); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 

.page.view-cases-detail-empty .cases-detail-surface__title--long {
 font-size: clamp(12px, calc(100vw * 15 / 375), 16px);
 line-height: 1.15;
}
 
.cases-detail-surface__desc { 
 width: 100%;
 margin: calc(100vw * 12 / 375) 0 0;
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #ffffff; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
 white-space: pre-line; 
} 
 
.cases-detail-surface__meta { 
 width: 100%;
 margin: calc(100vw * 10 / 375) 0 0;
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 14px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #ffffff; 
 white-space: normal;
 word-break: break-word;
} 

.cases-detail-surface__meta--budget {
 margin-top: calc(100vw * 16 / 375);
}
 
.cases-detail-surface__meta-lead { 
 font-weight: 600; 
} 
 
.concepts-empty-gallery { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-gallery {
 display: block;
 position: absolute;
 top: var(
   --concepts-empty-gallery-top,
   calc(100vw * 850 / 375 + var(--concepts-empty-offset, 0px))
 );
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 319 / 375); 
 margin-top: 0; 
 z-index: 2; 
} 
 
.concepts-empty-gallery__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.concepts-empty-gallery__nav { 
 position: absolute; 
 top: calc(100% * 139 / 319); 
 width: calc(100% * 30 / 375); 
 height: calc(100% * 30 / 319); 
 border: 1px solid transparent; 
 background: transparent; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
} 
 
.concepts-empty-gallery__nav--left { 
 left: calc(100% * 16 / 375); 
} 
 
.concepts-empty-gallery__nav--right { 
 left: calc(100% * 317 / 375); 
} 
 
.concepts-empty-gallery__nav img { 
 display: block; 
 width: 132%; 
 height: 132%; 
 margin-left: -16%; 
 margin-top: -16%; 
 object-fit: contain; 
} 
 
.concepts-empty-gallery__pagination { 
 position: absolute; 
 top: calc(100% * 294 / 319); 
 left: 50%; 
 right: auto; 
 transform: translateX(-50%); 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 width: max-content; 
 max-width: calc(100% - calc(100vw * 32 / 375)); 
 z-index: 5; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
.concepts-empty-gallery__dot { 
 display: block; 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 50%; 
 border: 0.53px solid #f5f5f5; 
 background: #f6f6f6; 
 box-sizing: border-box; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
} 
 
.concepts-empty-gallery__dot.is-active { 
 border-color: #383838; 
 background: #383838; 
} 
 
.concepts-empty-photo-card { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-photo-card {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: calc(100vw * 12 / 375);
 position: absolute;
 top: calc(100vw * 1209 / 375 + var(--concepts-empty-offset, 0px));
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 255 / 375); 
 height: calc(100vw * 255 / 375); 
 margin-top: 0; 
 margin-left: 0; 
 padding: calc(100vw * 48 / 375) calc(100vw * 20 / 375) calc(100vw * 28 / 375);
 border-radius: calc(100vw * 20 / 375); 
 border: 1px solid #f2f2f2; 
 overflow: hidden; 
 box-sizing: border-box; 
 z-index: 2; 
} 

.concepts-empty-photo-card__img { 
 position: absolute; 
 top: 0; 
 left: calc(100vw * -52 / 375); 
 width: calc(100vw * 446 / 375); 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 z-index: 0; 
} 

.page.view-concepts-empty .concepts-empty-photo-card::after {
 content: '';
 position: absolute;
 inset: 0;
 z-index: 0;
 background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%);
 pointer-events: none;
}

.concepts-empty-photo-card__title,
.concepts-empty-photo-card__select-btn,
.concepts-empty-photo-card__note,
.concepts-empty-photo-card__select-text,
.concepts-empty-photo-card__select-icon-wrap {
 position: relative;
 z-index: 1;
}

.concepts-empty-photo-card__title { 
 width: 100%;
 max-width: calc(100vw * 280 / 375);
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(18px, calc(100vw * 24 / 375), 28px); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center;
 color: #ffffff; 
} 

.concepts-empty-photo-card__select-btn { 
 display: flex;
 align-items: center;
 justify-content: center;
 width: calc(100vw * 163 / 375);
 max-width: 100%;
 height: calc(100vw * 45 / 375);
 flex-shrink: 0;
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #ffffff; 
 margin: 0; 
 padding: 0 42px; 
 box-sizing: border-box; 
 cursor: pointer;
} 

.concepts-empty-photo-card__select-text { 
 flex: 1;
 width: 100%;
 text-align: center;
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(11px, calc(100vw * 14 / 375), 16px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #383838; 
} 

.concepts-empty-photo-card__select-icon-wrap { 
 position: absolute; 
 top: calc(100vw * 6 / 375);
 right: calc(100vw * 6 / 375);
 left: auto;
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 pointer-events: none;
} 

.concepts-empty-photo-card__select-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 

.concepts-empty-photo-card__note { 
 width: 100%;
 max-width: calc(100vw * 260 / 375);
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 12 / 375), 14px); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
}
 
.concepts-empty-materials-filter-wrap { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-filter-wrap { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 1506 / 375 + var(--concepts-empty-offset, 0px)); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 z-index: 4; 
 box-sizing: border-box; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-filter-wrap .concepts-filters-row { 
 margin: 0; 
 width: 100%; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-filter-wrap .concepts-filter { 
 width: 100%; 
 flex: 1 1 auto; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-dropdown { 
 position: relative; 
 z-index: 40; 
} 
 
.concepts-empty-materials-title { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-title {
 display: block;
 position: absolute;
 top: calc(100vw * 1608 / 375 + var(--concepts-empty-offset, 0px));
 left: calc(100vw * 16 / 375);
 width: calc(100vw * 343 / 375);
 height: auto;
 min-height: calc(100vw * 26 / 375);
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: clamp(18px, calc(100vw * 24 / 375), 28px);
 line-height: 110%;
 letter-spacing: 0;
 text-align: center;
 color: #000000;
 overflow-wrap: anywhere;
 word-break: break-word;
 hyphens: auto;
}

.page.view-concepts-empty .concepts-empty-materials-title--compact {
 font-size: clamp(15px, calc(100vw * 20 / 375), 24px);
 line-height: 115%;
}

.page.view-concepts-empty .concepts-empty-materials-title--long {
 font-size: clamp(13px, calc(100vw * 16 / 375), 20px);
 line-height: 118%;
}

.page.view-concepts-empty .concepts-empty-materials-filter-wrap .concepts-filter__text {
 right: calc(100vw * 44 / 375);
 max-width: calc(100% - 100vw * 64 / 375);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.page.view-concepts-empty .concepts-filter--label-compact .concepts-filter__text {
 font-size: calc(100vw * 12 / 375);
}

.page.view-concepts-empty .concepts-filter--label-long .concepts-filter__text {
 font-size: calc(100vw * 10 / 375);
} 
 
.concepts-empty-materials-carousel { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-materials-carousel {
 display: block;
 position: absolute;
 top: calc(100vw * 1650 / 375 + var(--concepts-empty-offset, 0px) + var(--concepts-empty-materials-title-extra, 0px));
 left: 0; 
 width: 100vw; 
 height: calc(100vw * 268 / 375); 
 margin-top: 0; 
 margin-left: 0; 
 overflow: visible; 
 z-index: 3; 
} 
 
.concepts-empty-materials-carousel__img { 
 position: absolute; 
 display: block; 
 object-fit: cover; 
 border-radius: calc(100vw * 14 / 375); 
 transition: opacity 0.35s ease; 
} 
 
.concepts-empty-materials-carousel__img--left-peek { 
 width: calc(100vw * 144 / 375); 
 height: calc(100vw * 203 / 375); 
 top: 0; 
 left: calc(100vw * -109 / 375); 
} 
 
.concepts-empty-materials-carousel__img--main-left { 
 width: calc(100vw * 144 / 375); 
 height: calc(100vw * 203 / 375); 
 top: 0; 
 left: 0; 
 border: 1px solid #f2f2f2; 
 box-sizing: border-box; 
} 
 
.concepts-empty-materials-carousel__img--main-right { 
 width: calc(100vw * 144 / 375); 
 height: calc(100vw * 203 / 375); 
 top: 0; 
 left: 0; 
 border: 1px solid #f2f2f2; 
 box-sizing: border-box; 
} 
 
.concepts-empty-materials-carousel__img--right-peek { 
 width: calc(100vw * 144 / 375); 
 height: calc(100vw * 203 / 375); 
 top: 0; 
 left: calc(100vw * 347 / 375); 
} 
 
.concepts-empty-materials-carousel__card { 
 position: absolute; 
 top: 0; 
 width: calc(100vw * 144 / 375); 
 height: calc(100vw * 203 / 375); 
} 
 
.concepts-empty-materials-carousel__card--left { 
 left: calc(100vw * 43 / 375); 
} 
.concepts-empty-materials-carousel__card--right { 
 left: calc(100vw * 195 / 375); 
} 
 
.concepts-empty-materials-carousel__nav { 
 position: absolute; 
 top: 50%; 
 width: calc(100vw * 38 / 375); 
 height: calc(100vw * 38 / 375); 
 margin-top: calc(100vw * -19 / 375); 
 border: 1px solid transparent; 
 background: transparent; 
 padding: 0; 
 margin: 0; 
 cursor: pointer; 
} 
 
.concepts-empty-materials-carousel__nav--left { 
 left: calc(100% * 6 / 144); 
} 
.concepts-empty-materials-carousel__nav--right { 
 left: calc(100% * 100 / 144); 
} 
 
.concepts-empty-materials-carousel__nav img { 
 width: 140%; 
 height: 140%; 
 margin-left: -20%; 
 margin-top: -65%; 
 display: block; 
 object-fit: contain; 
} 
 
.concepts-empty-materials-carousel__label { 
 position: absolute; 
 top: calc(100vw * 211 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 2 / 375); 
 box-sizing: border-box; 
 height: auto; 
 min-height: 0; 
 max-height: none; 
 overflow: visible; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(10px, calc(100vw * 11 / 375), 13px); 
 line-height: 130%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 word-wrap: break-word; 
 overflow-wrap: break-word; 
 hyphens: auto; 
} 
 
.concepts-empty-materials-carousel__label--left { 
 left: calc(100vw * 43 / 375); 
 width: calc(100vw * 144 / 375); 
} 
 
.concepts-empty-materials-carousel__label--right { 
 left: calc(100vw * 195 / 375); 
 width: calc(100vw * 144 / 375); 
} 
 
.concepts-empty-cta-section { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-cta-section {
 --concepts-cta-btn-w: min(calc(100vw * 292 / 375), 292px);
 display: block;
 position: absolute;
 top: calc(100vw * 1928 / 375 + var(--concepts-empty-offset, 0px) + var(--concepts-empty-materials-title-extra, 0px));
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 509 / 375); 
 overflow: hidden; 
 z-index: 1; 
} 
 
.concepts-empty-cta-section__full { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
} 
 
.concepts-empty-cta-section__logo { 
 position: absolute; 
 top: calc(100% * 80 / 509); 
 left: calc(100% * 89 / 375); 
 width: calc(100% * 196 / 375); 
 height: calc(100% * 19 / 509); 
 display: block; 
 object-fit: contain; 
} 
 
.concepts-empty-cta-section__btn { 
 position: absolute; 
 left: calc((100vw - var(--concepts-cta-btn-w, calc(100vw * 292 / 375))) / 2); 
 width: var(--concepts-cta-btn-w, calc(100vw * 292 / 375)); 
 min-height: calc(100% * 45 / 509); 
 height: auto; 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #ffffff; 
 padding: calc(100% * 6 / 509) calc(var(--concepts-cta-btn-w, 292px) * 46 / 292) calc(100% * 6 / 509) calc(var(--concepts-cta-btn-w, 292px) * 14 / 292); 
 margin: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
} 
 
.concepts-empty-cta-section__btn--top { top: calc(100% * 119 / 509); } 
.concepts-empty-cta-section__btn--bottom { top: calc(100% * 384 / 509); } 
 
.concepts-empty-cta-section__btn-text { 
 flex: 1 1 auto; 
 min-width: 0; 
 width: 100%; 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(12px, calc(100vw * 14 / 375), 15px); 
 line-height: 1.1; 
 letter-spacing: 0; 
 color: #383838; 
 text-transform: none; 
}

.concepts-empty-cta-section__btn--invest .concepts-empty-cta-section__btn-text {
 font-size: clamp(11px, calc(100vw * 13.5 / 375), 14px);
 line-height: 1.15;
 white-space: nowrap;
 word-break: normal;
 hyphens: none;
 padding: 0 calc(var(--concepts-cta-btn-w, 292px) * 6 / 292);
}

@media (max-width: 360px) {
 .page.view-concepts-empty .concepts-empty-cta-section {
  --concepts-cta-btn-w: calc(100vw - 28px);
 }
 .concepts-empty-cta-section__btn--invest .concepts-empty-cta-section__btn-text {
  font-size: clamp(10px, calc(100vw * 11.5 / 375), 12px);
  white-space: normal;
  word-break: break-word;
 }
} 
 
.concepts-empty-cta-section__btn-icon-wrap { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 right: calc(var(--concepts-cta-btn-w, 292px) * 6 / 292); 
 left: auto; 
 width: calc(var(--concepts-cta-btn-w, 292px) * 33 / 292); 
 height: calc(var(--concepts-cta-btn-w, 292px) * 33 / 292); 
 max-height: calc(100% * 33 / 45); 
 max-width: 33px; 
 border-radius: calc(100vw * 23.29 / 375); 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 pointer-events: none; 
} 
 
.concepts-empty-cta-section__btn-icon { 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: contain; 
} 
 
.concepts-empty-cta-section__line { 
 position: absolute; 
 top: calc(100% * 244 / 509); 
 left: calc(100% * 101 / 375); 
 width: calc(100% * 173 / 375); 
 border-top: 1px solid #ffffff; 
} 
 
.concepts-empty-cta-section__metod { 
 position: absolute; 
 top: calc(100% * 264 / 509); 
 left: calc(100% * 119 / 375); 
 width: calc(100% * 137 / 375); 
 height: calc(100% * 40 / 509); 
 display: block; 
 object-fit: contain; 
} 
 
.concepts-empty-final-btn { 
 display: none; 
} 
 
.page.view-concepts-empty .concepts-empty-final-btn { 
 display: flex; 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 50 / 375); 
 height: auto; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 padding: calc(100vw * 10 / 375) calc(100vw * 14 / 375); 
 margin: 0; 
 box-sizing: border-box; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 letter-spacing: 0; 
 color: #ffffff; 
 z-index: 2; 
} 
 
.page.view-concepts-empty .concepts-empty-final-btn--book {
 top: calc(100vw * 2457 / 375 + var(--concepts-empty-offset, 0px) + var(--concepts-empty-materials-title-extra, 0px));
 background: #383838;
}

.page.view-concepts-empty .concepts-empty-final-btn--more {
 top: calc(100vw * 2517 / 375 + var(--concepts-empty-offset, 0px) + var(--concepts-empty-materials-title-extra, 0px));
 background: #a05035;
}
 
/* Слайдер внутри карточки: 343×268; ::before задаёт высоту по ширине (WebView + absolute img) */ 
.concepts-slider-frame { 
 position: relative; 
 flex-shrink: 0; 
 width: 100%; 
 border-radius: calc(100vw * 20 / 375); 
 border: 1px solid #e6dfd7; 
 background: #ece7e1; 
 overflow: hidden; 
 box-sizing: border-box; 
} 
 
.concepts-slider-frame::before { 
 content: ""; 
 display: block; 
 width: 100%; 
 padding-bottom: calc(100% * 268 / 343); 
} 
 
.concepts-slider-img { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 object-position: center; 
 z-index: 0; 
} 
 
/* Навигация в рамке (стрелки) */ 
.concepts-slider-nav { 
 position: absolute; 
 top: calc(100% * 111 / 268); 
 width: calc(100% * 30 / 343); 
 height: calc(100% * 30 / 268); 
 border: none; 
 border-radius: 999px; 
 background: #ffffff03; 
 -webkit-backdrop-filter: blur(23px); 
 backdrop-filter: blur(23px); 
 padding: 0; 
 margin: 0; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 box-sizing: border-box; 
 z-index: 3; 
} 
 
.concepts-slider-nav--prev { 
 left: calc(100% * 12 / 343); 
} 
 
.concepts-slider-nav--next { 
 right: calc(100% * 12 / 343); 
} 
 
.concepts-slider-nav__icon { 
 width: 140%; 
 height: 140%; 
 margin: -20%; 
 object-fit: cover; 
 display: block; 
} 
 
/* Пагинация внизу рамки: по центру независимо от числа фото */ 
.concepts-slider-pagination { 
 position: absolute; 
 top: calc(100% * 243 / 268); 
 left: 50%; 
 right: auto; 
 transform: translateX(-50%); 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 width: max-content; 
 max-width: calc(100% - calc(100% * 24 / 343)); 
 min-width: 0; 
 overflow: hidden; 
 z-index: 6; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
.concepts-slider-dot { 
 display: block; 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 50%; 
 background: #f6f6f6; 
 border: 0.53px solid #f5f5f5; 
 box-sizing: border-box; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
} 
 
.concepts-slider-dot--wide { 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 50%; 
} 
 
.concepts-slider-dot.is-active,
.concepts-slider-dot--wide.is-active { 
 background: #383838; 
 border-color: #383838; 
} 
 
/* Чипы: глобально top 540, left 28 / 241 → относительно рамки слайдера */ 
.concepts-slider-chip { 
 position: absolute; 
 top: calc(100% * 12 / 268); 
 box-sizing: border-box; 
 z-index: 2; 
 display: flex; 
 align-items: center; 
 padding: 0 calc(100vw * 10 / 375); 
 overflow: hidden; 
} 
 
.concepts-slider-chip--drop { 
 left: calc(100% * 12 / 343); 
 width: calc(100% * 98 / 343); 
 height: calc(100% * 28 / 268); 
 border-radius: calc(100vw * 8 / 375); 
 background: #ffffff; 
 justify-content: center; 
} 
 
.concepts-slider-chip--style { 
 left: auto; 
 right: calc(100% * 12 / 343); 
 width: calc(100% * 112 / 343); 
 height: calc(100% * 28 / 268); 
 border-radius: calc(100vw * 8 / 375); 
 background: #ffffff03; 
 border: 1px solid #ffffff; 
 -webkit-backdrop-filter: blur(23px); 
 backdrop-filter: blur(23px); 
 justify-content: flex-end; 
} 
 
.concepts-slider-chip__label { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(9px, calc(100vw * 11 / 375), 12px); 
 line-height: 100%; 
 letter-spacing: 0; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 max-width: 100%; 
} 
 
.concepts-slider-chip__label--drop { 
 text-align: center; 
 color: #1e1e1e; 
} 
 
.concepts-slider-chip__label--style { 
 text-align: right; 
 color: #ffffff; 
} 
 
.concepts-modernloft { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 margin: calc(100vw * 11 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: clamp(14px, calc(100vw * 17 / 375), 18px); 
 line-height: 1.15; 
 letter-spacing: 0; 
 text-align: left; 
 text-transform: uppercase; 
 display: block; 
 white-space: normal; 
 overflow-wrap: break-word; 
 color: #1e1e1e; 
 opacity: 1; 
 z-index: 5; 
} 
 
.concepts-budget-line { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 margin: calc(100vw * 13 / 375) 0 0; 
 padding: 0; 
 min-height: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-size: clamp(11px, calc(100vw * 13 / 375), 14px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 z-index: 5; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.concepts-budget-line__lead { 
 font-weight: 600; 
} 
 
.concepts-budget-line__value { 
 font-weight: 400; 
} 
 
.concepts-slots { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 margin: calc(100vw * 14 / 375) 0 0; 
 padding: 0; 
 min-height: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(11px, calc(100vw * 12 / 375), 13px); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
 opacity: 0.7; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 z-index: 5; 
} 
 
.concepts-slots-scale { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: calc(100vw * 10 / 375); 
 margin: calc(100vw * 8 / 375) 0 0; 
 z-index: 3; 
} 
 
.concepts-slots-scale__seg { 
 position: absolute; 
 top: 0; 
 height: 100%; 
 border-radius: 42px; 
 background: #ededed; 
 border: 1px solid #d8d8d8; 
 box-sizing: border-box; 
 opacity: 1; 
} 
 
.concepts-slots-scale__seg.is-filled { 
 background: #a05035; 
 border: none; 
} 
 
.concepts-slots-scale__seg--1 { left: 0; width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--2 { left: calc(100% * 35 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--3 { left: calc(100% * 70 / 343); width: calc(100% * 29 / 343); } 
.concepts-slots-scale__seg--4 { left: calc(100% * 104 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--5 { left: calc(100% * 139 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--6 { left: calc(100% * 174 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--7 { left: calc(100% * 209 / 343); width: calc(100% * 29 / 343); } 
.concepts-slots-scale__seg--8 { left: calc(100% * 243 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--9 { left: calc(100% * 278 / 343); width: calc(100% * 30 / 343); } 
.concepts-slots-scale__seg--10 { left: calc(100% * 313 / 343); width: calc(100% * 30 / 343); } 
 
.concepts-card-btn { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto; 
 min-height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 89 / 375); 
 margin: calc(100vw * 16 / 375) 0 0; 
 padding: calc(100vw * 10 / 375) calc(100vw * 14 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14.3 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 -webkit-backdrop-filter: blur(42.903228759765625px); 
 backdrop-filter: blur(42.903228759765625px); 
 cursor: pointer; 
 z-index: 6; 
} 

.concepts-card-btn__text {
 display: block;
 width: 100%;
 max-width: 100%;
 font-family: inherit;
 font-weight: inherit;
 font-size: clamp(8px, calc(100vw * 10.5 / 375), 13px);
 line-height: 1.14;
 letter-spacing: 0;
 text-transform: uppercase;
 text-align: center;
 color: inherit;
 white-space: normal;
 word-break: break-word;
 hyphens: manual;
 hyphenate-limit-chars: 6 4 4;
}

@media (max-width: 380px) {
 .concepts-card-btn--book .concepts-card-btn__text,
 .concepts-empty-surface__book-btn .concepts-card-btn__text,
 .concepts-empty-final-btn--book .concepts-card-btn__text {
  font-size: clamp(7.5px, calc(100vw * 9.8 / 375), 12px);
  line-height: 1.16;
  letter-spacing: -0.01em;
 }
}
 
.concepts-card-btn--book { 
 border: none; 
 background: #383838; 
 color: #ffffff; 
} 
 
.concepts-card-btn--more { 
 margin-top: calc(100vw * 10 / 375); 
 border: 1px solid #000000; 
 background: transparent; 
 color: #000000; 
} 
 
.concepts-note-card { 
 --note-w: min(calc(100vw * 331 / 375), 331px); 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 position: relative; 
 width: var(--note-w); 
 min-height: calc(var(--note-w) * 215 / 331); 
 height: auto; 
 margin-top: calc(100vw * 37 / 375); /* 2076 - (1550 + 489) */ 
 margin-left: calc((100% - var(--note-w)) / 2); 
 margin-bottom: calc(100vw * 18 / 375); 
 border-radius: calc(var(--note-w) * 40 / 331); 
 background: #f7f7f7; 
 opacity: 1; 
 box-sizing: border-box; 
 padding: calc(var(--note-w) * 18 / 331) calc(var(--note-w) * 14 / 331) calc(var(--note-w) * 16 / 331); 
} 
 
.concepts-note-card__text { 
 position: static; 
 width: 100%; 
 height: auto; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 flex: 0 1 auto; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: clamp(14px, calc(var(--note-w) * 18.4 / 331), 18.4px); 
 line-height: 1.22; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #1e1e1e; 
 overflow: visible; 
 word-break: break-word; 
 hyphens: auto; 
}

.concepts-note-card__line { 
 display: block; 
 margin: 0 0 0.55em; 
}

.concepts-note-card__line:last-child { 
 margin-bottom: 0; 
}

.concepts-note-card__line--dark { 
 font-weight: 500; 
 color: #1a1a1a; 
}

.concepts-note-card__accent { 
 color: #b3b3b3; 
 display: inline; 
} 
 
.concepts-note-card__cases-btn { 
 position: static; 
 flex: 0 0 auto; 
 width: calc(var(--note-w) * 241 / 331); 
 min-height: calc(var(--note-w) * 45 / 331); 
 height: auto; 
 border: none; 
 border-radius: calc(var(--note-w) * 40 / 331); 
 background: #a05035; 
 opacity: 1; 
 padding: calc(var(--note-w) * 6 / 331) calc(var(--note-w) * 6 / 331) calc(var(--note-w) * 6 / 331) calc(var(--note-w) * 22 / 331); 
 margin: calc(var(--note-w) * 12 / 331) auto 0; 
 box-sizing: border-box; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(var(--note-w) * 8 / 331); 
} 
 
.concepts-note-card__cases-text { 
 display: block; 
 flex: 1 1 auto; 
 min-width: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: clamp(11px, calc(var(--note-w) * 14 / 331), 14px); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.concepts-note-card__cases-icon-wrap { 
 position: relative; 
 flex: 0 0 auto; 
 height: calc(var(--note-w) * 33 / 331); 
 width: calc(var(--note-w) * 33 / 331); 
 border-radius: 50%; 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden; 
} 
 
.concepts-note-card__cases-icon { 
 width: 72%; 
 height: 72%; 
 display: block; 
 object-fit: contain; 
} 
 
.concepts-self-block { 
 --self-w: 100vw; 
 width: var(--self-w); 
 max-width: var(--self-w); 
 height: calc(var(--self-w) * 728 / 375); 
 margin-top: calc(var(--self-w) * 48 / 375); 
 margin-left: calc(50% - (var(--self-w) / 2)); 
 border-radius: calc(var(--self-w) * 30 / 375); 
 background: #ffffff; 
 opacity: 1; 
 position: relative; 
 box-sizing: border-box; 
 overflow: hidden; 
} 
 
.concepts-self-block__title { 
 position: absolute; 
 top: calc(100% * 40 / 728); 
 left: calc(100% * 16 / 375); 
 width: calc(100% * 343 / 375); 
 min-height: calc(100% * 26 / 728); 
 max-height: calc(100% * 72 / 728); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: clamp(18px, calc(var(--self-w) * 22 / 375), 24px); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
 overflow: hidden; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3; 
 line-clamp: 3; 
} 
 
.concepts-self-block__desc { 
 position: absolute; 
 top: calc(100% * 118 / 728); 
 left: calc(100% * 16 / 375); 
 width: calc(100% * 343 / 375); 
 min-height: calc(100% * 72 / 728); 
 max-height: calc(100% * 120 / 728); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: clamp(10px, calc(var(--self-w) * 12 / 375), 12px); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
 overflow-y: auto; 
 -webkit-overflow-scrolling: touch; 
} 
 
.concepts-self-block__pagination { 
 position: absolute; 
 top: calc(100% * 248 / 728); 
 left: calc(100% * 16 / 375); 
 display: flex; 
 gap: calc(var(--self-w) * 6 / 375); 
} 
 
.concepts-self-block__dot { 
 width: calc(var(--self-w) * 34 / 375); 
 height: calc(var(--self-w) * 11 / 375); 
 border-radius: calc(var(--self-w) * 42 / 375); 
 border: 1px solid #f2f2f2; 
 background: #fafafa; 
 box-sizing: border-box; 
} 
 
.concepts-self-block__dot--active { 
 background: #a05035; 
 border-color: #a05035; 
} 
 
.concepts-self-block__slider { 
 position: absolute; 
 top: calc(100% * 275 / 728); 
 left: calc(100% * 16 / 375); 
 width: calc(100% * 359 / 375); 
 height: calc(100% * 356 / 728); 
 overflow: hidden; 
} 
 
.concepts-self-block__track { 
 display: flex; 
 align-items: flex-start; 
 gap: calc(var(--self-w) * 11 / 375); 
 transition: transform 0.25s ease; 
 will-change: transform; 
} 
 
/* Активный слайд (макет 375): 263×290, рамка 1px; неактивный: 264×356, radius 20, border 0.63px */ 
.concepts-self-block__slide { 
 position: relative; 
 flex: 0 0 auto; 
 box-sizing: border-box; 
} 
 
.concepts-self-block__slide--main { 
 width: calc(var(--self-w) * 263 / 375); 
 height: calc(var(--self-w) * 290 / 375); 
} 
 
.concepts-self-block__slide--main .concepts-self-block__image-frame { 
 width: 100%; 
 height: 100%; 
 border: 1px solid #e6dfd7; 
 border-radius: calc(var(--self-w) * 12 / 375); 
 box-sizing: border-box; 
 overflow: hidden; 
 position: relative; 
} 
 
.concepts-self-block__slide--next { 
 width: calc(var(--self-w) * 264 / 375); 
 height: calc(var(--self-w) * 356 / 375); 
 border-radius: calc(var(--self-w) * 20 / 375); 
 border: 0.63px solid #e6dfd7; 
 overflow: hidden; 
 box-sizing: border-box; 
} 
 
.concepts-self-block__slide--next .concepts-self-block__image-frame { 
 width: 100%; 
 height: 100%; 
 border: none; 
 border-radius: 0; 
 box-sizing: border-box; 
 overflow: hidden; 
} 
 
.concepts-self-block__image-frame { 
 box-sizing: border-box; 
 position: relative; 
} 
 
.concepts-self-block__image { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
 transition: opacity 0.2s ease; 
} 
 
.concepts-self-block__floating-btn { 
 position: absolute; 
 top: calc(var(--self-w) * 236 / 375); 
 left: calc(var(--self-w) * 210 / 375); 
 width: calc(var(--self-w) * 53 / 375); 
 height: calc(var(--self-w) * 53 / 375); 
 border-radius: 50%; 
 border: 1px solid #f2f2f2; 
 background: #ffffff; 
 padding: 0; 
 margin: 0; 
 display: none; 
 align-items: center; 
 justify-content: center; 
 box-sizing: border-box; 
 z-index: 3; 
 cursor: pointer; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.concepts-self-block__slide--main .concepts-self-block__floating-btn { 
 display: flex; 
} 
 
.concepts-self-block__floating-btn img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 display: block; 
} 
 
.concepts-self-block__slide-title { 
 position: absolute; 
 left: 0; 
 top: 100%; 
 width: 100%; 
 max-width: 100%; 
 min-height: calc(var(--self-w) * 17 / 375); 
 height: auto; 
 max-height: calc(var(--self-w) * 44 / 375); 
 margin: calc(var(--self-w) * 8 / 375) 0 0; 
 padding: 0 calc(var(--self-w) * 4 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: clamp(11px, calc(var(--self-w) * 13 / 375), 15px); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
 overflow: hidden; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3; 
 line-clamp: 3; 
 box-sizing: border-box; 
 z-index: 5; 
}

.concepts-self-block__slide-title--compact {
 font-size: clamp(10px, calc(var(--self-w) * 11 / 375), 13px);
 line-clamp: 4;
 -webkit-line-clamp: 4;
}

.concepts-self-block__slide-title--long {
 font-size: clamp(9px, calc(var(--self-w) * 10 / 375), 12px);
 line-height: 118%;
 line-clamp: 4;
 -webkit-line-clamp: 4;
} 
 
.concepts-self-block__switches { 
 position: absolute; 
 top: calc(100% * 628 / 728); 
 left: calc(100% * 60 / 375); 
 width: calc(100% * 175 / 375); 
 display: flex; 
 justify-content: space-between; 
 gap: calc(var(--self-w) * 7 / 375); 
 z-index: 5; 
} 
 
.concepts-self-block__switch { 
 width: calc(100% * 84 / 175); 
 height: calc(var(--self-w) * 27 / 375); 
 border-radius: calc(var(--self-w) * 27 / 375); 
 border: 0.61px solid #fafafa; 
 background: #fafafa; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
 flex-shrink: 0; 
} 
 
.concepts-self-block__switch--active { 
 background: #383838; 
 border-color: #383838; 
} 
 
.concepts-self-block__switch-icon { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 100%; 
 height: 100%; 
 color: #202020; 
 pointer-events: none; 
} 
 
.concepts-self-block__switch-icon svg { 
 display: block; 
 width: 60px; 
 max-width: min(60px, 85%); 
 height: 12px; 
 min-width: 52px; 
 min-height: 10px; 
 flex-shrink: 0; 
} 
 
.concepts-self-block__switch--next .concepts-self-block__switch-icon svg { 
 transform: rotate(180deg); 
} 
 
.concepts-self-block__switch--active .concepts-self-block__switch-icon { 
 color: #f0ebe5; 
} 
 
.concepts-self-block__try-btn { 
 position: absolute; 
 top: calc(100% * 668 / 728); 
 left: calc(100% * 16 / 375); 
 width: calc(100% * 171 / 375); 
 height: calc(100% * 45 / 728); 
 border: none; 
 border-radius: calc(var(--self-w) * 40 / 375); 
 background: #a05035; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 z-index: 5; 
} 
 
.concepts-self-block__try-text { 
 position: absolute; 
 top: calc(100% * 15 / 45); 
 left: calc(100% * 22 / 171); 
 width: calc(100% * 98 / 171); 
 height: calc(100% * 14 / 45); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(var(--self-w) * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
 white-space: nowrap; 
} 
 
.concepts-self-block__try-icon-wrap { 
 position: absolute; 
 top: calc(100% * 6 / 45); 
 left: calc(100% * 132 / 171); 
 width: calc(100% * 33 / 171); 
 height: calc(100% * 33 / 45); 
 border-radius: calc(var(--self-w) * 23.29 / 375); 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.concepts-self-block__try-icon { 
 width: 62%; 
 height: 62%; 
 object-fit: contain; 
 display: block; 
} 
 
.page.view-packages--concepts { 
 background: #f7f7f7 !important; 
} 
 
/* если остался фон от режима ПАКЕТЫ — отключаем его в КОНЦЕПЦИИ */ 
.page.view-packages.view-packages--concepts::before { 
 display: none !important; 
} 
 
/* METOD REMONTA: «Назад» поверх шапки (иконка слева от текста, текст с left 42px в макете 375) */ 
.packages-metod-back { 
 display: none; 
 position: absolute; 
 z-index: 12; 
 top: calc(100vw * 54 / 375); 
 left: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: transparent; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 box-sizing: border-box; 
 font: inherit; 
 color: inherit; 
} 
 
.page.view-packages--metod .packages-metod-back { 
 display: inline-flex; 
 flex-direction: row; 
} 
 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) .packages-metod-back { 
 display: inline-flex; 
 flex-direction: row; 
} 
 
.page.view-packages--concepts .packages-metod-back { 
 display: inline-flex; 
 flex-direction: row; 
} 
 
.page:is(.view-cases-empty, .view-cases-detail-empty, .view-about) .packages-metod-back { 
 display: inline-flex; 
 flex-direction: row; 
} 
 
.page:is( 
 .view-calculator, 
 .view-calculator-start, 
 .view-calculator-result, 
 .view-calculator-result-next, 
 .view-calculator-result-turnkey, 
 .view-calculator-result-turnkey-result, 
 .view-calculator-result-turnkey-replan-yes, 
 .view-calculator-result-turnkey-replan-da, 
 .view-calculator-result-turnkey-bought-no-repair, 
 .view-calculator-result-turnkey-not-bought, 
 .view-company-resources 
) .packages-metod-back { 
 display: inline-flex; 
 flex-direction: row; 
 pointer-events: auto; 
} 
 
.packages-metod-back__icon { 
 width: calc(100vw * 18 / 375); 
 height: calc(100vw * 18 / 375); 
 flex-shrink: 0; 
 display: block; 
 object-fit: contain; 
} 
 
.packages-metod-back__label { 
 width: calc(100vw * 42 / 375); 
 min-height: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: left; 
 white-space: nowrap; 
 display: flex; 
 align-items: center; 
} 
 
/* О КОМПАНИИ: «Назад» как на остальных экранах */ 
.page.view-about .packages-metod-back { 
 display: inline-flex !important; 
 opacity: 1; 
 visibility: visible; 
 z-index: 20; 
} 
 
.page.view-about .packages-metod-back__label { 
 color: #ffffff !important; 
 opacity: 1; 
 visibility: visible; 
} 
 
.page.view-about .packages-metod-back__icon { 
 filter: none !important; 
 opacity: 1; 
 visibility: visible; 
} 
 
body.nav-drawer-open .page.view-about .packages-metod-back { 
 pointer-events: none; 
 visibility: hidden !important; 
 opacity: 0 !important; 
 z-index: 0 !important; 
} 
 
/* Блок поверх шапки (макет 375×384): METOD.svg + кнопка */ 
.packages-metod-hero { 
 display: none; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 min-height: 100%; 
 pointer-events: none; 
 z-index: 3; 
} 
.page.view-packages--metod .packages-metod-hero { 
 display: block; 
 pointer-events: auto; 
} 
 
/* 137×40, Top 139, Left 119 */ 
.packages-metod-hero__logo { 
 position: absolute; 
 top: calc(100% * 139 / 384); 
 left: calc(100% * 119 / 375); 
 width: calc(100% * 137 / 375); 
 height: calc(100% * 40 / 384); 
 object-fit: contain; 
 object-position: left top; 
 display: block; 
} 
 
/* 207×45, Top 199, Left 84, Radius 40, #FFF */ 
.packages-metod-hero__btn { 
 position: absolute; 
 top: calc(100% * 199 / 384); 
 left: calc(100% * 84 / 375); 
 width: calc(100% * 207 / 375); 
 height: calc(100% * 45 / 384); 
 padding: 0; 
 margin: 0; 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #ffffff; 
 cursor: pointer; 
 box-sizing: border-box; 
 transition: filter 0.2s ease; 
} 
.packages-metod-hero__btn:hover { 
 filter: brightness(0.97); 
} 
.packages-metod-hero__btn:active { 
 filter: brightness(0.92); 
} 
 
/* Текст: 134×14 зона, Top 15, Left 22, Montserrat 400 14px, #383838 */ 
.packages-metod-hero__btn-text { 
 position: absolute; 
 top: calc(100% * 15 / 45); 
 left: calc(100% * 22 / 207); 
 max-width: calc(100% * 134 / 207); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #383838; 
 white-space: nowrap; 
} 
 
/* Frame_2.png: 33×33, Top 6, Left 168, Radius 23.29 */ 
.packages-metod-hero__btn-icon { 
 position: absolute; 
 top: calc(100% * 6 / 45); 
 left: calc(100% * 168 / 207); 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 pointer-events: none; 
} 
.packages-metod-hero__btn-icon-img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 display: block; 
} 
 
.concepts-hero-overlay { 
 display: none; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 z-index: 3; 
 pointer-events: none; 
} 
 
.page.view-packages--concepts .concepts-hero-overlay { 
 display: flex; 
 flex-direction: column; 
 justify-content: flex-end; 
 align-items: flex-start; 
 padding: 0 calc(100vw * 16 / 375) calc(100vw * 24 / 375); 
 box-sizing: border-box; 
} 
 
.page.view-detail .concepts-hero-overlay { 
 display: none !important; 
} 
 
.concepts-hero-overlay__title { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 min-height: 0; 
 margin: 0 0 calc(100vw * 8 / 375) 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 white-space: normal; 
 color: #ffffff; 
} 

.concepts-hero-overlay__subtitle {
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 343 / 375); 
 max-width: 100%; 
 min-height: 0; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #ffffff; 
} 
 
/* Фон на экране ПАКЕТЫ: на всю ширину экрана */ 
.page.view-packages { 
 background: #E3E3E3; 
} 
.page.view-packages::before { 
 content: ''; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: 0; 
 width: 100vw; 
 min-height: 100vh; 
 background: #E3E3E3; 
 z-index: -1; 
} 
 
/* ПАКЕТЫ: высота до низа .packages-banner-img (точнее подстраивает JS после загрузки картинки) */ 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts):not(.view-detail) { 
 --packages-list-top: calc(100vw * 424 / 375); 
 --packages-banner-design-h: calc(100vw * 640 / 375); 
 min-height: calc(var(--packages-list-top) + 479px + 32px + 510px + var(--packages-banner-design-h)); 
} 
 
/* METOD REMONT: отдельный полноширинный фон на всю высоту страницы */ 
.page.view-packages--metod { 
 background: #F2F2F2; 
 --metod-cards-top: calc(100vw * 1170 / 375); 
 --metod-card-h: calc(100vw * 410 / 375); 
 --metod-card-gap: calc(100vw * 16 / 375); 
 --metod-cards-bottom: calc(var(--metod-cards-top) + var(--metod-card-h) * 4 + var(--metod-card-gap) * 3); 
 --metod-after-cards-top: calc(var(--metod-cards-bottom) + var(--metod-card-gap)); 
 --metod-popular-h: calc(100vw * 123 / 375); 
 --metod-popular-extra: 0px; 
 --metod-layout-shift: calc(var(--metod-after-cards-top) - 100vw * 1825 / 375 + var(--metod-popular-extra)); 
 /* Абсолютная вёрстка; сдвиг нижних блоков из‑за колонки из 4 карточек */ 
 min-height: max(100dvh, calc((100vw * 3627 / 375) + 355px + var(--metod-layout-shift))); 
} 
.page.view-packages--metod::before { 
 content: ''; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: 0; 
 width: 100vw; 
 height: 100%; 
 min-height: 100%; 
 background: #F2F2F2; 
 z-index: -1; 
} 
 
/* METOD → «Посмотри наши кейсы»: как экран Адепт после второго «Подробнее» — только бургер, «Назад», Logo_2; без shapka и без контента */ 
.metod-cases-sub-surface { 
 display: none; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open { 
 overflow-x: hidden; 
 overflow-y: auto; 
 background: #f7f7f7 !important; 
 min-height: 100dvh !important; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open::before { 
 background: #f7f7f7 !important; 
} 
 
/* Подэкран «Посмотри наши кейсы»: скрываем только контент METOD/пакетов, не всех детей .page */ 
.page.view-packages--metod.view-metod-cases-sub-open .metod-main-flow, 
.page.view-packages--metod.view-metod-cases-sub-open .packages-blocks-wrap, 
.page.view-packages--metod.view-metod-cases-sub-open .detail-scroll, 
.page.view-packages--metod.view-metod-cases-sub-open .content-main { 
 display: none !important; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .shapka, 
.page.view-packages--metod.view-metod-cases-sub-open .detail-shapka-overlay, 
.page.view-packages--metod.view-metod-cases-sub-open .cases-shapka-overlay, 
.page.view-packages--metod.view-metod-cases-sub-open .concepts-hero-overlay, 
.page.view-packages--metod.view-metod-cases-sub-open .hero-text, 
.page.view-packages--metod.view-metod-cases-sub-open .intro-text, 
.page.view-packages--metod.view-metod-cases-sub-open .cta-btn, 
.page.view-packages--metod.view-metod-cases-sub-open .packages-metod-hero { 
 display: none !important; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .header-wrap { 
 position: relative; 
 z-index: 55; 
 width: 100%; 
 margin-left: 0; 
 min-height: 72px; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .logo-main { 
 display: none !important; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .logo--detail { 
 display: block !important; 
 position: absolute; 
 left: 16px; 
 top: 20px; 
 z-index: 60; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .burger { 
 top: 20px; 
 left: calc(100vw * 335 / 375); 
 right: auto; 
 width: 24px; 
 min-width: 24px; 
 height: 17px; 
 min-height: 17px; 
 z-index: 60; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .burger span { 
 height: 0; 
 background: transparent; 
 border-top: 1.5px solid #000000; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .packages-metod-back { 
 display: inline-flex !important; 
 flex-direction: row; 
 z-index: 60; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .packages-metod-back__label { 
 color: #000000; 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .packages-metod-back__icon { 
 filter: brightness(0); 
} 
 
.page.view-packages--metod.view-metod-cases-sub-open .metod-cases-sub-surface { 
 display: block; 
 position: relative; 
 left: auto; 
 top: auto; 
 width: 100%; 
 min-height: calc(100dvh - 72px); 
 max-height: none; 
 height: auto; 
 box-sizing: border-box; 
 padding-top: 0; 
 background: #f7f7f7; 
 z-index: 1; 
 overflow: visible; 
 pointer-events: auto; 
} 
 
.metod-cases-sub-surface__inner { 
 box-sizing: border-box; 
 padding: 0 0 calc(100vw * 24 / 375); 
 width: 100%; 
 max-width: 100vw; 
 margin: 0 auto; 
} 
 
/* Белая карточка подэкрана METOD-кейсы (макет 375) */ 
.metod-cases-sub-panel { 
 position: relative; 
 width: 100%; 
 max-width: 100%; 
 margin-top: calc(100vw * 18 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 overflow: hidden; 
} 
 
.metod-cases-sub-hero { 
 position: relative; 
 width: calc(100vw * 347 / 375); 
 height: calc(100vw * 218 / 375); 
 margin: calc(100vw * 14 / 375) auto 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
} 
 
.metod-cases-sub-hero__logo { 
 position: absolute; 
 top: calc(100vw * 49 / 375); 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100vw * 98 / 375); 
 height: calc(100vw * 28 / 375); 
 margin: 0; 
 padding: 0; 
 display: block; 
 object-fit: contain; 
 object-position: center; 
} 
 
.metod-cases-sub-hero__lead { 
 position: absolute; 
 top: calc(100vw * 101 / 375); 
 left: calc(100vw * 43 / 375); 
 width: calc(100vw * 262 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-copy { 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 17 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
} 
 
.metod-cases-sub-copy--intro { 
 width: calc(100vw * 296 / 375); 
 min-height: calc(100vw * 114 / 375); 
 margin-top: calc(100vw * 40 / 375); 
} 
 
.metod-cases-sub-copy--intro .metod-cases-sub-copy__muted { 
 color: #808080; 
} 
 
.metod-cases-sub-copy--intro .metod-cases-sub-copy__dark { 
 color: #000000; 
} 
 
.metod-cases-sub-copy--note { 
 width: calc(100vw * 327 / 375); 
 min-height: calc(100vw * 95 / 375); 
 margin-top: calc(100vw * 30 / 375); 
} 
 
.metod-cases-sub-copy--note .metod-cases-sub-copy__body { 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-copy--note .metod-cases-sub-copy__muted { 
 color: #808080; 
} 
 
/* Три превью концепций (макет 375): карточка 343×202, бейдж поверх */ 
.metod-cases-sub-tiles { 
 width: 100%; 
 margin-top: calc(100vw * 40 / 375); 
} 
 
.metod-cases-sub-tile { 
 position: relative; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 202 / 375); 
 margin-left: auto; 
 margin-right: auto; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 background: #f2f2f2; 
} 
 
.metod-cases-sub-tile + .metod-cases-sub-tile { 
 margin-top: calc(100vw * 10 / 375); 
} 
 
.metod-cases-sub-tile__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 object-fit: cover; 
 object-position: center; 
} 
 
.metod-cases-sub-tile__badge { 
 position: absolute; 
 top: calc(100vw * 12 / 375); 
 left: calc(100vw * 12 / 375); 
 height: calc(100vw * 26 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 8 / 375); 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 0 calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-tile__badge--249 { 
 width: calc(100vw * 249 / 375); 
} 
 
.metod-cases-sub-tile__badge--234 { 
 width: calc(100vw * 234 / 375); 
} 
 
.metod-cases-sub-tile__badge--238 { 
 width: calc(100vw * 238 / 375); 
} 
 
.metod-cases-sub-tile__label { 
 margin: 0; 
 padding: 0; 
 max-width: 100%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-section-title { 
 width: calc(100vw * 203 / 375); 
 min-height: calc(100vw * 48 / 375); 
 margin: calc(100vw * 40 / 375) auto 0; 
 margin-bottom: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
/* Блок «Что даёт доступ METOD ремонта»: карточки + иллюстрации (макет 375) */ 
.metod-cases-sub-benefits { 
 width: 100%; 
 margin-top: calc(100vw * 16 / 375); 
 padding-bottom: calc(100vw * 24 / 375); 
} 
 
.metod-cases-sub-benefit-card { 
 width: calc(100vw * 343 / 375); 
 margin-left: auto; 
 margin-right: auto; 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 padding: calc(100vw * 20 / 375) calc(100vw * 16 / 375) calc(100vw * 16 / 375); 
} 
 
.metod-cases-sub-benefit-card__num { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: left; 
 text-transform: uppercase; 
 color: #cccccc; 
} 
 
.metod-cases-sub-benefit-card__title { 
 margin: calc(100vw * 21 / 375) 0 0; 
 padding: 0; 
 max-width: calc(100vw * 310 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 15 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #000000; 
} 
 
.metod-cases-sub-benefit-card__desc { 
 margin: calc(100vw * 12 / 375) 0 0; 
 padding: 0; 
 max-width: calc(100vw * 327 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.metod-cases-sub-benefit-card--h136 { 
 min-height: calc(100vw * 136 / 375); 
} 
 
.metod-cases-sub-benefit-card--h150 { 
 min-height: calc(100vw * 150 / 375); 
} 
 
.metod-cases-sub-benefit-card--h167 { 
 min-height: calc(100vw * 167 / 375); 
} 
 
.metod-cases-sub-benefit-card--h223 { 
 min-height: calc(100vw * 223 / 375); 
} 
 
.metod-cases-sub-illus { 
 display: block; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 194 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 background: #f2f2f2; 
} 
 
.metod-cases-sub-illus__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 object-fit: cover; 
 object-position: center; 
} 
 
.metod-cases-sub-benefits__illus { 
 margin-top: calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-benefits__card { 
 margin-top: calc(100vw * 12 / 375); 
} 
 
/* «Сколько нового вы получаете» + карточка с 11.svg (макет 375) */ 
.metod-cases-sub-updates-heading { 
 width: calc(100vw * 341 / 375); 
 margin: calc(100vw * 40 / 375) 0 0 calc(100vw * 17 / 375); 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.metod-cases-sub-updates { 
 position: relative; 
 width: 100%; 
 height: calc(100vw * 726 / 375); 
 min-height: calc(100vw * 726 / 375); 
 margin-top: calc(100vw * 16 / 375); 
 margin-left: 0; 
 margin-right: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 30 / 375); 
 overflow: hidden; 
 background: #383838; 
} 
 
.metod-cases-sub-updates__bg { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 display: block; 
 object-fit: cover; 
 object-position: center; 
 z-index: 0; 
 pointer-events: none; 
} 
 
.metod-cases-sub-updates__overlay { 
 position: absolute; 
 left: 0; 
 top: 0; 
 z-index: 1; 
 width: 100%; 
 height: 100%; 
 box-sizing: border-box; 
 pointer-events: none; 
} 
 
.metod-cases-sub-updates__overlay .metod-cases-sub-updates__title, 
.metod-cases-sub-updates__overlay .metod-cases-sub-updates__text { 
 pointer-events: auto; 
} 
 
.metod-cases-sub-updates__segment { 
 position: absolute; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 text-align: center; 
 background: transparent; 
 pointer-events: auto; 
} 
 
.metod-cases-sub-updates__segment--1 { 
 top: calc(100vw * 80 / 375); 
 left: calc(100vw * 44 / 375); 
 width: calc(100vw * 288 / 375); 
 height: calc(100vw * 78 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
} 
 
.metod-cases-sub-updates__segment--2 { 
 top: calc(100vw * 318 / 375); 
 left: calc(100vw * 32 / 375); 
 width: calc(100vw * 312 / 375); 
 height: calc(100vw * 84 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 padding: 0 calc(100vw * 4 / 375); 
} 
 
.metod-cases-sub-updates__segment--3 { 
 top: calc(100vw * 562 / 375); 
 left: calc(100vw * 25 / 375); 
 width: calc(100vw * 325 / 375); 
 height: calc(100vw * 84 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 padding: 0 calc(100vw * 4 / 375); 
} 
 
.metod-cases-sub-updates__title { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-updates__text { 
 margin: calc(100vw * 16 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-updates__segment--2 .metod-cases-sub-updates__text, 
.metod-cases-sub-updates__segment--3 .metod-cases-sub-updates__text { 
 margin-top: calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-updates__rule { 
 position: absolute; 
 left: calc(100vw * 101 / 375); 
 width: calc(100vw * 173 / 375); 
 height: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-top: 1px solid #ffffff; 
 opacity: 1; 
} 
 
.metod-cases-sub-updates__overlay > .metod-cases-sub-updates__rule:nth-child(2) { 
 top: calc(100vw * 238 / 375); 
} 
 
.metod-cases-sub-updates__overlay > .metod-cases-sub-updates__rule:nth-child(4) { 
 top: calc(100vw * 482 / 375); 
} 
 
.metod-cases-sub-more { 
 width: 100%; 
 margin: 0; 
 padding: 0 0 calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 background: #f7f7f7; 
 margin-top: calc(100vw * 40 / 375); 
} 
 
.metod-cases-sub-more__title { 
 width: calc(100vw * 333 / 375); 
 min-height: calc(100vw * 48 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-cases-sub-more-card { 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 136 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 padding: calc(100vw * 20 / 375) calc(100vw * 16 / 375) calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
} 
 
.metod-cases-sub-more-card--second { 
 margin-top: calc(100vw * 12 / 375); 
} 
 
.metod-cases-sub-more-card__pill { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin: 0 auto; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 8 / 375); 
 background: #a05035; 
 padding: 0 calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-more-card__pill--partners { 
 width: calc(100vw * 229 / 375); 
 height: calc(100vw * 34 / 375); 
} 
 
.metod-cases-sub-more-card__pill--promo { 
 width: calc(100vw * 212 / 375); 
 height: calc(100vw * 34 / 375); 
} 
 
.metod-cases-sub-more-card__pill-text { 
 display: block; 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.metod-cases-sub-more-card__desc { 
 margin: calc(100vw * 14 / 375) auto 0; 
 padding: 0; 
 max-width: calc(100vw * 285 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-cases-sub-more-card--second .metod-cases-sub-more-card__desc { 
 max-width: calc(100vw * 222 / 375); 
} 
 
/* METOD кейсы: «Зачем вам METOD» + тёмные карточки (макет 375) */ 
.metod-cases-sub-why { 
 width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 background: #f7f7f7; 
} 
 
.metod-cases-sub-why__title { 
 width: calc(100vw * 333 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-cases-sub-why-card { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 91 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 padding: calc(100vw * 20 / 375) calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
} 
 
.metod-cases-sub-why-card + .metod-cases-sub-why-card { 
 margin-top: calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-why-card__text { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-why-card__text--w241 { 
 max-width: calc(100vw * 241 / 375); 
} 
 
.metod-cases-sub-why-card__text--w297 { 
 max-width: calc(100vw * 297 / 375); 
} 
 
/* «Как это работает» — шаги (макет 375) */ 
.metod-cases-sub-how { 
 width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: 0 0 calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 background: #f7f7f7; 
} 
 
.metod-cases-sub-how__title { 
 width: calc(100vw * 333 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-cases-sub-how-step { 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 159 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 padding: calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
} 
 
.metod-cases-sub-how-step + .metod-cases-sub-how-step { 
 margin-top: calc(100vw * 8 / 375); 
} 
 
.metod-cases-sub-how-step__badge { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: calc(100vw * 37 / 375); 
 height: calc(100vw * 37 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 6 / 375); 
 background: #a05035; 
} 
 
.metod-cases-sub-how-step__num { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-how-step__text { 
 margin: calc(100vw * 16 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: left; 
 color: #000000; 
} 
 
.metod-cases-sub-how-step__text--w280 { 
 max-width: calc(100vw * 280 / 375); 
} 
 
.metod-cases-sub-how-step__text--w227 { 
 max-width: calc(100vw * 227 / 375); 
} 
 
.metod-cases-sub-how-step__text--w300 { 
 max-width: calc(100vw * 300 / 375); 
} 
 
/* METOD vs дизайн-проект — сравнение (макет 375) */ 
.metod-cases-sub-compare { 
 width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: 0 0 calc(100vw * 40 / 375); 
 box-sizing: border-box; 
 background: #f7f7f7; 
} 
 
.metod-cases-sub-compare__title { 
 width: calc(100vw * 355 / 375); 
 min-height: calc(100vw * 48 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-cases-sub-compare-card { 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 178 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 padding: calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border: 1px solid #cccccc; 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
} 
 
.metod-cases-sub-compare-card--metod { 
 min-height: calc(100vw * 210 / 375); 
} 
 
.metod-cases-sub-compare-card + .metod-cases-sub-compare-card { 
 margin-top: calc(100vw * 12 / 375); 
} 
 
.metod-cases-sub-compare-card__pill { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 8 / 375); 
 background: #a05035; 
} 
 
.metod-cases-sub-compare-card__pill--design { 
 width: calc(100vw * 152 / 375); 
 height: calc(100vw * 34 / 375); 
} 
 
.metod-cases-sub-compare-card__pill--metod { 
 width: calc(100vw * 155 / 375); 
 height: calc(100vw * 34 / 375); 
} 
 
.metod-cases-sub-compare-card__pill-text { 
 display: block; 
 margin: 0; 
 padding: 0 calc(100vw * 8 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.metod-cases-sub-compare-card__list { 
 list-style: none; 
 margin: calc(100vw * 12 / 375) 0 0; 
 padding: 0; 
 max-width: calc(100vw * 267 / 375); 
 box-sizing: border-box; 
} 
 
.metod-cases-sub-compare-card__list li { 
 position: relative; 
 margin: 0; 
 padding: 0 0 0 calc(100vw * 18 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.metod-cases-sub-compare-card__list li + li { 
 margin-top: calc(100vw * 2 / 375); 
} 
 
.metod-cases-sub-compare-card__list li::before { 
 content: "–"; 
 position: absolute; 
 left: 0; 
} 
 
/* Тарифы — тёмный блок (макет 375) */ 
.metod-cases-sub-tariffs { 
 width: 100%; 
 margin: calc(100vw * 40 / 375) 0 0; 
 padding: calc(100vw * 40 / 375) 0 calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 background: #383838; 
} 
 
.metod-cases-sub-tariff-card + .metod-cases-sub-tariff-card { 
 margin-top: calc(100vw * 10 / 375); 
} 
 
.metod-cases-sub-tariffs__title { 
 width: calc(100vw * 90 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #ffffff; 
} 
 
.metod-cases-sub-tariff-card { 
 width: calc(100vw * 343 / 375); 
 margin: calc(100vw * 16 / 375) auto 0; 
 padding: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 background: #fdfdfd; 
 overflow: hidden; 
} 
 
.metod-cases-sub-tariff-card__sheet { 
 width: 100%; 
 min-height: calc(100vw * 227 / 375); 
 padding: 0 calc(100vw * 14 / 375) calc(100vw * 14 / 375); 
 box-sizing: border-box; 
 background: #ffffff; 
 border-radius: calc(100vw * 20 / 375) calc(100vw * 20 / 375) 0 0; 
} 
 
.metod-cases-sub-tariff-card__price-slab { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 width: calc(100vw * 315 / 375); 
 height: calc(100vw * 140 / 375); 
 margin: calc(100vw * 14 / 375) auto 0; 
 padding: calc(100vw * 16 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 15 / 375); 
 background: #f7f7f7; 
} 
 
.metod-cases-sub-tariff-card__price-slab--tint { 
 background: rgba(160, 80, 53, 0.102); 
} 
 
.metod-cases-sub-tariff-card__period { 
 margin: 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-tariff-card__price { 
 margin: calc(100vw * 46 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: calc(100vw * 26 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-tariff-card__sub { 
 margin: calc(100vw * 8 / 375) 0 0; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-tariff-card__cta { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: calc(100vw * 315 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: calc(100vw * 14 / 375) auto 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 89 / 375); 
 background: #383838; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #ffffff; 
 cursor: pointer; 
} 
 
.metod-cases-sub-tariff-card__disclaimer { 
 margin: calc(100vw * 24 / 375) 0 0; 
 padding: 0 calc(100vw * 24 / 375) calc(100vw * 16 / 375); 
 max-width: calc(100vw * 276 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.metod-cases-sub-tariffs-outro { 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 24 / 375) calc(100vw * 28 / 375) calc(100vw * 40 / 375); 
 box-sizing: border-box; 
 background: #f7f7f7; 
} 
 
.metod-cases-sub-tariffs-outro__text { 
 width: calc(100vw * 320 / 375); 
 max-width: 100%; 
 margin: 0 auto; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 115%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
/* Главная: сетка карточек всегда в потоке под шапкой (даже если в DOM блок стоял ниже). */ 
.page.view-home .content-main { 
 display: grid !important; 
 visibility: visible !important; 
 pointer-events: auto !important; 
} 
.page.view-home .content-main[hidden] { 
 display: none !important; 
} 

/* Карточки главной — сетка в потоке сразу под шапкой; z-index выше оверлея пакетов */ 
.content-main { 
 position: relative; 
 z-index: 2; 
 display: grid; 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
 column-gap: calc(100vw * 11 / 375); 
 row-gap: calc(100vw * 11 / 375); 
 padding: 0 calc(100% * 16 / 375); 
 box-sizing: border-box; 
 /* 40px под баннером в масштабе макета (424 − 384) */ 
 margin-top: calc(100vw * 40 / 375); 
} 
 
/* Экран «ПАКЕТЫ»: блок с белыми карточками должен быть над сеткой карточек главной, 
 иначе клик по «Подробнее» может попасть в .card--3 (КОНЦЕПЦИИ) под кнопкой. */ 
.page.view-packages .content-main { 
 pointer-events: none !important; 
} 
 
/* Обёртка двух белых блоков: flex + gap; фон зазора и под блоками #E3E3E3 */ 
.packages-blocks-wrap { 
 display: none; 
 pointer-events: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 flex-direction: column; 
 gap: 32px; 
 box-sizing: border-box; 
 background: #E3E3E3; 
 z-index: 1; 
} 
.page.view-packages .packages-blocks-wrap { 
 z-index: 4; 
 display: flex !important; 
 pointer-events: auto; 
} 
.page.view-packages:not(.view-packages--metod):not(.view-packages--concepts) .packages-blocks-wrap[hidden] { 
 display: flex !important; 
 visibility: visible !important; 
 pointer-events: auto !important; 
} 
 
/* Для METOD REMONT убираем первый белый блок 375×479 и весь его контент */ 
.page.view-packages--metod .packages-content-box { 
 display: none !important; 
} 
.page.view-packages--metod .packages-white-block, 
.page.view-packages--metod .packages-banner-wrap { 
 display: none !important; 
} 
.page.view-packages--metod .packages-blocks-wrap { 
 display: none !important; 
 pointer-events: none !important; 
} 
 
/* Текстовый блок для METOD REMONT (база 375px: 331×260, top 424, left 22, radius 40) */ 
.metod-info-text { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 331 / 375); 
 height: calc(100vw * 260 / 375); 
 border-radius: calc(100vw * 40 / 375); 
 margin: 0; 
 opacity: 1; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 22 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #000000; 
 z-index: 2; 
} 
.metod-info-text__muted { 
 color: #a7a7a7; 
} 
.page.view-packages--metod .metod-info-text { 
 display: block !important; 
 min-height: calc(100vw * 260 / 375); 
 height: auto; 
 padding: calc(100vw * 14 / 375) calc(100vw * 12 / 375); 
 box-sizing: border-box; 
} 
 
/* METOD: вертикальный поток (текст → кнопка → сетка → подписи → карточки) */ 
.metod-main-flow { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: 0; 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 z-index: 4; 
} 
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: calc(100vw * 28 / 375);
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 visibility: visible; 
 opacity: 1; 
 pointer-events: auto; 
} 
/* После «Интерьерные решения» на .metod-main-flow мог остаться [hidden] — не даём глобальному [hidden] гасить экран METOD */ 
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow[hidden] { 
 display: flex !important; 
 visibility: visible !important; 
} 
.page.view-packages--metod .metod-below-intro { 
 display: flex; 
 flex-direction: column; 
 gap: calc(100vw * 8 / 375); 
 width: 100%; 
} 
.page.view-packages--metod .metod-stats-panel { 
 display: flex; 
 flex-direction: column; 
 gap: calc(100vw * 40 / 375); 
 width: 100vw; 
 margin-left: calc(50% - 50vw); 
 padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 12 / 375); 
 box-sizing: border-box; 
} 
.page.view-packages--metod .metod-stats-copy { 
 display: flex; 
 flex-direction: column; 
 gap: calc(100vw * 16 / 375); 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
} 
 
/* Текст + кнопка в одном потоке: кнопка всегда под абзацем */ 
.metod-intro-stack { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 331 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 z-index: 4; 
} 
.page.view-packages--metod .metod-main-flow .metod-intro-stack { 
 display: flex !important; 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 331 / 375); 
 margin-left: calc(100vw * 22 / 375); 
 flex-direction: column; 
 align-items: stretch; 
 gap: calc(100vw * 20 / 375); 
} 
.page.view-packages--metod .metod-intro-stack .metod-info-text { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: auto !important; 
 min-height: calc(100vw * 260 / 375); 
 margin: 0; 
 text-transform: none; 
} 
.page.view-packages--metod .metod-intro-stack .metod-cases-btn { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: calc(100vw * 241 / 375); 
 align-self: center; 
 flex-shrink: 0; 
} 
 
.metod-cases-btn { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 639 / 375); 
 left: calc(100vw * 67 / 375); 
 width: calc(100vw * 241 / 375); 
 height: calc(100vw * 45 / 375); 
 border: none; 
 border-radius: calc(100vw * 40 / 375); 
 background: #A05035; 
 padding: 0; 
 margin: 0; 
 opacity: 1; 
 cursor: pointer; 
 box-sizing: border-box; 
 z-index: 5; 
} 
.metod-cases-btn__text { 
 position: absolute; 
 top: calc(100vw * 15 / 375); 
 left: calc(100vw * 22 / 375); 
 width: calc(100vw * 167 / 375); 
 height: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #FFFFFF; 
 text-align: left; 
} 
.metod-cases-btn__icon { 
 position: absolute; 
 top: calc(100vw * 6 / 375); 
 left: calc(100vw * 202 / 375); 
 width: calc(100vw * 33 / 375); 
 height: calc(100vw * 33 / 375); 
 border-radius: calc(100vw * 23.29 / 375); 
 background: #ffffff; 
 overflow: hidden; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
.metod-cases-btn__icon-img { 
 position: absolute; 
 top: calc(100vw * 8.09 / 375); 
 left: calc(100vw * 7.94 / 375); 
 width: calc(100vw * 17.43 / 375); 
 height: calc(100vw * 17.11 / 375); 
 display: block; 
} 
.page.view-packages--metod .metod-cases-btn { 
 display: block !important; 
} 
 
.metod-stats-bg { 
 display: none; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: calc(100vw * 724 / 375); 
 width: 100vw; 
 height: calc(100vw * 363 / 375); 
 background: #F2F2F2; 
 z-index: 1; 
} 
.page.view-packages--metod .metod-stats-bg { 
 display: none !important; 
} 
 
.metod-stats-grid { 
 display: none; 
 position: absolute; 
 left: 0; 
 top: calc(100vw * 724 / 375); 
 width: 100vw; 
 z-index: 3; 
} 
.page.view-packages--metod .metod-stats-grid { 
 display: grid !important; 
 position: relative; 
 top: auto; 
 left: auto; 
 grid-template-columns: repeat(2, calc(100vw * 166 / 375)); 
 column-gap: calc(100vw * 11 / 375); 
 row-gap: calc(100vw * 11 / 375); 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: 0 auto; 
 height: auto; 
 min-height: 0; 
 z-index: 1; 
} 
.page.view-packages--metod .metod-stat-card--1, 
.page.view-packages--metod .metod-stat-card--2, 
.page.view-packages--metod .metod-stat-card--3, 
.page.view-packages--metod .metod-stat-card--4 { 
 position: relative; 
 top: auto; 
 left: auto; 
 width: 100%; 
} 
 
.metod-stat-card { 
 position: absolute; 
 width: calc(100vw * 166 / 375); 
 height: calc(100vw * 156 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #383838; 
 opacity: 1; 
} 
.metod-stat-card__value { 
 position: absolute; 
 top: calc(100vw * 48 / 375); 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 28 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #FFFFFF; 
} 
.metod-stat-card__label { 
 position: absolute; 
 top: calc(100vw * 82 / 375); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 26 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 11 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #FFFFFF; 
} 
 
/* Координаты карточек относительно контейнера с top 724 (ряд 1: top 0; ряд 2: +167) */ 
.metod-stat-card--1 { top: 0; left: calc(100vw * 16 / 375); } 
.metod-stat-card--2 { top: 0; left: calc(100vw * 193 / 375); } 
.metod-stat-card--3 { top: calc(100vw * 167 / 375); left: calc(100vw * 16 / 375); } 
.metod-stat-card--4 { top: calc(100vw * 167 / 375); left: calc(100vw * 193 / 375); } 
 
/* Под карточками 3–4: призыв + теглайн (макет 375: 1087 / 1123, left 16) */ 
.metod-stats-lead { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1087 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 241 / 375); 
 height: calc(100vw * 26 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 opacity: 1; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: left; 
 color: #000000; 
 z-index: 4; 
} 
.metod-stats-tagline { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1123 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 259 / 375); 
 min-height: calc(100vw * 30 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 opacity: 1; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: left; 
 color: #000000; 
 z-index: 4; 
} 
.page.view-packages--metod .metod-stats-lead, 
.page.view-packages--metod .metod-stats-tagline { 
 display: block !important; 
 position: relative; 
 top: auto; 
 left: auto; 
 margin: 0; 
} 
.page.view-packages--metod .metod-stats-lead { 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: auto; 
 min-height: calc(100vw * 26 / 375); 
 white-space: nowrap; 
} 
.page.view-packages--metod .metod-stats-tagline { 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 height: auto; 
} 
 
/* Колонка из 4 карточек без анимации */ 
.metod-scroll-stack { 
 display: none; 
 position: absolute; 
 left: 0; 
 top: var(--metod-cards-top, calc(100vw * 1170 / 375)); 
 width: 100vw; 
 z-index: 3; 
 box-sizing: border-box; 
 padding: 0 calc(100vw * 16 / 375); 
 pointer-events: none; 
} 
.page.view-packages--metod .metod-scroll-stack { 
 display: flex !important; 
 position: relative; 
 top: auto; 
 left: auto; 
 flex-direction: column; 
 align-items: stretch; 
 gap: var(--metod-card-gap, calc(100vw * 16 / 375)); 
 width: 100%; 
 margin: calc(100vw * -4 / 375) 0 0; 
 padding: 0 calc(100vw * 16 / 375); 
 box-sizing: border-box; 
} 

/* METOD: карточки растут по тексту из CMS, без обрезки line-clamp */ 
.page.view-packages--metod .metod-scroll-card { 
 height: auto; 
 min-height: calc(100vw * 410 / 375); 
 display: flex; 
 flex-direction: column; 
 padding: calc(100vw * 24 / 375); 
 gap: calc(100vw * 8 / 375); 
} 

.page.view-packages--metod .metod-scroll-card__title { 
 position: static; 
 top: auto; 
 left: auto; 
 width: 100%; 
 min-height: 0; 
 flex-shrink: 0; 
 -webkit-line-clamp: 4; 
 line-clamp: 4; 
} 

.page.view-packages--metod .metod-scroll-card__title--long { 
 font-size: calc(100vw * 16 / 375); 
 -webkit-line-clamp: 6; 
 line-clamp: 6; 
} 

.page.view-packages--metod .metod-scroll-card__text { 
 position: static; 
 top: auto; 
 left: auto; 
 width: 100%; 
 min-height: 0; 
 flex: 0 1 auto; 
 display: block; 
 overflow: visible; 
 -webkit-line-clamp: unset; 
 line-clamp: unset; 
 white-space: normal; 
 overflow-wrap: anywhere; 
 word-break: break-word; 
} 

.page.view-packages--metod .metod-scroll-card__img { 
 position: static; 
 top: auto; 
 left: auto; 
 width: 100%; 
 height: calc(100vw * 196 / 375); 
 margin: calc(100vw * 4 / 375) 0 0; 
 flex-shrink: 0; 
} 
 
.metod-scroll-card { 
 position: relative; 
 left: auto; 
 top: auto; 
 width: 100%; 
 height: var(--metod-card-h, calc(100vw * 410 / 375)); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border-radius: calc(100vw * 20 / 375); 
 border: 1px solid #e3e3e3; 
 background-color: #ffffff; 
 background-clip: padding-box; 
 opacity: 1; 
 overflow: hidden; 
 pointer-events: auto; 
 isolation: isolate; 
 flex-shrink: 0; 
 box-shadow: 0 calc(100vw * 8 / 375) calc(100vw * 24 / 375) rgba(0, 0, 0, 0.08); 
} 
 
.metod-scroll-card__title { 
 position: absolute; 
 top: calc(100vw * 24 / 375); 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 295 / 375); 
 min-height: calc(100vw * 20 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 text-align: left; 
 color: #000000; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
 line-clamp: 2; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.metod-scroll-card__text { 
 position: absolute; 
 top: calc(100vw * 78 / 375); 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 295 / 375); 
 min-height: calc(100vw * 100 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: left; 
 color: #000000; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 6; 
 line-clamp: 6; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.metod-scroll-card__highlight { 
 color: #a7a7a7; 
} 
.metod-scroll-card__img { 
 position: absolute; 
 top: calc(100vw * 190 / 375); 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 295 / 375); 
 height: calc(100vw * 196 / 375); 
 border-radius: calc(100vw * 12 / 375); 
 object-fit: cover; 
 display: block; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 
 
/* Блок карточек до ~1820; popular ниже — макет 375: секция Y=1825, заголовок 1860, подпись 1896 */ 
.metod-popular-section { 
 display: none; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: calc(100vw * 1825 / 375); 
 width: 100vw; 
 height: calc(100vw * 123 / 375); 
 min-height: calc(100vw * 123 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 background: #F7F7F7; 
 z-index: 2; 
} 
.page.view-packages--metod .metod-popular-section { 
 display: block !important; 
 top: var(--metod-after-cards-top); 
} 
.metod-popular-title { 
 position: absolute; 
 top: calc(100vw * 35 / 375); /* 1860 − 1825 */ 
 left: calc(100vw * 33 / 375); 
 width: calc(100vw * 309 / 375); 
 height: calc(100vw * 26 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 white-space: nowrap; 
 color: #000000; 
} 
.metod-popular-lead { 
 position: absolute; 
 top: calc(100vw * 71 / 375); /* 1896 − 1825 */ 
 left: calc(100vw * 59 / 375); 
 width: calc(100vw * 257 / 375); 
 min-height: calc(100vw * 30 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.metod-concept-block { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1948 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 485 / 375); 
 background: transparent; 
 z-index: 2; 
} 
.metod-concept-content { 
 position: relative; 
 width: 100%; 
 height: 100%; 
} 
.metod-section-animatable { 
 transition: opacity 0.28s ease, transform 0.28s ease; 
} 
.metod-section-animatable.slide-left { 
 opacity: 0.2; 
 transform: translateX(-10px); 
} 
.metod-section-animatable.slide-right { 
 opacity: 0.2; 
 transform: translateX(10px); 
} 
.metod-concept-block::before { 
 content: ''; 
 position: absolute; 
 top: 0; 
 left: calc(-50vw + 375px / 2 - 16px); 
 width: 100vw; 
 height: 100%; 
 background: #f7f7f7; 
 z-index: 0; 
} 
.page.view-packages--metod .metod-concept-block { 
 display: block !important; 
 top: calc(var(--metod-after-cards-top) + var(--metod-popular-h)); 
} 
 
 
.page.view-packages--metod .metod-action-btn--primary { 
 top: calc(100vw * 2312 / 375 + var(--metod-layout-shift)); 
} 
 
.page.view-packages--metod .metod-action-btn--secondary { 
 top: calc(100vw * 2365 / 375 + var(--metod-layout-shift)); 
} 
 
.page.view-packages--metod .metod-section-nav-btn { 
 top: calc(100vw * 2426 / 375 + var(--metod-layout-shift)); 
} 
 
.page.view-packages--metod .metod-gap-to-dark { 
 top: calc(100vw * 2433 / 375 + var(--metod-layout-shift)); 
} 
 
.page.view-packages--metod .metod-dark-section { 
 top: calc(100vw * 2473 / 375 + var(--metod-layout-shift)); 
} 
 
.page.view-packages--metod .metod-adapt-section { 
 top: calc(100vw * 3627 / 375 + var(--metod-layout-shift)); 
} 
 
.metod-concept-slider { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 268 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 z-index: 1; 
} 
.metod-concept-slider__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 transition: opacity 0.28s ease; 
} 
.metod-concept-slider__nav { 
 position: absolute; 
 top: calc(100vw * 111 / 375); 
 width: calc(100vw * 30 / 375); 
 height: calc(100vw * 30 / 375); 
 border: none; 
 background: transparent; 
 box-sizing: border-box; 
 padding: 0; 
 margin: 0; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 z-index: 12; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
} 
.metod-concept-slider__nav--left { 
 left: calc(100vw * 12 / 375); 
} 
.metod-concept-slider__nav--right { 
 left: calc(100vw * 289 / 375); 
} 
.metod-concept-slider__nav-icon { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 pointer-events: none; 
} 
 
.metod-concept-pagination { 
 position: absolute; 
 top: calc(100vw * 243 / 375); 
 left: 50%; 
 right: auto; 
 transform: translateX(-50%); 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 width: max-content; 
 max-width: calc(100vw - calc(100vw * 24 / 375)); 
 min-width: 0; 
 z-index: 11; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
.metod-concept-dot { 
 display: block; 
 flex-shrink: 0; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: calc(100vw * 28 / 375); 
 box-sizing: border-box; 
 padding: 0; 
 margin: 0; 
 border: 0.53px solid #f6f6f6; 
 background: #ffffff; 
 pointer-events: auto; 
 cursor: pointer; 
 transition: background-color 0.22s ease, border-color 0.22s ease; 
} 
.metod-concept-dot.is-active { 
 background: #383838; 
 border-color: #383838; 
} 
 
.metod-concept-title-page, 
.metod-concept-budget-page { 
 display: none; 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 margin: 0; 
 color: #1E1E1E; 
 z-index: 20; 
} 
.page.view-packages--metod .metod-concept-title-page, 
.page.view-packages--metod .metod-concept-budget-page { 
 display: block !important; 
} 
.page.view-packages--metod .metod-concept-title-page { 
 top: calc(100vw * 2230 / 375 + var(--metod-layout-shift)); 
 display: -webkit-box !important; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
 line-clamp: 2; 
} 
.page.view-packages--metod .metod-concept-budget-page { 
 top: calc(100vw * 2278 / 375 + var(--metod-layout-shift)); 
} 
.metod-concept-title-page { 
 top: calc(100vw * 2230 / 375); 
 width: calc(100vw * 313 / 375); 
 min-height: calc(100vw * 40 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: left; 
 text-transform: uppercase; 
 white-space: normal; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.metod-concept-budget-page { 
 top: calc(100vw * 2278 / 375); 
 width: calc(100vw * 313 / 375); 
 min-height: calc(100vw * 17 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
 
.metod-action-btn { 
 display: none; 
 position: absolute; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 border-radius: calc(100vw * 89 / 375); 
 padding: 0 21.45px; 
 margin: 0; 
 box-sizing: border-box; 
 border: none; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 cursor: pointer; 
 z-index: 25; 
} 
.page.view-packages--metod .metod-action-btn { 
 display: flex !important; 
 align-items: center; 
 justify-content: center; 
 gap: 14.3px; 
} 
.metod-action-btn--primary { 
 top: calc(100vw * 2312 / 375); 
 background: #383838; 
 color: #FFFFFF; 
} 
.metod-action-btn--secondary { 
 top: calc(100vw * 2365 / 375); 
 background: #FFFFFF; 
 border: 1px solid #000000; 
 color: #000000; 
} 
 
.metod-section-nav-btn { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 2426 / 375); 
 width: 84px; 
 height: 27px; 
 border-radius: 27px; 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 cursor: pointer; 
 border: none; 
 z-index: 26; 
 display: none; 
 align-items: center; 
 justify-content: center; 
 touch-action: manipulation; 
 -webkit-tap-highlight-color: transparent; 
} 
.page.view-packages--metod .metod-section-nav-btn { 
 display: flex !important; 
} 
.metod-section-nav-btn--left { 
 left: 100px; 
} 
.metod-section-nav-btn--right { 
 left: 191px; 
} 
.metod-section-nav-btn.is-active { 
 background: #383838; 
 border: 1px solid #383838; 
} 
.metod-section-nav-btn:not(.is-active) { 
 background: #FAFAFA; 
 border: 0.61px solid #FAFAFA; 
} 
.metod-section-nav-btn__icon { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 100%; 
 height: 100%; 
 min-height: 0; 
 color: #202020; 
} 
.metod-section-nav-btn__icon svg { 
 display: block; 
 width: 60px; 
 max-width: min(60px, 85%); 
 height: 12px; 
 min-width: 52px; 
 min-height: 10px; 
 flex-shrink: 0; 
} 
.metod-section-nav-btn--right .metod-section-nav-btn__icon svg { 
 transform: rotate(180deg); 
} 
.metod-section-nav-btn.is-active .metod-section-nav-btn__icon { 
 color: #F0EBE5; 
} 
.metod-section-nav-btn:not(.is-active) .metod-section-nav-btn__icon { 
 color: #202020; 
} 
 
.metod-dark-section { 
 display: none; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: calc(100vw * 2473 / 375); 
 width: 100vw; 
 height: calc(100vw * 1114 / 375); 
 background: #383838; 
 z-index: 2; 
} 
.page.view-packages--metod .metod-dark-section { 
 display: block !important; 
} 
 
.metod-gap-to-dark { 
 display: none; 
 position: absolute; 
 left: calc(50% - 50vw); 
 top: calc(100vw * 2433 / 375); /* 2406 + 27 */ 
 width: 100vw; 
 height: calc(100vw * 40 / 375); /* 2473 - 2433 */ 
 background: #F2F2F2; 
 z-index: 2; 
} 
.page.view-packages--metod .metod-gap-to-dark { 
 display: block !important; 
} 

.metod-partners-section {
 display: none;
 box-sizing: border-box;
}

.page.view-packages--metod .metod-partners-section {
 display: block;
}

.metod-partners-section__title {
 margin: 0;
 padding: 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: calc(100vw * 20 / 375);
 line-height: 110%;
 letter-spacing: 0;
 text-align: center;
 color: #000000;
}

.metod-partners-section__cards {
 display: flex;
 flex-direction: column;
 gap: calc(100vw * 12 / 375);
 width: 100%;
}

.metod-partners-card {
 width: 100%;
 padding: calc(100vw * 20 / 375) calc(100vw * 16 / 375);
 box-sizing: border-box;
 border: 1px solid #cccccc;
 border-radius: calc(100vw * 20 / 375);
 background: #ffffff;
 text-align: center;
}

.metod-partners-card__value {
 margin: 0 0 calc(100vw * 8 / 375);
 padding: 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: calc(100vw * 14 / 375);
 line-height: 110%;
 letter-spacing: 0;
 color: #000000;
}

.metod-partners-card__label {
 margin: 0;
 padding: 0;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: calc(100vw * 12 / 375);
 line-height: 115%;
 letter-spacing: 0;
 color: #000000;
}

.metod-partners-section__cta {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 margin: 0;
 padding: calc(100vw * 12 / 375) calc(100vw * 20 / 375);
 box-sizing: border-box;
 border: none;
 border-radius: calc(100vw * 89 / 375);
 background: #a05035;
 font-family: 'Montserrat', sans-serif;
 font-weight: 500;
 font-style: normal;
 font-size: calc(100vw * 14 / 375);
 line-height: 115%;
 letter-spacing: 0;
 text-align: center;
 color: #ffffff;
 cursor: pointer;
 touch-action: manipulation;
 -webkit-tap-highlight-color: transparent;
}
 
.metod-dark-title { 
 position: absolute; 
 top: calc(100vw * 40 / 375); 
 left: calc(50% - 99px / 2); 
 width: 99px; 
 height: 26px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 24px; 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #FFFFFF; 
} 
 
.metod-tariff-card { 
 position: absolute; 
 top: calc(100vw * 83 / 375); 
 left: calc((100vw - 375px) / 2 + 16px); 
 width: 343px; 
 height: 317px; 
 border-radius: 20px; 
 background: #F7F7F7; 
 overflow: hidden; 
} 
 
.metod-tariff-top { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 343px; 
 height: 227px; 
 border-radius: 20px; 
 background: #FDFDFD; 
} 
 
.metod-tariff-inner { 
 position: absolute; 
 top: 14px; 
 left: 14px; 
 width: 315px; 
 height: 140px; 
 border-radius: 15px; 
 background: #F7F7F7; 
} 
 
.metod-tariff-period { 
 position: absolute; 
 top: 16px; 
 left: 16px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1E1E1E; 
} 
 
.metod-tariff-price { 
 position: absolute; 
 top: 70px; 
 left: 16px; 
 width: auto; 
 min-width: 120px; 
 min-height: 26px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-size: 26px; 
 line-height: 1; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1E1E1E; 
 white-space: nowrap; 
} 
 
.metod-tariff-price-sub { 
 position: absolute; 
 top: 104px; 
 left: 16px; 
 width: auto; 
 min-width: 140px; 
 min-height: 14px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1E1E1E; 
 white-space: nowrap; 
} 
 
.metod-tariff-book-btn { 
 position: absolute; 
 top: 168px; 
 left: 14px; 
 width: 315px; 
 height: 45px; 
 border: none; 
 border-radius: 89px; 
 padding: 0 21.45px; 
 margin: 0; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 14.3px; 
 background: #383838; 
 color: #FFFFFF; 
 cursor: pointer; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
} 
 
.metod-tariff-desc { 
 position: absolute; 
 top: 227px; 
 left: 0; 
 width: 343px; 
 min-height: calc(317px - 227px); 
 box-sizing: border-box; 
 margin: 0; 
 padding: 14px 24px 16px; 
 background: #F7F7F7; 
 border-radius: 0 0 20px 20px; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1E1E1E; 
} 
 
/* Вторая карточка тарифа (под первой) */ 
.metod-tariff-card--2 { 
 top: calc(100vw * 410 / 375); 
 background: #FDFDFD; 
} 
 
.metod-tariff-card--2 .metod-tariff-top { 
 background: #ffffff; 
 z-index: 1; 
} 
 
.metod-tariff-card--2 .metod-tariff-inner { 
 background: #a050351a; 
} 
 
/* Нижняя полоса #F7F7F7 на всю ширину карточки */ 
.metod-tariff-card--2::after { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 227px; 
 width: 343px; 
 height: calc(317px - 227px); 
 background: #f7f7f7; 
 border-radius: 0 0 20px 20px; 
 z-index: 0; 
 pointer-events: none; 
} 
 
/* Описание: 276×42, top 251px, left 24px от карточки */ 
.metod-tariff-card--2 .metod-tariff-desc--2 { 
 position: absolute; 
 z-index: 1; 
 top: 251px; 
 left: 24px; 
 width: 276px; 
 min-height: 42px; 
 height: auto; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 background: transparent; 
 border-radius: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
/* Третья карточка тарифа (под второй) */ 
.metod-tariff-card--3 { 
 top: calc(100vw * 737 / 375); 
 background: #fdfdfd; 
} 
 
.metod-tariff-card--3 .metod-tariff-top { 
 background: #ffffff; 
} 
 
.metod-tariff-card--3 .metod-tariff-inner { 
 background: #f7f7f7; 
} 
 
.metod-adapt-section { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 3627 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 min-height: calc(100vw * 355 / 375); 
 height: auto; 
 z-index: 2; 
 box-sizing: border-box; 
 overflow: hidden; 
} 

.page.view-packages--metod .metod-adapt-section { 
 display: block; 
} 

.metod-adapt-bg { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
 pointer-events: none; 
} 

.metod-adapt-section__content { 
 position: relative; 
 z-index: 1; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: flex-start; 
 box-sizing: border-box; 
 width: 100%; 
 min-height: calc(100vw * 355 / 375); 
 padding: calc(100vw * 70 / 375) calc(100vw * 16 / 375) calc(100vw * 22 / 375); 
 gap: calc(100vw * 10 / 375); 
} 

.metod-adapt-title,
.metod-adapt-subtitle,
.metod-adapt-desc { 
 position: static; 
 top: auto; 
 left: auto; 
 right: auto; 
 transform: none; 
 width: min(100%, calc(100vw * 290 / 375)); 
 max-width: 290px; 
 height: auto; 
 min-height: 0; 
 margin: 0; 
 text-align: center; 
 color: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
} 

.metod-adapt-title { 
 font-size: calc(100vw * 28 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 width: auto; 
 max-width: none; 
} 

.metod-adapt-subtitle { 
 font-size: calc(100vw * 16 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
} 

.metod-adapt-desc { 
 font-size: calc(100vw * 12 / 375); 
 line-height: 140%; 
 letter-spacing: 0; 
} 

.metod-adapt-more-btn { 
 position: static; 
 top: auto; 
 left: auto; 
 transform: none; 
 flex-shrink: 0; 
 width: min(calc(100vw * 343 / 375), calc(100vw - 32px)); 
 max-width: 343px; 
 height: calc(100vw * 45 / 375); 
 min-height: calc(100vw * 45 / 375); 
 margin: calc(100vw * 4 / 375) 0 0; 
 box-sizing: border-box; 
 border: 1px solid #ffffff; 
 border-radius: calc(100vw * 84 / 375); 
 background: transparent; 
 padding: 0 calc(100vw * 21 / 375); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #ffffff; 
 cursor: pointer; 
} 
 
/* Экран «Подробнее»: страница на всю ширину вьюпорта (иначе .page 375px ломает calc(50% - 50vw) у белого блока) */ 
.page.view-detail { 
 width: 100%; 
 max-width: none; 
 margin: 0; 
 zoom: 1; 
 min-height: calc(100vw * 4131 / 375); 
 min-height: max(100dvh, calc(100vw * 4131 / 375)); 
 background: #f2f2f2; 
} 
.page.view-detail.view-packages::before, 
.page.view-detail.view-packages--metod::before { 
 background: #f2f2f2 !important; 
 min-height: 100vh; 
 min-height: 100dvh; 
} 
 
/* «Подробнее»: только шапка (shapka_4) + лого и бургер; остальное скрыто */ 
.page.view-detail .hero-text, 
.page.view-detail .intro-text, 
.page.view-detail .cta-btn, 
.page.view-detail .packages-hero-copy, 
.page.view-detail .packages-hero-text, 
.page.view-detail .packages-subtext, 
.page.view-detail .packages-metod-hero, 
.page.view-detail .packages-blocks-wrap, 
.page.view-detail .content-main { 
 display: none !important; 
} 
.page.view-detail .logo--detail { 
 cursor: pointer; 
} 
 
.page.view-detail .metod-info-text, 
.page.view-detail .metod-cases-btn, 
.page.view-detail .metod-stats-bg, 
.page.view-detail .metod-stats-grid, 
.page.view-detail .metod-stats-lead, 
.page.view-detail .metod-stats-tagline, 
.page.view-detail .metod-scroll-stack-spacer, 
.page.view-detail .metod-scroll-stack, 
.page.view-detail .metod-popular-section, 
.page.view-detail .metod-concept-block, 
.page.view-detail .metod-concept-title-page, 
.page.view-detail .metod-concept-budget-page, 
.page.view-detail .metod-action-btn, 
.page.view-detail .metod-section-nav-btn, 
.page.view-detail .metod-partners-section, 
.page.view-detail .metod-gap-to-dark, 
.page.view-detail .metod-dark-section, 
.page.view-detail .metod-adapt-section { 
 display: none !important; 
} 
 
/* «Подробнее»: блок под картинкой (база 375px) */ 
.detail-adept-block { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 424 / 375); 
 left: calc(100vw * 29 / 375); 
 width: calc(100vw * 317 / 375); 
 min-height: calc(100vw * 150 / 375); 
 box-sizing: border-box; 
 padding: 0; 
 background: transparent; 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-block { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.detail-adept-block__text { 
 margin: 0; 
 width: 100%; 
 max-width: 100%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: italic; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #1e1e1e; 
} 
 
/* «Подробнее»: белая карточка «Что конкретно вы получаете» (база 375px) */ 
.detail-what-you-get { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 614 / 375); 
 left: 0; 
 right: 0; 
 width: 100%; 
 height: calc(100vw * 391 / 375); 
 box-sizing: border-box; 
 border-radius: calc(100vw * 30 / 375); 
 background: #ffffff; 
 z-index: 1; 
 overflow: hidden; 
} 
 
.page.view-detail .detail-what-you-get { 
 display: block; 
} 
 
.detail-what-you-get__title { 
 position: absolute; 
 top: calc(100vw * 30 / 375); 
 left: calc(100vw * 50 / 375); 
 width: calc(100vw * 275 / 375); 
 min-height: calc(100vw * 52 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
/* Слайдер ADEPT: рамка + подпись поверх (подпись — координаты от этой обёртки 343×237) */ 
.detail-adept-slider { 
 position: absolute; 
 top: calc(100vw * 99 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 237 / 375); 
 z-index: 0; 
 overflow: visible; 
} 
 
.detail-adept-slider__frame { 
 position: absolute; 
 inset: 0; 
 box-sizing: border-box; 
 border: 1px solid #e3e3e3; 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 background: #f2f2f2; 
 z-index: 0; 
} 

.detail-adept-slider__frame::after { 
 content: ''; 
 position: absolute; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 height: 48%; 
 border-radius: 0 0 calc(100vw * 19 / 375) calc(100vw * 19 / 375); 
 background: linear-gradient( 
   180deg, 
   rgba(255, 255, 255, 0) 0%, 
   rgba(255, 255, 255, 0.45) 45%, 
   rgba(255, 255, 255, 0.82) 100% 
 ); 
 pointer-events: none; 
 z-index: 1; 
} 
 
.detail-adept-slider__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 transition: opacity 0.15s ease; 
} 
 
.detail-adept-slider__caption { 
 position: absolute; 
 margin: 0; 
 padding: calc(100vw * 2 / 375) calc(100vw * 4 / 375); 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-style: normal; 
 font-size: clamp(11px, calc(100vw * 15 / 375), 16px); 
 line-height: 1.28; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 background: transparent; 
 opacity: 1; 
 z-index: 2; 
 pointer-events: none; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: visible; 
 height: auto; 
 min-height: calc(100vw * 20 / 375); 
 text-shadow: none; 
 -webkit-text-stroke: 0; 
} 

.detail-adept-slider__caption--theme-light { 
 color: #ffffff; 
 text-shadow: none; 
} 

.detail-adept-slider__caption--theme-dark { 
 color: #0a0a0a; 
 text-shadow: none; 
} 

.detail-adept-slider__caption--theme-gray { 
 color: #3a3a3a; 
 text-shadow: none; 
 background: rgba(255, 255, 255, 0.92); 
 backdrop-filter: blur(8px); 
 -webkit-backdrop-filter: blur(8px); 
 border-radius: calc(100vw * 10 / 375); 
 padding: calc(100vw * 7 / 375) calc(100vw * 12 / 375); 
 box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12); 
} 
 
/* Подпись поверх слайда — координаты из макета 375px, относительно .detail-adept-slider */ 
.detail-adept-slider__caption--slide-1 { 
 top: calc(100vw * 188 / 375); 
 left: calc(100vw * 72 / 375); 
 width: calc(100vw * 231 / 375); 
 max-width: calc(100% - 24px); 
} 
 
.detail-adept-slider__caption--slide-2 { 
 top: calc(100vw * 188 / 375); 
 left: calc(100vw * 36 / 375); 
 width: calc(100vw * 271 / 375); 
 max-width: calc(100% - 24px); 
} 
 
.detail-adept-slider__caption--slide-3 { 
 top: calc(100vw * 180 / 375); 
 left: calc(100vw * 20 / 375); 
 width: calc(100vw * 303 / 375); 
 max-width: calc(100% - 20px); 
 font-size: clamp(10px, calc(100vw * 13.5 / 375), 15px); 
 line-height: 1.32; 
} 
 
.detail-adept-slider__caption--slide-4 { 
 top: calc(100vw * 168 / 375); 
 left: calc(100vw * 48 / 375); 
 width: calc(100vw * 247 / 375); 
 max-width: calc(100% - 24px); 
 flex-direction: column; 
 justify-content: center; 
 gap: calc(100vw * 2 / 375); 
} 
 
.detail-adept-slider__caption--slide-4 span { 
 display: block; 
 text-align: center; 
 white-space: normal; 
} 

.detail-adept-slider__caption--hidden { 
 display: none !important; 
 visibility: hidden; 
} 

/* Переключалки: координаты от обёртки слайдера 343×237; без подложки — видна только PNG */
.detail-adept-slider__nav { 
 position: absolute; 
 top: calc(100vw * 98 / 375); 
 width: calc(100vw * 30 / 375); 
 height: calc(100vw * 30 / 375); 
 padding: 0; 
 margin: 0; 
 box-sizing: border-box; 
 border: none; 
 border-radius: 50%; 
 background: transparent; 
 box-shadow: none; 
 cursor: pointer; 
 z-index: 3; 
 -webkit-tap-highlight-color: transparent; 
 overflow: hidden; 
 line-height: 0; 
} 
 
.detail-adept-slider__nav--prev { 
 left: calc(100vw * 15 / 375); 
} 
 
.detail-adept-slider__nav--next { 
 left: calc(100vw * 285 / 375); 
} 
 
/* left.svg / right.svg — полная кнопка в файле (круг + стрелка), вписываем в 30×30 */ 
.detail-adept-slider__nav-icon { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 border: 0; 
 object-fit: contain; 
 object-position: center; 
 pointer-events: none; 
 display: block; 
 border-radius: 50%; 
} 
 
/* Пагинация под слайдером: top 352, left 150 (от белого блока) */ 
.detail-adept-slider__pagination { 
 position: absolute; 
 top: calc(100vw * 253 / 375); 
 left: calc(100vw * 134 / 375); 
 width: calc(100vw * 76 / 375); 
 height: calc(100vw * 9 / 375); 
 display: flex; 
 align-items: center; 
 gap: calc(100vw * 4 / 375); 
 z-index: 6; 
 pointer-events: none; 
} 
 
.detail-adept-slider__dot { 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 9 / 375); 
 border-radius: 28px; 
 box-sizing: border-box; 
 border: 0.53px solid #f6f6f6; 
 background: #f6f6f6; 
 transition: background-color 0.2s ease, border-color 0.2s ease; 
} 
 
.detail-adept-slider__dot--wide { 
 width: calc(100vw * 9 / 375); 
} 
 
.detail-adept-slider__dot.is-active { 
 background: #383838; 
 border-color: #383838; 
} 
 
/* «Подробнее»: блок "Для кого ADEPT" */ 
.detail-adept-audience { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1045 / 375); 
 left: 0; 
 width: 100%; 
 min-height: calc(100vw * 470 / 375); 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-audience { 
 display: block; 
} 
 
.detail-adept-audience__title { 
 position: absolute; 
 top: 0; 
 left: calc(100vw * 87 / 375); 
 width: calc(100vw * 200 / 375); 
 min-height: calc(100vw * 26 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
 text-align: center; 
} 
 
.detail-adept-audience-slider { 
 position: absolute; 
 top: calc(100vw * 43 / 375); /* 1088 - 1045 */ 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 361 / 375); 
 overflow: hidden; 
 touch-action: pan-y; 
} 
 
.detail-adept-audience-slider__track { 
 display: flex; 
 gap: calc(100vw * 10 / 375); 
 width: max-content; 
 padding-left: calc(100vw * 55 / 375); 
 transform: translateX(0); 
 transition: transform 0.26s ease; 
 will-change: transform; 
} 
 
.detail-adept-audience-slide { 
 position: relative; 
 width: calc(100vw * 264 / 375); 
 height: calc(100vw * 361 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 overflow: hidden; 
 flex: 0 0 auto; 
 background: #f2f2f2; 
} 
 
.detail-adept-audience-slide__img { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 309 / 375); 
 object-fit: cover; 
 object-position: center; 
 display: block; 
 border-radius: calc(100vw * 20 / 375); 
 border: 0.63px solid #f8f8f8; 
 background: #383838; 
} 
 
.detail-adept-audience-slide__caption { 
 position: absolute; 
 top: calc(100vw * 321 / 375); /* 1409 - 1088 */ 
 left: calc(100vw * 42 / 375); /* 97 - 55 */ 
 width: calc(100vw * 174 / 375); 
 min-height: calc(100vw * 40 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 16 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
/* 1-й слайд: макет 242×40, текст #000 без подложки */ 
.detail-adept-audience-slide__caption--investor { 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100vw * 242 / 375); 
 height: calc(100vw * 40 / 375); 
 min-height: 0; 
 background: transparent; 
 color: #000000; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 opacity: 1; 
} 
 
/* 3-й слайд: макет 165×40, текст #000 без подложки */ 
.detail-adept-audience-slide__caption--designer { 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100vw * 165 / 375); 
 height: calc(100vw * 40 / 375); 
 min-height: 0; 
 background: transparent; 
 color: #000000; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 opacity: 1; 
} 
 
.detail-adept-steps-intro { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1489 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 241 / 375); 
 min-height: calc(100vw * 51 / 375); 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-steps-intro { 
 display: block; 
} 
 
.detail-adept-steps-intro__title { 
 margin: 0; 
 width: calc(100vw * 209 / 375); 
 min-height: calc(100vw * 26 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-adept-steps-intro__subtitle { 
 margin: calc(100vw * 10 / 375) 0 0 0; 
 width: calc(100vw * 241 / 375); 
 min-height: calc(100vw * 15 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-adept-steps-tabs { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1557 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 234 / 375); 
 height: calc(100vw * 270 / 375); 
 background: #f2f2f2; 
 z-index: 1; 
 overflow: visible; 
 isolation: isolate; 
} 
 
.page.view-detail .detail-adept-steps-tabs { 
 display: block; 
} 
 
/* Внутри карточки 234×270: линия как на макете top 1580 / left 19 от страницы → +23 / +3 от карточки; 224×0 −90° → вертикаль 224px */ 
.detail-adept-steps-tabs__line { 
 position: absolute; 
 top: calc(100vw * 23 / 375); /* 1580 - 1557 */ 
 left: calc(100vw * 3 / 375); /* 19 - 16 */ 
 width: 0; 
 height: calc(100vw * 224 / 375); 
 border: none; 
 border-left: 1px solid #e3e3e3; 
 opacity: 1; 
 pointer-events: none; 
 z-index: 0; 
 box-sizing: border-box; 
} 
 
.detail-adept-steps-tabs__dot { 
 position: absolute; 
 left: 0; /* страница left 16 = край карточки */ 
 width: calc(100vw * 6 / 375); 
 height: calc(100vw * 6 / 375); 
 background: #383838; 
 border-radius: 50%; 
 pointer-events: none; 
 opacity: 1; 
 z-index: 1; 
} 
 
.detail-adept-steps-tabs__dot--1 { top: calc(100vw * 20 / 375); } /* 1577 - 1557 */ 
.detail-adept-steps-tabs__dot--2 { top: calc(100vw * 76 / 375); } /* 1633 - 1557 */ 
.detail-adept-steps-tabs__dot--3 { top: calc(100vw * 132 / 375); } /* 1689 - 1557 */ 
.detail-adept-steps-tabs__dot--4 { top: calc(100vw * 188 / 375); } /* 1745 - 1557 */ 
 
.detail-adept-steps-tabs__dot--cta { 
 top: calc(100vw * 244 / 375); /* 1801 - 1557 */ 
} 
 
.detail-adept-steps-tabs__item { 
 position: absolute; 
 z-index: 2; 
 left: calc(100vw * 22 / 375); /* global left 38 */ 
 width: calc(100vw * 212 / 375); 
 height: calc(100vw * 46 / 375); 
 border-radius: calc(100vw * 79 / 375); 
 border: 1px solid #b8b8b8; 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin: 0; 
 padding: 0; 
 background: #f7f7f7; 
 color: #383838; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.detail-adept-steps-tabs__item--1 { top: 0; } 
.detail-adept-steps-tabs__item--2 { top: calc(100vw * 56 / 375); } 
.detail-adept-steps-tabs__item--3 { top: calc(100vw * 112 / 375); } 
.detail-adept-steps-tabs__item--4 { top: calc(100vw * 168 / 375); } 
 
.detail-adept-steps-tabs__item.is-active, 
.detail-adept-steps-tabs__cta.is-active { 
 background: #383838; 
 color: #ffffff; 
 font-weight: 500; 
 border-color: #383838; 
} 
 
.detail-adept-steps-tabs__cta { 
 position: absolute; 
 z-index: 2; 
 top: calc(100vw * 224 / 375); /* 1781 - 1557 */ 
 left: calc(100vw * 22 / 375); /* 38 - 16 */ 
 width: calc(100vw * 212 / 375); 
 height: calc(100vw * 46 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: 1px solid #b8b8b8; 
 border-radius: calc(100vw * 79 / 375); 
 background: #f7f7f7; 
 color: #383838; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 cursor: pointer; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.detail-adept-step-card { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 1847 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 248 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-step-card { 
 display: block; 
} 
 
.detail-adept-step-card__index { 
 position: absolute; 
 top: calc(100vw * 30 / 375); 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 27 / 375); 
 min-height: calc(100vw * 18 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #e3e3e3; 
} 
 
.detail-adept-step-card__text { 
 position: absolute; 
 left: calc(100vw * 24 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.detail-adept-step-card--1 .detail-adept-step-card__text { 
 top: calc(100vw * 139 / 375); 
 width: calc(100vw * 257 / 375); 
} 
 
.detail-adept-step-card--2 .detail-adept-step-card__text { 
 top: calc(100vw * 139 / 375); 
 width: calc(100vw * 210 / 375); 
} 
 
.detail-adept-step-card--3 .detail-adept-step-card__text { 
 top: calc(100vw * 139 / 375); 
 width: calc(100vw * 302 / 375); 
} 
 
.detail-adept-step-card--4 .detail-adept-step-card__text { 
 top: calc(100vw * 122 / 375); 
 width: calc(100vw * 298 / 375); 
} 
 
.detail-adept-step-card--5 .detail-adept-step-card__text { 
 top: calc(100vw * 156 / 375); 
 width: calc(100vw * 301 / 375); 
} 
 
.detail-adept-photo-card { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 2105 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 255 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 overflow: hidden; 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-photo-card { 
 display: block; 
} 
 
.detail-adept-photo-card__img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
 
.detail-adept-photo-more-btn { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 2377 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 min-height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21 / 375); 
 box-sizing: border-box; 
 border: none; 
 border-radius: calc(100vw * 84 / 375); 
 background: #a05035; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
 cursor: pointer; 
 z-index: 2; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.page.view-detail .detail-adept-photo-more-btn { 
 display: flex; 
} 
 
.detail-adept-package { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 2462 / 375); 
 left: 0; 
 width: 100%; 
 z-index: 1; 
} 
 
.page.view-detail .detail-adept-package { 
 display: block; 
 height: auto; 
 min-height: 0; 
 padding-bottom: calc(100vw * 48 / 375); 
 box-sizing: border-box; 
} 

.page.view-detail .detail-adept-package__title {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  margin: 0 0 calc(100vw * 12 / 375);
  padding: 0 calc(100vw * 16 / 375);
  box-sizing: border-box;
}

.page.view-detail .detail-adept-package__stack { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: calc(100vw * 20 / 375); 
 width: 100%; 
 margin-top: calc(100vw * 24 / 375); 
} 

.page.view-detail .detail-adept-package__stack .detail-adept-package-card,
.page.view-detail .detail-adept-package__stack .detail-adept-package-card--2,
.page.view-detail .detail-adept-package__stack .detail-adept-package-card--3 { 
 display: flex;
 flex-direction: column;
 position: relative !important; 
 top: auto !important; 
 left: auto !important; 
 width: calc(100vw * 343 / 375); 
 max-width: calc(100vw - 32px);
 height: auto !important; 
 min-height: 0 !important; 
 margin: 0 !important; 
 overflow: visible;
} 

.page.view-detail .detail-adept-package__stack .detail-adept-package-card__top {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: calc(100vw * 344 / 375) !important;
  min-height: calc(100vw * 344 / 375) !important;
  flex-shrink: 0;
}

.page.view-detail .detail-adept-package__stack .detail-adept-package-card__list,
.page.view-detail .detail-adept-package__stack .detail-adept-package-card__list--2,
.page.view-detail .detail-adept-package__stack .detail-adept-package-card__list--3 { 
 position: relative !important; 
 top: auto !important; 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 295 / 375); 
 min-height: 0; 
 margin: calc(100vw * 10 / 375) 0 calc(100vw * 16 / 375); 
 padding: 0; 
 line-height: 130%; 
 flex-shrink: 0;
} 
 
.detail-adept-package__title { 
 position: absolute; 
 top: 0; 
 left: calc(100vw * 49 / 375); 
 width: calc(100vw * 277 / 375); 
 min-height: calc(100vw * 26 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 110%; 
 letter-spacing: 0; 
 text-align: center; 
 color: #000000; 
} 
 
.detail-adept-package-card { 
 position: absolute; 
 top: calc(100vw * 43 / 375); /* 2334 - 2291 */ 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 434 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #fdfdfd; 
} 
 
.detail-adept-package-card__top { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: calc(100vw * 344 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #ffffff; 
 box-shadow: 0 4px 15px 0 #0000000d; 
} 
 
.detail-adept-package-card__inner { 
 position: absolute; 
 top: calc(100vw * 14 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 315 / 375); 
 height: calc(100vw * 140 / 375); 
 border-radius: calc(100vw * 15 / 375); 
 background: #f7f7f7; 
} 
 
.detail-adept-package-card__name { 
 position: absolute; 
 top: calc(100vw * 16 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 95 / 375); 
 min-height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
} 
 
.detail-adept-package-card__term { 
 position: absolute; 
 top: calc(100vw * 16 / 375); 
 right: calc(100vw * 16 / 375); 
 left: auto; 
 width: auto; 
 max-width: calc(100vw * 140 / 375); 
 min-height: calc(100vw * 13 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 13 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: right; 
 text-transform: none; 
 white-space: nowrap; 
 color: #1e1e1e; 
} 
 
.detail-adept-package-card__price { 
 position: absolute; 
 top: calc(100vw * 100 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 120 / 375); 
 min-height: calc(100vw * 24 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 600; 
 font-size: calc(100vw * 24 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #1e1e1e; 
 white-space: nowrap; 
} 
 
.detail-adept-package-card__concept { 
 position: absolute; 
 top: calc(100vw * 185 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 173 / 375); 
 min-height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.detail-adept-package-card__concept-select { 
 position: absolute; 
 top: calc(100vw * 170 / 375); 
 right: calc(100vw * 14 / 375); 
 left: auto; 
 display: inline-flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 gap: calc(100vw * 8 / 375); 
 width: auto; 
 min-width: calc(100vw * 90 / 375); 
 max-width: calc(100vw * 148 / 375); 
 height: calc(100vw * 45 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 14 / 375) 0 calc(100vw * 16 / 375); 
 border: 1px solid #000000; 
 border-radius: calc(100vw * 40 / 375); 
 background: #ffffff; 
 box-sizing: border-box; 
 cursor: pointer; 
 z-index: 2; 
} 

.detail-adept-package-card__concept-select.is-open .detail-adept-package-card__concept-select-arrow { 
 transform: rotate(180deg); 
} 

.adept-capsule-dropdown__item { 
 display: block; 
 width: 100%; 
 margin: 0; 
 padding: calc(100vw * 12 / 375) calc(100vw * 16 / 375); 
 border: none; 
 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 
 background: transparent; 
 cursor: pointer; 
 text-align: left; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 120%; 
 color: #000000; 
 box-sizing: border-box; 
 white-space: nowrap; 
} 

.adept-capsule-dropdown__item:last-child { 
 border-bottom: none; 
} 

.adept-capsule-dropdown__item:active { 
 background: rgba(0, 0, 0, 0.04); 
} 

.adept-capsule-dropdown__empty { 
 margin: 0; 
 padding: calc(100vw * 12 / 375) calc(100vw * 14 / 375); 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 130%; 
 color: #666666; 
} 

.detail-adept-package-card__top .adept-capsule-dropdown { 
 position: absolute; 
 top: calc(100vw * 223 / 375); 
 right: calc(100vw * 14 / 375); 
 left: auto; 
 width: max-content; 
 min-width: calc(100vw * 123 / 375); 
 max-width: calc(100vw * 148 / 375); 
 max-height: min(220px, 40vh); 
 overflow-x: hidden; 
 overflow-y: auto; 
 z-index: 40; 
 margin: 0; 
 padding: calc(100vw * 4 / 375) 0; 
 border: 1px solid #000000; 
 border-radius: calc(100vw * 16 / 375); 
 background: #ffffff; 
 box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); 
 box-sizing: border-box; 
 -webkit-overflow-scrolling: touch; 
} 
 
.detail-adept-package-card__concept-select-text { 
 position: static; 
 flex: 0 0 auto; 
 min-width: max-content; 
 min-height: calc(100vw * 14 / 375); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
 white-space: nowrap; 
 overflow: visible; 
 text-overflow: clip; 
} 
 
.detail-adept-package-card__concept-select-arrow { 
 position: static; 
 flex: 0 0 auto; 
 width: calc(100vw * 9 / 375); 
 height: calc(100vw * 4 / 375); 
 display: block; 
 background-image: url("images/gal.svg"); 
 background-repeat: no-repeat; 
 background-position: center; 
 background-size: contain; 
} 
 
.detail-adept-package-card__area { 
 position: absolute; 
 top: calc(100vw * 231 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 169 / 375); 
 min-height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 white-space: nowrap; 
} 
 
.detail-adept-package-card__area-value { 
 font-weight: 700; 
 color: #a05035; 
 margin-right: calc(100vw * 4 / 375); 
} 
 
.detail-adept-package-card__area-label { 
 font-weight: 400; 
 color: #1e1e1e; 
} 
 
.detail-adept-package-card__size { 
 position: absolute; 
 top: calc(100vw * 231 / 375); 
 left: calc(100vw * 261 / 375); 
 width: calc(100vw * 68 / 375); 
 min-height: calc(100vw * 14 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
 text-align: right; 
 white-space: nowrap; 
} 
 
.detail-adept-package-card__size-label { 
 font-weight: 400; 
 color: #1e1e1e; 
 margin-right: calc(100vw * 4 / 375); 
} 
 
.detail-adept-package-card__size-value { 
 font-weight: 700; 
 color: #a05035; 
} 
 
.detail-adept-package-card__range { 
 position: absolute; 
 top: calc(100vw * 257 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 315 / 375); 
 height: calc(100vw * 12 / 375); 
 cursor: pointer; 
 touch-action: none; 
 z-index: 3; 
} 

.detail-adept-package-card__range-base { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 50%; 
 height: 0; 
 margin: 0; 
 border: none; 
 border-top: 1px solid #d1d1d1; 
 transform: translateY(-50%); 
 z-index: 0; 
 pointer-events: none; 
} 
 
.detail-adept-package-card__range-value { 
 position: absolute; 
 left: 0; 
 top: 50%; 
 width: 0; 
 height: 0; 
 margin: 0; 
 border: none; 
 border-top: 2px solid #a05035; 
 transform: translateY(-50%); 
 z-index: 1; 
 pointer-events: none; 
} 
 
.detail-adept-package-card__range-dot { 
 position: absolute; 
 left: 0; 
 top: 50%; 
 width: calc(100vw * 12 / 375); 
 height: calc(100vw * 12 / 375); 
 margin: 0; 
 border: 2px solid #a05035; 
 background: #ffffff; 
 border-radius: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 2; 
 pointer-events: none; 
} 
 
.detail-adept-package-card__book-btn { 
 position: absolute; 
 top: calc(100vw * 285 / 375); 
 left: calc(100vw * 14 / 375); 
 width: calc(100vw * 315 / 375); 
 height: calc(100vw * 45 / 375); 
 border: none; 
 border-radius: calc(100vw * 89 / 375); 
 margin: 0; 
 padding: 0 calc(100vw * 21.45 / 375); 
 box-sizing: border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: calc(100vw * 14.3 / 375); 
 background: #383838; 
 -webkit-backdrop-filter: blur(42.903228759765625px); 
 backdrop-filter: blur(42.903228759765625px); 
 color: #ffffff; 
 cursor: pointer; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 100%; 
 letter-spacing: 0; 
} 
 
.detail-adept-package-card__list { 
 position: absolute; 
 top: calc(100vw * 368 / 375); 
 left: calc(100vw * 24 / 375); 
 width: calc(100vw * 276 / 375); 
 min-height: calc(100vw * 42 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #1e1e1e; 
} 
 
.detail-adept-package-card__list--2 { 
 min-height: calc(100vw * 112 / 375); 
} 
 
.detail-adept-package-card--2 { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 2949 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 504 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #fdfdfd; 
 z-index: 1; 
} 

.page.view-detail .detail-adept-package-card--2 { 
 display: flex; 
} 

.page.view-detail .detail-adept-package__stack > .detail-adept-package-card,
.page.view-detail .detail-adept-package__stack > .detail-adept-package-card--2,
.page.view-detail .detail-adept-package__stack > .detail-adept-package-card--3 {
  display: flex !important;
}
 
.detail-adept-package-card__name--2 { 
 width: calc(100vw * 78 / 375); 
} 
 
.detail-adept-package-card--3 { 
 display: none; 
 position: absolute; 
 top: calc(100vw * 3463 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 644 / 375); 
 border-radius: calc(100vw * 20 / 375); 
 background: #fdfdfd; 
 z-index: 1; 
} 

.page.view-detail .detail-adept-package-card--3 { 
 display: flex; 
} 

/* ADEPT: скролл внутри .page (100dvh) — absolute-контент не даёт нормальный document scroll в Telegram WebView */
html.adept-detail-scroll,
html.adept-detail-scroll body {
  overflow: hidden !important;
  height: 100dvh;
  overscroll-behavior: none;
}

.page.view-detail--adept:not(.view-detail--adept-sub) {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
}

.page.view-detail--adept:not(.view-detail--adept-sub) .detail-scroll--adept {
  display: block;
  /* Координаты блоков — от верха .page (под шапкой). Подтягиваем слой вверх, иначе после header-wrap появляется пустой зазор ~384/375 vw. */
  margin-top: calc(-100vw * 384 / 375);
  min-height: max(100dvh, calc(100vw * 4131 / 375));
  box-sizing: border-box;
}
 
.detail-adept-package-card__name--3 { 
 width: calc(100vw * 126 / 375); 
} 
 
.detail-adept-package-card__list--3 { 
 min-height: calc(100vw * 280 / 375); 
} 
 
/* Первый белый блок (как был) */ 
.packages-content-box { 
 width: 100%; 
 height: 479px; 
 min-height: 479px; 
 flex-shrink: 0; 
 border-radius: 30px; 
 background: #ffffff; 
 box-sizing: border-box; 
 overflow: hidden; 
 position: relative; 
} 
 
/* Второй белый блок — такой же по стилю, со скруглениями, gap даёт отступ */ 
.packages-white-block { 
 position: relative; 
 width: 100%; 
 height: 510px; 
 min-height: 510px; 
 flex-shrink: 0; 
 border-radius: 30px; 
 background: #ffffff; 
 box-sizing: border-box; 
 display: block; 
} 
 
/* Кнопки во втором блоке: Top 161px, Left 16px / 207px */ 
.packages-white-block .packages-btn-choose { 
 top: 161px; 
 left: calc((100vw - 375px) / 2 + 16px); 
 width: 181px; 
 height: 45px; 
 border-radius: 40px; 
} 
.packages-white-block .packages-btn-more { 
 top: 161px; 
 left: calc((100vw - 375px) / 2 + 207px); 
 width: 129px; 
 height: 45px; 
 border-radius: 40px; 
 border: 1px solid #e3e3e3; 
} 
 
/* Как у текста шапки: отступ = отступ блока 375px от края + 16px (margin .page + padding) */ 
.packages-box-title { 
 position: absolute; 
 top: 30px; 
 left: calc((100vw - 375px) / 2 + 16px); 
 width: 323px; 
 height: auto; 
 min-height: 26px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 24px; 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #000000; 
 white-space: normal; 
} 
 
.packages-box-desc { 
 position: absolute; 
 top: 66px; 
 left: calc((100vw - 375px) / 2 + 16px); 
 width: 323px; 
 min-height: 45px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 122%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.packages-btn-choose { 
 position: absolute; 
 top: 131px; 
 left: calc((100vw - 375px) / 2 + 16px); 
 width: 181px; 
 height: 45px; 
 padding: 0 22px 0 22px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 border: none; 
 border-radius: 40px; 
 background: #a05035; 
 color: #ffffff; 
 cursor: pointer; 
 box-sizing: border-box; 
} 
 
.packages-btn-choose__text { 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
} 
 
.packages-btn-choose__icon { 
 position: absolute; 
 top: 6px; 
 right: 6px; 
 width: 33px; 
 height: 33px; 
 border-radius: 50%; 
 background: #ffffff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
} 
 
.packages-btn-choose__icon-img { 
 position: absolute; 
 top: 8.09px; 
 left: 7.94px; 
 width: 17.43px; 
 height: 17.11px; 
 display: block; 
} 
 
.packages-btn-more { 
 position: absolute; 
 top: 131px; 
 left: calc((100vw - 375px) / 2 + 208px); 
 width: 129px; 
 height: 45px; 
 padding: 0 22px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border: 1px solid #e3e3e3; 
 border-radius: 40px; 
 background: transparent; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
 cursor: pointer; 
 box-sizing: border-box; 
} 
.packages-btn-more:hover { 
 background: #e3e3e3; 
} 
 
/* Фото в блоке пакетов: на одной линии с контентом, адаптивно при изменении экрана */ 
.packages-photo { 
 position: absolute; 
 top: 206px; 
 width: 167px; 
 height: 244px; 
 border-radius: 20px; 
 border: 0.63px solid #e3e3e3; 
 object-fit: cover; 
 display: block; 
} 
.packages-photo--1 { 
 left: calc((100vw - 375px) / 2 + 16px); 
} 
.packages-photo--2 { 
 left: calc((100vw - 375px) / 2 + 192px); 
} 
 
/* Фото во втором блоке: Top 236px, Left 16px / 192px */ 
.packages-white-block .packages-photo { 
 top: 236px; 
 width: 167px; 
 height: 244px; 
 border-radius: 20px; 
 border: 0.63px solid #e3e3e3; 
} 
.packages-white-block .packages-photo--1 { 
 left: calc((100vw - 375px) / 2 + 16px); 
} 
.packages-white-block .packages-photo--2 { 
 left: calc((100vw - 375px) / 2 + 192px); 
} 
 
.packages-banner-wrap { 
 position: relative; 
 display: block; 
 width: 100%; 
 padding-bottom: 0; 
 overflow: hidden; 
 box-sizing: border-box; 
} 
 
/* Второй блок баннера: заголовок + описание + кнопка колонкой, без наложения */ 
.packages-banner-lower { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: calc(100vw * 389 / 375); 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: calc(100vw * 14 / 375); 
 padding: 0 16px calc(100vw * 20 / 375); 
 box-sizing: border-box; 
} 
.packages-banner-img { 
 display: block; 
 width: 100%; 
 height: auto; 
 object-fit: cover; 
} 
.packages-banner-text { 
 position: absolute; 
 top: 80px; 
 left: 50%; 
 transform: translateX(-50%); 
 width: min(calc(100vw - 32px), 260px); 
 max-width: calc(100vw - 32px); 
 height: auto; 
 min-height: 40px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: center; 
 box-sizing: border-box; 
} 
.packages-banner-subtext { 
 position: absolute; 
 top: 136px; 
 left: calc((100vw - 375px) / 2 + 63px); 
 width: 237px; 
 height: 28px; 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #FFFFFF; 
 text-align: center; 
} 
 
.packages-banner-btn { 
 position: absolute; 
 top: 184px; 
 left: calc((100vw - 375px) / 2 + 84px); 
 width: 207px; 
 height: 45px; 
 padding: 0 42px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border: none; 
 border-radius: 40px; 
 background: #FFFFFF; 
 color: #383838; 
 cursor: pointer; 
 box-sizing: border-box; 
} 
/* relative — якорь для .packages-banner-btn__icon (absolute), иначе при position:static иконка цепляется к .packages-banner-lower */ 
.packages-banner-lower .packages-banner-btn--2 { 
 position: relative; 
 left: auto; 
 top: auto; 
 flex-shrink: 0; 
} 
.packages-banner-btn__text { 
 flex: 1; 
 width: 100%; 
 text-align: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #383838; 
} 
.packages-banner-btn__icon { 
 position: absolute; 
 top: 6px; 
 right: 6px; 
 width: 33px; 
 height: 33px; 
 border-radius: 23.29px; 
 background: transparent; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
 overflow: hidden; 
} 
.packages-banner-btn__icon-img { 
 display: block; 
 width: 33px; 
 height: 33px; 
 object-fit: contain; 
} 
 
.packages-banner-divider { 
 position: absolute; 
 top: 309px; 
 left: calc((100vw - 375px) / 2 + 101px); 
 width: 173px; 
 height: 0; 
 border: none; 
 border-top: 1px solid #FFFFFF; 
 display: block; 
} 
 
.packages-banner-concept { 
 margin: 0; 
 width: 239px; 
 max-width: 100%; 
 height: auto; 
 min-height: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 18px; 
 line-height: 110%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: center; 
} 
 
.packages-banner-subtext-2 { 
 margin: 0; 
 width: 237px; 
 max-width: 100%; 
 height: auto; 
 min-height: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 12px; 
 line-height: 120%; 
 letter-spacing: 0; 
 color: #ffffff; 
 text-align: center; 
} 
 
/* Единая белая панель (макет): поверх всего, включая бургер-меню (z-index 200) */ 
html.app-shell-modal-open, 
body.app-shell-modal-open { 
 overflow: hidden !important; 
 height: 100%; 
} 
 
.app-shell-modal[hidden],
.app-shell-modal[aria-hidden="true"] { 
 display: none !important; 
 pointer-events: none !important; 
} 

/* Поверх .page, шапки, бургер-меню (320) и любых screen-hide правил */
html.app-shell-modal-open #app-shell-modal,
body.app-shell-modal-open #app-shell-modal {
 display: block !important;
 position: fixed !important;
 inset: 0 !important;
 z-index: 10000 !important;
 pointer-events: auto !important;
 visibility: visible !important;
}

.app-shell-modal { 
 position: fixed; 
 inset: 0; 
 z-index: 10000; 
 box-sizing: border-box; 
 overscroll-behavior: contain; 
} 
 
.app-shell-modal__backdrop { 
 position: absolute; 
 inset: 0; 
 z-index: 0; 
 margin: 0; 
 padding: 0; 
 border: none; 
 background: rgba(0, 0, 0, 0.35); 
 cursor: pointer; 
 display: block; 
} 
 
.app-shell-modal__panel { 
 position: absolute; 
 z-index: 1; 
 isolation: isolate; 
 /* Адаптивно под ширину/высоту вьюпорта; поля 8px + safe-area (как в макете 375 с отступами 8) */ 
 top: max(8px, env(safe-area-inset-top, 0px)); 
 right: max(8px, env(safe-area-inset-right, 0px)); 
 bottom: max(8px, env(safe-area-inset-bottom, 0px)); 
 left: max(8px, env(safe-area-inset-left, 0px)); 
 width: auto; 
 height: auto; 
 max-width: none; 
 max-height: none; 
 min-width: 0; 
 border-radius: 20px; 
 background: #ffffff; 
 opacity: 1; 
 box-sizing: border-box; 
 overflow: hidden; 
 display: flex; 
 flex-direction: column; 
} 
 
.app-shell-modal__close { 
 position: fixed; 
 z-index: 10002; 
 top: calc(max(8px, env(safe-area-inset-top, 0px)) + max(calc(100vw * 12 / 375), 10px)); 
 right: calc(max(8px, env(safe-area-inset-right, 0px)) + max(calc(100vw * 12 / 375), 10px)); 
 width: clamp(28px, calc(100vw * 32 / 375), 40px); 
 height: clamp(28px, calc(100vw * 32 / 375), 40px); 
 margin: 0; 
 padding: 0; 
 border: none; 
 border-radius: 50%; 
 background: transparent; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
 -webkit-tap-highlight-color: transparent; 
} 

.app-shell-modal__close:active { 
 opacity: 0.65; 
} 

.app-shell-modal__close-icon { 
 position: relative; 
 display: block; 
 width: clamp(14px, calc(100vw * 16 / 375), 18px); 
 height: clamp(14px, calc(100vw * 16 / 375), 18px); 
} 

.app-shell-modal__close-icon::before, 
.app-shell-modal__close-icon::after { 
 content: ''; 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 width: 100%; 
 height: 1.5px; 
 background: #000000; 
 border-radius: 1px; 
 transform-origin: center; 
} 

.app-shell-modal__close-icon::before { 
 transform: translate(-50%, -50%) rotate(45deg); 
} 

.app-shell-modal__close-icon::after { 
 transform: translate(-50%, -50%) rotate(-45deg); 
} 

.app-shell-modal__body { 
 flex: 1 1 auto; 
 min-height: 0; 
 overflow-y: auto; 
 -webkit-overflow-scrolling: touch; 
 overscroll-behavior: contain; 
 touch-action: pan-y; 
} 

/* Форма внутри панели (макет 375, контентная зона 359, поля 14) */ 
.app-shell-modal-form { 
 margin: 0; 
 padding: 30px 14px 24px; 
 box-sizing: border-box; 
} 

.app-shell-modal-form__title { 
 margin: 0 0 16px; 
 max-width: calc(100% - clamp(36px, calc(100vw * 44 / 375), 52px)); 
 padding-right: clamp(28px, calc(100vw * 36 / 375), 44px); 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 24px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.app-shell-modal-form__group { 
 margin-top: 14px; 
} 
 
.app-shell-modal-form__group:first-of-type { 
 margin-top: 0; 
} 
 
.app-shell-modal-form__check-section + .app-shell-modal-form__group--post-checks { 
 margin-top: 30px; 
} 
 
.app-shell-modal-form__label { 
 display: block; 
 margin: 0 0 10px; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 16px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.app-shell-modal-form__field { 
 position: relative; 
 width: 100%; 
 height: 46px; 
 border-radius: 6px; 
 border: 1px solid #cccccc; 
 background: transparent; 
 box-sizing: border-box; 
 cursor: text; 
} 
 
.app-shell-modal-form__input { 
 display: block; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0 40px 0 16px; 
 border: none; 
 border-radius: 5px; 
 background: transparent; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 14px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
 outline: none; 
 cursor: text; 
 caret-color: #000000; 
} 
 
.app-shell-modal-form__input::placeholder { 
 color: #d9d9d9; 
} 
 
.app-shell-modal-form__input:focus-visible { 
 box-shadow: 0 0 0 2px rgba(160, 80, 53, 0.25); 
} 
 
.app-shell-modal-form__input-icon { 
 position: absolute; 
 top: 50%; 
 right: 14px; 
 width: 18px; 
 height: 18px; 
 margin-top: -9px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 pointer-events: none; 
} 
 
.app-shell-modal-form__input-icon-img { 
 width: 13.764706612px; 
 height: 13.764706612px; 
 display: block; 
 object-fit: contain; 
} 
 
.app-shell-modal-form__input-icon-img--lg { 
 width: 18px; 
 height: 18px; 
} 
 
/* 
 * Повторяемый чекбокс (макет): строка .app-shell-modal-form__check-row 
 * — input + .checkbox-face (26×26, rx 6, обводка 1px #A05035) + subtract_1.svg на весь квадрат в :checked 
 */ 
.app-shell-modal-form__check-section { 
 margin-top: 30px; 
} 
 
.app-shell-modal-form__legend { 
 margin: 0 0 14px; 
 padding: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 16px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #767676; 
} 
 
.app-shell-modal-form__check-row { 
 position: relative; 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 gap: 12px; 
 margin: 0; 
 padding: 0; 
 cursor: pointer; 
} 
 
.app-shell-modal-form__check-row + .app-shell-modal-form__check-row { 
 margin-top: 12px; 
} 

.app-shell-modal-form__check-section--capsules { 
 margin-bottom: calc(100vw * 6 / 375); 
} 

.app-shell-modal-form__check-section--capsules + .app-shell-modal-form__check-section { 
 margin-top: calc(100vw * 34 / 375); 
} 

.app-shell-modal-form__check-row-text {
 flex: 1 1 auto; 
 min-width: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 16px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.app-shell-modal-form__checkbox-input { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 1px; 
 height: 1px; 
 padding: 0; 
 margin: -1px; 
 overflow: hidden; 
 clip: rect(0, 0, 0, 0); 
 white-space: nowrap; 
 border: 0; 
} 
 
.app-shell-modal-form__checkbox-face { 
 position: relative; 
 flex: 0 0 auto; 
 display: inline-block; 
 vertical-align: middle; 
 width: 26px; 
 height: 26px; 
 box-sizing: border-box; 
 padding: 0; 
 overflow: hidden; 
 border: 1px solid #a05035; 
 /* Квадрат со скруглением как в макете (не круг: без 50%) */ 
 border-radius: 6px; 
 background: transparent; 
 cursor: pointer; 
} 
 
.app-shell-modal-form__checkbox-input:checked + .app-shell-modal-form__checkbox-face { 
 /* Та же толщина рамки, чтобы не «прыгало»; картинка перекрывает уголки */ 
 border-color: transparent; 
} 
 
.app-shell-modal-form__checkbox-mark { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 display: block; 
 object-fit: cover; 
 object-position: center; 
 opacity: 0; 
 pointer-events: none; 
 transition: opacity 0.15s ease; 
} 
 
.app-shell-modal-form__checkbox-input:checked + .app-shell-modal-form__checkbox-face .app-shell-modal-form__checkbox-mark { 
 opacity: 1; 
} 
 
.app-shell-modal-form__check-row .app-shell-modal-form__checkbox-input:focus-visible + .app-shell-modal-form__checkbox-face { 
 outline: 2px solid rgba(160, 80, 53, 0.45); 
 outline-offset: 2px; 
} 
 
/* Диапазон бюджета: линия #D1D1D1, активный сегмент #A05035, два ползунка 14px */ 
.lead-range { 
 margin-top: 10px; 
 max-width: 331px; 
 width: 100%; 
 box-sizing: border-box; 
} 
 
.lead-range__inner { 
 position: relative; 
 width: 100%; 
 height: 28px; 
 touch-action: none; 
 box-sizing: border-box; 
} 
 
.lead-range__track-bg { 
 position: absolute; 
 left: 0; 
 right: 0; 
 top: 50%; 
 height: 0; 
 margin-top: 0; 
 border: none; 
 border-top: 1px solid #d1d1d1; 
 pointer-events: none; 
} 
 
.lead-range__track-active { 
 position: absolute; 
 top: 50%; 
 left: 0; 
 width: 0; 
 height: 3px; 
 margin-top: -1.5px; 
 background: #a05035; 
 border-radius: 2px; 
 pointer-events: none; 
 box-sizing: border-box; 
} 
 
.lead-range__thumb { 
 position: absolute; 
 top: 50%; 
 left: 0; 
 z-index: 2; 
 width: 14px; 
 height: 14px; 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 border: 2px solid #a05035; 
 border-radius: 50%; 
 background: #ffffff; 
 cursor: grab; 
 touch-action: none; 
 transform: translate(-50%, -50%); 
} 
 
.lead-range__thumb:active { 
 cursor: grabbing; 
} 
 
.lead-range__labels { 
 display: flex; 
 flex-direction: row; 
 justify-content: space-between; 
 align-items: flex-start; 
 margin-top: 12px; 
 max-width: 331px; 
 width: 100%; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 16px; 
 line-height: 100%; 
 letter-spacing: 0; 
 color: #000000; 
} 
 
.lead-range__val--high { 
 text-align: right; 
} 
 
.app-shell-modal-form__group + .app-shell-modal-form__check-section { 
 margin-top: 30px; 
} 
 
.app-shell-modal-form__check-section + .app-shell-modal-form__group--after-plans { 
 margin-top: 24px; 
} 
 
.app-shell-modal-form__field--textarea { 
 height: auto; 
 min-height: 92px; 
 padding: 0; 
 align-items: flex-start; 
} 
 
.app-shell-modal-form__textarea { 
 display: block; 
 width: 100%; 
 min-height: 92px; 
 max-width: 331px; 
 margin: 0; 
 padding: 14px 40px 14px 16px; 
 box-sizing: border-box; 
 border: none; 
 border-radius: 5px; 
 background: transparent; 
 resize: none; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-style: normal; 
 font-size: 14px; 
 line-height: 140%; 
 letter-spacing: 0; 
 color: #000000; 
 outline: none; 
 cursor: text; 
 caret-color: #000000; 
} 
 
.app-shell-modal-form__textarea::placeholder { 
 color: #d9d9d9; 
} 
 
.app-shell-modal-form__textarea:focus-visible { 
 box-shadow: 0 0 0 2px rgba(160, 80, 53, 0.25); 
} 
 
.app-shell-modal-form__field--textarea .app-shell-modal-form__input-icon--textarea { 
 top: 14px; 
 right: 14px; 
 margin-top: 0; 
 transform: none; 
} 
 
.app-shell-modal-form__submit { 
 display: block; 
 width: 100%; 
 max-width: 331px; 
 height: 46px; 
 margin: 0; 
 padding: 0 20px; 
 box-sizing: border-box; 
 border: 1px solid transparent; 
 border-radius: 117px; 
 background: #a05035; 
 color: #ffffff; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-style: normal; 
 font-size: 15px; 
 line-height: 100%; 
 letter-spacing: 0; 
 cursor: pointer; 
 text-align: center; 
 transition: filter 0.15s ease, opacity 0.15s ease; 
} 
 
.app-shell-modal-form__submit:hover { 
 filter: brightness(1.05); 
} 
 
.app-shell-modal-form__submit:active { 
 filter: brightness(0.95); 
} 
 
.app-shell-modal-success { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 min-height: 260px; 
 padding: 40px 20px; 
 box-sizing: border-box; 
 text-align: center; 
} 
 
.app-shell-modal-success__title { 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: 24px; 
 line-height: 110%; 
 color: #000000; 
} 
 
.app-shell-modal-success__text { 
 margin: 14px 0 0; 
 max-width: 280px; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: 15px; 
 line-height: 140%; 
 color: #767676; 
} 
 
[hidden] { 
 display: none !important; 
} 
 
 
/* ========== Ресурсы компании ========== */ 
 
.company-resources-hero, 
.company-resources-below { 
 display: none; 
} 
 
.page:not(.view-company-resources) .company-resources-hero, 
.page:not(.view-company-resources) .company-resources-below { 
 display: none !important; 
} 
 
.page.view-company-resources { 
 background: #f7f7f7 !important; 
 min-height: max(100dvh, calc(100vw * 1144 / 375)); 
} 
 
.page.view-company-resources > :not(.header-wrap):not(.nav-drawer):not(.company-resources-hero):not(.company-resources-below) { 
 display: none !important; 
} 
 
.page.view-company-resources .header-wrap { 
 z-index: 3; 
 pointer-events: none; 
} 
 
.page.view-company-resources .header-wrap > :not(.shapka):not(.logo):not(.burger):not(.packages-metod-back) { 
 display: none !important; 
} 
 
.page.view-company-resources .shapka { 
 display: none !important; 
} 
 
.page.view-company-resources .logo-main { 
 display: block !important; 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 128 / 375); 
 height: calc(100vw * 17 / 375); 
 max-width: none; 
 pointer-events: auto; 
} 
 
.page.view-company-resources .logo--detail { 
 display: none !important; 
} 
 
.page.view-company-resources .burger { 
 top: calc(100vw * 20 / 375); 
 left: calc(100vw * 335 / 375); 
 width: calc(100vw * 24 / 375); 
 height: calc(100vw * 17 / 375); 
 pointer-events: auto; 
} 
 
.page.view-company-resources .burger span { 
 border-top: 1.5px solid #ffffff; 
} 
 
.page.view-company-resources .packages-metod-back { 
 display: inline-flex !important; 
 flex-direction: row; 
 pointer-events: auto; 
 z-index: 20; 
} 
 
.page.view-company-resources .packages-metod-back__label { 
 color: #ffffff; 
} 
 
 
/* Hero */ 
.page.view-company-resources .company-resources-hero { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 position: absolute; 
 top: 0; 
 left: calc(50% - 50vw); 
 width: 100vw; 
 height: calc(100vw * 384 / 375); 
 padding: calc(100vw * 56 / 375) calc(100vw * 16 / 375) calc(100vw * 32 / 375); 
 box-sizing: border-box; 
 overflow: hidden; 
 z-index: 1; 
} 
 
.company-resources-hero__bg { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: center; 
} 
 
.company-resources-hero__title { 
 position: relative; 
 z-index: 2; 
 width: 100%; 
 max-width: calc(100vw * 343 / 375); 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 28 / 375); 
 line-height: 1.1; 
 letter-spacing: 0; 
 text-align: center; 
 text-transform: uppercase; 
 color: #ffffff; 
} 
 
.company-resources-hero__lead { 
 position: relative; 
 z-index: 2; 
 width: 85%; 
 max-width: calc(100vw * 343 / 375); 
 margin: calc(100vw * 12 / 375) 0 0; 
 padding: 0; 
 box-sizing: border-box; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.25; 
 text-align: center; 
 color: #ffffff; 
} 
 
/* Контент под hero */ 
.page.view-company-resources .company-resources-below { 
 display: block; 
 position: absolute; 
 top: calc(100vw * 384 / 375); 
 left: calc(50% - 50vw); 
 width: 100vw; 
 min-height: calc(100vw * 760 / 375); 
 background: #f7f7f7; 
 z-index: 2; 
} 
.company-resources-card { 
 position: absolute; 
 left: 0; 
 width: 100%; 
} 
 
.company-resources-card--tg { 
 top: calc(100vw * 40 / 375); 
 height: calc(100vw * 152 / 375); 
} 
 
.company-resources-card--max { 
 top: calc(100vw * 216 / 375); 
 height: calc(100vw * 200 / 375); 
} 
 
.company-resources-card--site { 
 top: calc(100vw * 440 / 375); 
 height: calc(100vw * 152 / 375); 
} 
 
.company-resources-card__icon { 
 position: absolute; 
 top: 0; 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 67 / 375); 
 height: calc(100vw * 67 / 375); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
} 
 
.company-resources-card__icon--tg { 
 background: #a05035; 
} 
 
.company-resources-card__icon--max { 
 background: #ffffff; 
 border: 1px solid #e0e0e0; 
} 
 
.company-resources-card__icon--site { 
 background: #2a2a2a; 
} 
 
.company-resources-card__logo { 
 width: calc(100vw * 28 / 375); 
 height: auto; 
 display: block; 
} 
 
.company-resources-card__icon--max .company-resources-card__logo { 
 filter: brightness(0) saturate(100%) invert(48%) sepia(21%) saturate(1126%) hue-rotate(334deg) brightness(92%) contrast(88%); 
} 
 
.company-resources-card__title { 
 position: absolute; 
 top: calc(100vw * 2 / 375); 
 left: calc(100vw * 95 / 375); 
 width: calc(100vw * 264 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 500; 
 font-size: calc(100vw * 18 / 375); 
 line-height: 1.2; 
 letter-spacing: 0; 
 text-transform: uppercase; 
 color: #000000; 
} 
 
.company-resources-card__desc { 
 position: absolute; 
 top: calc(100vw * 28 / 375); 
 left: calc(100vw * 95 / 375); 
 width: calc(100vw * 264 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.25; 
 color: #000000; 
} 
 
.company-resources-card__btn { 
 position: absolute; 
 top: calc(100vw * 87 / 375); 
 left: calc(100vw * 16 / 375); 
 width: calc(100vw * 343 / 375); 
 height: calc(100vw * 45 / 375); 
 box-sizing: border-box; 
 border: 1px solid #000000; 
 border-radius: calc(100vw * 84 / 375); 
 background: #f7f7f7; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 14 / 375); 
 line-height: 1; 
 color: #000000; 
 text-decoration: none; 
 -webkit-tap-highlight-color: transparent; 
} 
 
.company-resources-card--max .company-resources-card__btn { 
 top: calc(100vw * 87 / 375); 
} 
 
.company-resources-card__note { 
 position: absolute; 
 top: calc(100vw * 140 / 375); 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100vw * 264 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 10 / 375); 
 line-height: 1.3; 
 text-align: center; 
 color: #767676; 
} 
 
.company-resources-card__note-accent { 
 color: #a05035; 
} 
 
.company-resources-below__footer { 
 position: absolute; 
 top: calc(100vw * 616 / 375); 
 left: 50%; 
 transform: translateX(-50%); 
 width: calc(100vw * 264 / 375); 
 margin: 0; 
 font-family: 'Montserrat', sans-serif; 
 font-weight: 400; 
 font-size: calc(100vw * 12 / 375); 
 line-height: 1.3; 
 text-align: center; 
 color: #767676; 
}

/* --- Экран выбора капсулы: нормальный поток документа (без JS top/min-height) --- */
.page.view-calculator-result {
  display: flow-root !important;
  min-height: 100dvh !important;
  height: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.page.view-calculator-result .calculator-result-below-hero {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100vw;
  margin: calc(100vw * 384 / 375) 0 0 !important;
  min-height: 0 !important;
  padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 32 / 375) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  touch-action: pan-y;
}

.page.view-calculator-result .calculator-result-below-hero > .calculator-result-below-hero__title,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-below-hero__lead,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-below-hero__label,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-below-hero__solutions-title,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-repair-row,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-slider,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-budget-ask,
.page.view-calculator-result .calculator-result-below-hero > .calculator-result-participation {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.page.view-calculator-result .calculator-result-below-hero__lead {
  margin-top: calc(100vw * 10 / 375) !important;
}

.page.view-calculator-result .calculator-result-below-hero__label {
  margin-top: calc(100vw * 20 / 375) !important;
}

.page.view-calculator-result .calculator-result-repair-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: calc(100vw * 14 / 375);
  width: 100%;
  max-width: calc(100vw * 343 / 375);
  margin: calc(100vw * 10 / 375) 0 0;
  padding: 0;
  box-sizing: border-box;
}

.page.view-calculator-result .calculator-result-repair-row .calculator-result-card {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  height: calc(100vw * 124 / 375);
  margin: 0;
}

.page.view-calculator-result .calculator-result-card__title,
.page.view-calculator-result .calculator-result-card__desc {
  position: static !important;
  left: auto !important;
  width: auto !important;
  max-width: 100%;
  margin: 0;
  padding: calc(100vw * 16 / 375) calc(100vw * 12 / 375) 0;
  box-sizing: border-box;
}

.page.view-calculator-result .calculator-result-card__desc {
  padding-top: calc(100vw * 6 / 375);
}

.page.view-calculator-result .calculator-result-card--basic .calculator-result-card__title,
.page.view-calculator-result .calculator-result-card--premium .calculator-result-card__title {
  text-align: center;
}

.page.view-calculator-result .calculator-result-below-hero__solutions-title {
  margin-top: calc(100vw * 40 / 375) !important;
}

.page.view-calculator-result .calculator-result-slider {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: calc(100vw * 343 / 375) !important;
  max-width: 100%;
  margin: calc(100vw * 17 / 375) auto 0 !important;
  height: auto !important;
  min-height: calc(calc(100vw * 478 / 375) + var(--calc-title-shift, 0px));
  align-self: center;
}

.page.view-calculator-result .calculator-result-budget-ask {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: calc(100vw * 343 / 375) !important;
  max-width: 100%;
  margin: calc(100vw * 24 / 375) auto 0 !important;
  padding: 0 0 calc(100vw * 24 / 375) !important;
  align-self: center;
  touch-action: pan-y;
}

.page.view-calculator-result .calculator-result-participation {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: calc(100vw * 343 / 375) !important;
  max-width: 100%;
  margin: calc(100vw * 24 / 375) auto 0 !important;
  padding: 0 0 calc(100vw * 24 / 375) !important;
  align-self: center;
  box-sizing: border-box;
}

.page.view-calculator-result .calculator-result-participation__list {
  margin: calc(100vw * 14 / 375) 0 0 !important;
  width: 100% !important;
}

.page.view-calculator-result .calculator-result-participation__actions {
  margin: calc(100vw * 20 / 375) 0 0 !important;
  width: 100% !important;
}

/* Экран после «Далее»: скролл документа (не вложенный overflow на .page — ломается в Telegram WebView) */
.page.view-calculator-result-next {
  display: flow-root !important;
  min-height: 100dvh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overscroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.page.view-calculator-result-next .calculator-result-next-below-hero {
  touch-action: pan-y;
  pointer-events: auto;
}

/* METOD: нижняя часть в потоке .metod-main-flow (не трогаем экран «Подробнее» ADEPT) */
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) {
  min-height: 100dvh;
  --metod-layout-shift: 0px;
}

.page.view-detail.view-packages--metod:not(.view-detail--adept-sub) {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-y: auto !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-popular-section,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-block,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-title-page,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-budget-page,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-action-btn,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-section-nav-row,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-partners-section,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-gap-to-dark,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-dark-section,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-adapt-section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-popular-section {
  display: block !important;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  height: auto !important;
  min-height: calc(100vw * 123 / 375);
  padding: calc(100vw * 35 / 375) calc(100vw * 16 / 375) calc(100vw * 24 / 375);
  box-sizing: border-box;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-popular-title,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-popular-lead {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: calc(100vw * 309 / 375);
  height: auto !important;
  min-height: 0;
  margin: 0 auto calc(100vw * 12 / 375);
  display: block;
  text-align: center;
  white-space: normal;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-popular-lead {
  max-width: calc(100vw * 257 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-block {
  display: block !important;
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100vw - 32px);
  margin-left: auto !important;
  margin-right: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: calc(100vw * 8 / 375);
  overflow: hidden;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-content {
  height: auto !important;
  min-height: calc(100vw * 280 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-block::before {
  height: 100%;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-title-page,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-budget-page {
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100vw - 32px);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 calc(100vw * 16 / 375);
  box-sizing: border-box;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-title-page {
  display: block !important;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
  min-height: 0;
  margin-top: 0;
  margin-bottom: calc(100vw * 8 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-concept-budget-page {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  min-height: 0;
  margin-bottom: calc(100vw * 12 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-action-btn {
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100vw - 32px);
  margin-left: auto !important;
  margin-right: auto !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-section-nav-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(100vw * 7 / 375);
  width: 100%;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-section-nav-row .metod-section-nav-btn {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-partners-section {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: calc(100vw * 16 / 375);
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100vw - 32px);
  margin: calc(100vw * 24 / 375) auto calc(100vw * 32 / 375) !important;
  padding: 0;
  box-sizing: border-box;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-partners-section__title {
  width: 100%;
  white-space: normal;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-gap-to-dark {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-dark-section {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: calc(100vw * 16 / 375);
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  height: auto !important;
  min-height: 0;
  padding: calc(100vw * 40 / 375) calc(100vw * 16 / 375) calc(100vw * 48 / 375);
  box-sizing: border-box;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-dark-title {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 0 calc(100vw * 8 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-card,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-card--2,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-card--3 {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100vw - 32px);
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
  border-radius: calc(100vw * 20 / 375);
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-top {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: calc(100vw * 227 / 375) !important;
  min-height: calc(100vw * 227 / 375) !important;
  flex-shrink: 0;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-desc,
.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-desc--2 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: calc(100vw * 14 / 375) calc(100vw * 24 / 375) calc(100vw * 18 / 375) !important;
  box-sizing: border-box;
  overflow: visible !important;
  font-size: calc(100vw * 12 / 375);
  line-height: 140%;
  background: #f7f7f7;
  border-radius: 0 0 calc(100vw * 20 / 375) calc(100vw * 20 / 375);
  flex-shrink: 0;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-card--2::after {
  display: none !important;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-tariff-card--2 .metod-tariff-desc--2 {
  background: #f7f7f7;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-adapt-section {
  display: block !important;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  height: auto !important;
  min-height: 0;
}

.page.view-packages--metod:not(.view-metod-cases-sub-open):not(.view-detail) .metod-main-flow .metod-adapt-section__content {
  min-height: calc(100vw * 355 / 375);
}

.page.view-detail--adept .detail-shapka-overlay--adept-page {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(100vw * 8 / 375);
  box-sizing: border-box;
  width: 100%;
  padding: calc(100vw * 200 / 375) calc(100vw * 16 / 375) calc(100vw * 12 / 375);
}

.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__title,
.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__subtitle,
.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__desc {
  position: static;
  top: auto;
  left: auto;
  width: min(100%, calc(100vw * 290 / 375));
  min-height: 0;
  margin: 0;
}

.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__title {
  width: auto;
  max-width: none;
}

.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__subtitle,
.page.view-detail--adept .detail-shapka-overlay--adept-page .detail-shapka-overlay__desc {
  text-align: left;
}

/* Пакеты «Подробнее»: высоту задаёт script.js (не auto — иначе абсолютные дети не растягивают белый фон) */
.detail-concept-surface.detail-package-surface--relayout {
  min-height: calc(100vw * 400 / 375);
  overflow: hidden;
  box-sizing: border-box;
}

.detail-fullcycle-surface.detail-package-surface--relayout {
  min-height: calc(100vw * 430 / 375);
  overflow: hidden;
  box-sizing: border-box;
}

.page.view-detail--concept .detail-concept-surface.detail-package-surface--relayout,
.page.view-detail--fullcycle .detail-fullcycle-surface.detail-package-surface--relayout {
  position: absolute;
}

.detail-package-surface--relayout .detail-concept-surface__title,
.detail-package-surface--relayout .detail-concept-surface__desc,
.detail-package-surface--relayout .detail-concept-surface__params-title,
.detail-package-surface--relayout .detail-fullcycle-surface__title,
.detail-package-surface--relayout .detail-fullcycle-surface__desc,
.detail-package-surface--relayout .detail-fullcycle-surface__params-title,
.detail-package-surface--relayout .detail-concept-surface__budget-label,
.detail-package-surface--relayout .detail-concept-surface__budget-value,
.detail-package-surface--relayout .detail-concept-surface__sqm-label,
.detail-package-surface--relayout .detail-concept-surface__sqm-value,
.detail-package-surface--relayout .detail-concept-surface__term-label,
.detail-package-surface--relayout .detail-concept-surface__term-value,
.detail-package-surface--relayout .detail-concept-surface__roi-label,
.detail-package-surface--relayout .detail-concept-surface__roi-value,
.detail-package-surface--relayout .detail-fullcycle-surface__budget-label,
.detail-package-surface--relayout .detail-fullcycle-surface__budget-value,
.detail-package-surface--relayout .detail-fullcycle-surface__sqm-label,
.detail-package-surface--relayout .detail-fullcycle-surface__sqm-value,
.detail-package-surface--relayout .detail-fullcycle-surface__term-label,
.detail-package-surface--relayout .detail-fullcycle-surface__term-value,
.detail-package-surface--relayout .detail-fullcycle-surface__roi-label,
.detail-package-surface--relayout .detail-fullcycle-surface__roi-value {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible;
}

.detail-package-surface--relayout .detail-concept-surface__title,
.detail-package-surface--relayout .detail-fullcycle-surface__title {
  width: calc(100vw * 343 / 375) !important;
  max-width: calc(100% - 100vw * 32 / 375);
}