/* WestClimate: новый вид внутренних страниц (старая разметка темы, новые стили).
   Подключается на всех страницах, кроме главной (сниппет wc-design), вместе с wc-base.css (цвета и тёмная тема).
   Шаблоны темы не меняются: чтобы вернуть старый вид, достаточно отключить сниппет.
   Меню в телефоне работает на прежнем скрипте темы (открытие по значку, подменю по нажатию). */

/* ================= основа ================= */
.page{background:var(--bg);color:var(--text)}
.page .mw{max-width:1248px;padding-left:24px;padding-right:24px}
.page hr{display:none}

/* заголовки блоков: как на главной (голубая черта, без капслока) */
.page .m_title{text-align:left;padding-bottom:36px}
.page .m_title .h3,.page .m_title h3,
.page .m_title_uppercase .h3,.page .m_title_uppercase h3{
  font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--head)!important;text-align:left;
}
.page .m_title .h3::before,.page .m_title h3::before{
  content:"";display:block;width:26px;height:3px;margin-bottom:18px;background:var(--cyan);
}
.page .m_title h3 p{margin:0}

/* текст в содержимом страниц: цвета из темы (в старой теме везде #000) */
.page :is(.about,.services_main,.price,.contacts,.articles,.article,.our_works,.any_ques,.design,.faq,.certificates,.breadcrumbs,.get_calc) :is(p,li,strong,b,label,h5,.h5,h6,.h6,td){color:var(--text)!important}
.page :is(.about,.services_main,.price,.contacts,.articles,.article,.our_works,.any_ques,.design,.faq) :is(h1,h2,h3,h4,.h3,.h4,.article_title){color:var(--head)!important}
.page :is(.about,.services_main,.article) a:not(.btn_green):not(.btn_m){color:var(--accent)}

.page :is(.about,.services_main,.price,.contacts,.articles,.article,.our_works,.any_ques,.breadcrumbs,.design,.faq,.partners){background-color:var(--bg)}

/* ================= шапка ================= */
.page .header{background-color:var(--bg);border-bottom:0}
.page .header .mw{padding-top:20px;padding-bottom:20px}
.page .header .mw .left_side{width:auto}
.page .header .mw .left_side .logo a{width:auto}
.page .header .mw .left_side .logo a img{width:auto;height:40px}
.page .header .mw .left_side .logo a span,
.page .header .mw .left_side .logo h5{display:none}
.page .header .mw .right_side{width:auto;gap:16px}
.page .header .mw .right_side .line{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-right:8px}
.page .header .mw .right_side .phone{display:flex;align-items:center;margin-left:0}
.page .header .mw .right_side .phone .whatsapp{margin-right:12px}
.page .header .mw .right_side .whatsapp a{width:24px}
.page .header .mw .right_side .phone a{font-size:22px;color:var(--head);letter-spacing:.01em}
.page .header .mw .right_side .phone a:hover{color:var(--accent)}
.page .header .mw .right_side .email a{font-size:15px;color:var(--muted);text-decoration:none}
.page .header .mw .right_side .email a:hover{color:var(--accent)}
.page .header .mw .right_side .btn_b{margin-left:0}
.page .header .btn_b .btn_m{display:inline-block;width:auto;min-width:0;padding:15px 22px;font-size:16px;line-height:1}


/* номер и кнопки в шапке как на главной: без картинок-значков, WhatsApp отдельной кнопкой (её добавляет wc-site.js) */
.page .header .mw .right_side .whatsapp,
.page .header .mw .right_side .phone a .icon{display:none}
.page .header .wc-pill{display:inline-flex;align-items:center;padding:11px 14px;border:1px solid var(--field-line);border-radius:3px;background:var(--card);color:var(--text);font:500 16px/1 'Montserrat',Arial,sans-serif;text-decoration:none;white-space:nowrap}
.page .header .wc-pill:hover{border-color:var(--accent);color:var(--accent)}
.page .main .nav_menu .mw .phone_mob .phone a .icon{display:none}

/* второй блок «шапки» внизу страницы: становится верхней частью подвала */
.page > .header ~ .header{background-color:var(--soft);border-top:1px solid var(--line)}
.page > .header ~ .header .mw{padding-top:28px;padding-bottom:28px}

/* ================= кнопки ================= */
.page .btn_b .btn_m,
.page .btn_b .btn_green,
.page input.wpcf7-submit,
.page .wpcf7-submit.btn_m,
.page .inp_sub input[type=submit],
.modal input.wpcf7-submit{
  border:0;border-radius:3px;background:var(--green)!important;color:#fff!important;box-shadow:none;
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;letter-spacing:0;cursor:pointer;transition:background .2s;
}
.page .btn_b .btn_m:hover,
.page .btn_b .btn_green:hover,
.page input.wpcf7-submit:hover,
.page .inp_sub input[type=submit]:hover,
.modal input.wpcf7-submit:hover{background:var(--green-2)!important;box-shadow:none;opacity:1}
.page .btn_b .btn_m:after,
.page .btn_b .btn_green:after{display:none}
.page .btn_b .btn_green{font-size:16px;box-shadow:none}

/* ================= меню на компьютере ================= */
.page .main{background:var(--bg)}
.page .main .nav_menu{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.page .main .nav_menu .mw{height:62px}
.page .main .nav_menu .mw .main_nav li a,
.page .main .nav_menu .mw ul li a{color:var(--text);padding:0;line-height:62px}
.page .main .nav_menu .mw .main_nav li a:hover,
.page .main .nav_menu .mw ul li a:hover,
.page .main .nav_menu .mw .main_nav li.current-menu-item>a,
.page .main .nav_menu .mw .main_nav li.current-menu-ancestor>a{color:var(--accent)}
.page .main .nav_menu .mw .main_nav li.menu-item-has-children a:after,
.page .main .nav_menu .mw ul li.menu-item-has-children a:after{
  background:none;width:6px;height:6px;margin-left:9px;top:-2px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);
}
.page .main .nav_menu .mw .main_nav li .sub-menu,
.page .main .nav_menu .mw ul li .sub-menu{
  top:62px;left:-16px;padding:8px 0;background:var(--card);border:1px solid var(--line);border-top:0;
  box-shadow:var(--shadow);max-height:70vh;overflow:auto;
}
.page .main .nav_menu .mw .main_nav li .sub-menu li,
.page .main .nav_menu .mw ul li .sub-menu li{padding-right:0;width:100%}
.page .main .nav_menu .mw .main_nav li .sub-menu li a,
.page .main .nav_menu .mw ul li .sub-menu li a{padding:10px 20px;font-size:15px;line-height:1.3;color:var(--text)}
.page .main .nav_menu .mw .main_nav li .sub-menu li a:hover,
.page .main .nav_menu .mw ul li .sub-menu li a:hover{background:var(--soft);color:var(--accent)}
.page .main .nav_menu .mw .main_nav li .sub-menu .current_page_item,
.page .main .nav_menu .mw ul li .sub-menu .current_page_item{background:var(--soft)}
.page .main .nav_menu .mw .main_nav li .sub-menu .current_page_item a,
.page .main .nav_menu .mw ul li .sub-menu .current_page_item a{color:var(--accent)}
.page .main .sticky{box-shadow:0 4px 16px rgba(20,28,45,.12)}

/* ================= первый экран страниц услуг, объектов, систем ================= */
.page2 .main.service_main,.page2 .main.object_main,.page2 .main.systems_main{background:var(--bg)}
/* первый экран: тёмная полоса со схемой вентиляции вместо размытого фото */
.page2 .main.service_main .main_cont,.page2 .main.object_main .main_cont,.page2 .main.systems_main .main_cont{
  background:linear-gradient(120deg,var(--band) 0%,var(--band-2) 100%);color:var(--band-text);
}
.page .main .main_cont .mw{padding-top:72px;padding-bottom:72px}
.page .main .main_cont .mw .h1,.page .main .main_cont .mw h1{
  max-width:920px;margin:0 auto 18px;font-size:48px;line-height:1.1;font-weight:700;letter-spacing:-.02em;text-transform:none;
}
.page .main .main_cont .mw .h2,.page .main .main_cont .mw h2{font-size:18px;font-weight:500;text-transform:none;opacity:.88;letter-spacing:.01em}
.page .main .main_cont .mw ul li p{font-size:15px;line-height:1.4;opacity:.92}
.page .main .main_cont .mw ul li .icon{height:46px}

/* в блоге и статьях этот экран показывал чужой заголовок: убираем */
.blog .page .main .main_cont,.single-post .page .main .main_cont{display:none}

/* страницы «для квартир», «для дома»: вместо фона с облаками спокойный светлый фон */
.page2 .main.newbg{background:var(--soft)!important}
html body .page .main .main_cont .mwtop h1{color:var(--head)!important}
html body .page .main .main_cont .mwtop :is(h2,h3,h4){color:var(--muted)!important}
.page .main .main_cont .mwtop h1 b,.page .main .main_cont .mwtop h1 span{color:var(--accent)!important}
.page .profit__title,.page .profit__item,.page .intro__item{color:var(--text)!important}
.page .profit__item svg path{color:var(--accent)}
.page .videoiframe iframe{border-radius:8px}

/* ================= текст страницы и цифры ================= */
.page .about{padding-top:72px;padding-bottom:24px}
.page .about .about_cont p,.page .about .about_cont li{font-size:16px;line-height:1.7}
.page .about .about_cont img{border-radius:8px}
.page .about .about_cont ul li:before,.page .article .article_desc ul li:before{background-color:var(--cyan)}
.page .about .about_cont h4,.page .about .about_cont h5{font-size:19px;line-height:1.35}

.page .about .nums{margin-top:48px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}
.page .about .nums .mw ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.page .about .nums .mw ul li{width:auto;margin:0;border-left:3px solid var(--cyan);padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.page .about .nums .mw ul li .h5,.page .about .nums .mw ul li h5{margin:0;padding:0}
.page .about .nums .mw ul li:after{display:none}
.page .about .nums .mw ul li .num span{font-size:44px;font-weight:700;color:var(--head)!important;letter-spacing:-.02em}
.page .about .nums .mw ul li .num span small,
.page .about .nums .mw ul li .num span sup{color:var(--head)!important}
.page .about .nums .mw ul li .h5,.page .about .nums .mw ul li h5{color:var(--muted)!important;font-size:15px}

/* ================= форма расчёта ================= */
.page .get_calc,.page .get_calc.get_calcnew{background:var(--band)!important;padding-top:80px;padding-bottom:80px}
.page .get_calc .m_title .h3,.page .get_calc .m_title h3,
html body .page .gettop .m_title_white h3,
html body .page .get_calc .m_title h3 p{color:var(--band-text)!important}
html body .page .get_calc .mw .form form .inp_form label,
html body .page .gettop .mw .form form .inp_form label{color:var(--band-text)!important;font-size:15px;font-weight:600}
.page .get_calc .mw .form form .inp_form input,
.page .get_calc .mw .form form .inp_form select{width:100%;height:52px;font-size:16px;box-shadow:none!important}
.page .get_calc .mw .form form .inp_form select{padding:0 40px 0 14px!important;line-height:50px}
.page .get_calc .inp_sel,.page .get_calc .inp_sel p,.page .get_calc .inp_form .wpcf7-form-control-wrap{display:block;width:100%}
html body .page .get_calc .mw .form form .inp_sub input[type=submit]{border-radius:3px!important;box-shadow:none!important;min-width:260px;padding:18px 28px}

/* поля всех форм */
.page form :is(input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea),
.modal form :is(input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea){
  background-color:var(--field)!important;color:var(--text)!important;border:1px solid var(--field-line)!important;border-radius:3px!important;
}
.page form :is(input,textarea)::placeholder,.modal form :is(input,textarea)::placeholder{color:var(--muted);opacity:.85}
.page form :is(input,select,textarea):focus,.modal form :is(input,select,textarea):focus{outline:2px solid var(--cyan);outline-offset:0}

/* ================= выполненные работы ================= */
.page .our_works{padding-top:80px;padding-bottom:80px}
.page .our_works:not(:has(.work)){display:none}
/* заголовок набран капслоком в самом тексте: показываем обычными буквами */
.page .our_works .m_title h3{text-transform:lowercase!important}
.page .our_works .m_title h3 p::first-letter,.page .our_works .m_title h3::first-letter{text-transform:uppercase}
.page .our_works .mw .cont .works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page .our_works .mw .cont .works .work{width:auto;margin:0;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.page .our_works .mw .cont .works .work .img{height:220px}
.page .our_works .mw .cont .works .work .img a{border-radius:0}
.page .our_works .mw .cont .works .work .h5,.page .our_works .mw .cont .works .work h5{padding:0 18px;font-size:16px;line-height:1.4;font-weight:600}
.page .our_works .mw .cont .works .work > :last-child{padding-bottom:18px}
.page .our_works .bordercircle{margin:16px 18px 10px;background:var(--check);color:var(--accent);border-radius:3px;font-weight:600}
.page .our_works .flexwork,.page .our_works .textwork{padding-left:18px;padding-right:18px}
.page .itemwork,.page .textwork{color:var(--muted)!important}

/* ================= логотипы клиентов и сертификаты: только на странице «О компании» ================= */
body:not(.page-template-about) .page .partners,
body:not(.page-template-about) .page .certificates{display:none}
.page .certificates{background-color:var(--soft);padding-top:80px;padding-bottom:80px}
.page .certificates .mw .cont ul li{border:0!important}
.page .certificates .mw .cont ul li *{border-color:var(--line)!important;border-width:1px!important}
.page .certificates .mw .cont ul li a{border:1px solid var(--line)!important;border-radius:6px;overflow:hidden;background:#fff}
.page .certificates .mw .cont ul li a img{object-fit:contain}
.page .partners .partner img{mix-blend-mode:multiply;filter:grayscale(1);opacity:.8}

/* ================= «Остались вопросы?» ================= */
.page-template-contacts .page .any_ques,
.single-post .page .any_ques{display:none} /* в статье уже есть свой блок «Остались вопросы?» */
.page .any_ques{padding-top:24px;padding-bottom:80px}
.page .any_ques .mw > *{max-width:none}
.page .any_ques .mw{display:block}
.page .any_ques .mw::before{content:none}
.page .any_ques .mw .m_title,.page .any_ques .mw .cont{background:var(--soft)}
.page .any_ques .mw .m_title{margin:0;padding:48px 48px 8px;border-radius:8px 8px 0 0}
.page .any_ques .mw .cont{padding:16px 48px 48px;border-radius:0 0 8px 8px;justify-content:flex-start;gap:12px}
.page .any_ques .mw .cont .btn_b{margin-left:0;margin-right:0}
.page .any_ques .mw .m_title .h5,.page .any_ques .mw .m_title h5{padding:10px 0 0;text-align:left;color:var(--muted)!important}

/* ================= хлебные крошки ================= */
.page .breadcrumbs{padding:16px 0;background:var(--soft);border-bottom:1px solid var(--line)}
.page .breadcrumbs .mw{padding-top:0!important;padding-bottom:0!important}
.page .breadcrumbs ul{margin:0;padding:0}
/* блок сразу после строки «Главная — …» начинается без большой пустоты */
.page .breadcrumbs + *{padding-top:48px!important}
.page .breadcrumbs + * > .mw{padding-top:0;margin-top:0}
.page2 .breadcrumbs .mw ul li,.page2 .breadcrumbs .mw ul li a{color:var(--muted)!important;font-size:14px}
.page2 .breadcrumbs .mw ul li:after{background-color:var(--muted)}
.page2 .breadcrumbs .mw ul li a:hover{color:var(--accent)!important}

/* ================= прайс ================= */
.page2 .price .mw .table .thead{background-color:var(--band);border-radius:6px}
.page2 .price .mw .table .thead ul li{color:var(--band-text)!important;font-weight:600}
.page2 .price .mw .table .tbody ul{background:var(--card);border:1px solid var(--line);border-radius:6px}
.page2 .price .mw .table .tbody ul li{font-size:15px}
.page .services_main{padding-bottom:40px}

/* ================= контакты ================= */
.page2 .contacts .mw .cont .right_side .map{border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.page2 .contacts .mw .cont .right_side .line a{color:var(--text)!important}
.page2 .contacts .mw .cont .left_side form .inp_form label{color:var(--text)!important;font-weight:600}

/* ================= блог ================= */
.page2 .articles .mw .articles_line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.page2 .articles .mw .articles_line .article{margin:0;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}
.page2 .articles .mw .articles_line .article .article_title{font-size:22px;line-height:1.3;margin-bottom:12px}
.page2 .articles .mw .articles_line .article p{font-size:15px;line-height:1.65;color:var(--muted)!important}
.page2 .articles .mw .articles_line .article .line{margin-top:auto;padding-top:16px}
.page2 .articles .mw .articles_line .article .line .l_side .read_more a{color:var(--accent);font-weight:600;font-size:15px;text-decoration:none}
.page2 .articles .mw .articles_line .article .line .r_side,
.page2 .articles .mw .articles_line .article .line .l_side .leave_comment{display:none}
.page .pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;margin:0 3px;border:1px solid var(--line);border-radius:3px;color:var(--text)}
.page .pagination .page-numbers.current{background:var(--band)!important;border-color:var(--band)!important;color:var(--band-text)!important}
.page2 .articles .mw .articles_line .article .line,.page2 .articles .mw .articles_line .article .line .l_side{display:block;width:auto}
.page2 .articles .mw .articles_line .article .line .l_side .read_more a{white-space:nowrap}

/* статья: без строки «Автор: …» (показывала имя учётной записи) и без ссылки на комментарии */
.page2 .article .mw .top_line{display:none}
.page2 .article .mw .article_img{border:0;border-radius:8px;overflow:hidden}
.page2 .article .mw .article_desc p,.page2 .article .mw .article_desc ul li{font-size:16px;line-height:1.7}
.page2 .article .mw .article_desc .any_ques_article{background-color:var(--soft);border-radius:8px}
.page .post-navigation a{color:var(--accent)}

/* ================= «Решения для квартир» (вкладки) и вопросы ================= */
.page .services__icon{background:var(--card);border:1px solid var(--line)}
.page .services__block.active .services__icon,.page .services__block:hover .services__icon{background:var(--card);border-color:var(--accent);box-shadow:var(--shadow)}
.page .services__icon span,.page .services__text{color:var(--text)!important}
.page .services-list__inner,.page .wrapper-boxes{background:var(--card)!important;border:1px solid var(--line);border-radius:8px;box-shadow:none!important}
.page .detailled__right :is(h3,p,b,strong){color:var(--text)!important}
.page .detailled__right h3{color:var(--head)!important}

.page section.faq:not(:has(.item-title:not(:empty))){display:none}
.page .faq__item:has(.item-title:empty){display:none}
.page .faq__item{background-color:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:none}
.page .faq__item .item-title{color:var(--head)!important;font-weight:600}
.page .faq__item .item-body{color:var(--text)!important}
.page .faq__icon,.page .faq__icon::before{background-color:var(--accent)}

/* ================= подвал ================= */
.page .footer{background:var(--band);padding:30px 24px}
.page .footer .mw{padding:0}
.page .footer .mw p,
.page .footer .mw a{color:var(--band-text);text-transform:none;font-size:15px;font-weight:500;margin:0}
.page .footer .mw p{opacity:.85}
.page .footer .mw a{text-decoration:underline;font-weight:600}
.page .footer .mw a:hover{color:var(--cyan)}

/* ================= кнопка «наверх» и окна ================= */
.scrollup{border-radius:3px;background:var(--teal)}
/* окна «Обратный звонок» и «Спасибо» оформлены в wc-base.css (они есть и на главной) */

/* ================= фото в тёмной теме чуть приглушаем ================= */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .page :is(.about_cont img,.work img,.flexservice img,.article_img img){filter:brightness(.9)}
}
:root[data-theme="dark"] .page :is(.about_cont img,.work img,.flexservice img,.article_img img){filter:brightness(.9)}


/* ================= страница 404 (шаблон 404.php) ================= */
.page .wc-404{padding:88px 0 72px;background:var(--bg)}
.page .wc-404-code{margin:0 0 8px;font-size:96px;line-height:1;font-weight:700;color:var(--cyan);letter-spacing:-.03em}
.page .wc-404-title{margin:0 0 16px;font-size:40px;line-height:1.15;font-weight:700;color:var(--head)}
.page .wc-404-text{max-width:620px;margin:0 0 30px;font-size:17px;line-height:1.6;color:var(--muted)}
.page .wc-404-links{display:flex;flex-wrap:wrap;gap:10px}
.page .wc-404-btn{display:inline-flex;align-items:center;padding:16px 24px;border-radius:3px;background:var(--green);color:#fff;font-weight:700;text-decoration:none}
.page .wc-404-btn:hover{background:var(--green-2);color:#fff}
.page .wc-404-link{display:inline-flex;align-items:center;padding:15px 20px;border:1px solid var(--field-line);border-radius:3px;background:var(--card);color:var(--text);font-weight:600;text-decoration:none}
.page .wc-404-link:hover{border-color:var(--accent);color:var(--accent)}

/* вторая кнопка темы (в строке меню) нужна только в телефоне */
.page .nav_menu .wc-theme-btn--bar{display:none}

/* ================= телефон и планшет (старый скрипт включает «гамбургер» до 991 px) ================= */
@media (max-width:991px){
  .page .mw{padding-left:16px;padding-right:16px}
  .page .header .mw{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding-top:12px;padding-bottom:12px}
  .page .header .mw .left_side{width:auto;flex:none}
  .page .header .mw .left_side .logo{display:block}
  .page .header .mw .left_side .logo a{width:auto;max-width:none}
  .page .header .mw .left_side .logo a img{height:34px}
  .page .header .mw .right_side{width:auto;margin-top:0;gap:8px;flex:none;flex-wrap:nowrap}
  .page .header .mw .right_side .line{display:none}
  .page .header .wc-pill{display:none}
  .page .header .mw .right_side .btn_b{margin:0;max-width:none}
  .page .header .btn_b .btn_m{padding:12px 14px;font-size:14px;white-space:nowrap}
  .page > .header ~ .header .mw .right_side .phone{display:none}
  .page > .header ~ .header .mw .right_side .line{display:none}

  .page .main .nav_menu .mw{height:56px;gap:12px}
  .page .header .wc-theme-btn{display:none}
  .page .nav_menu .wc-theme-btn--bar{display:inline-grid;width:40px;height:40px;margin-left:auto}
  .page .main .nav_menu .mw .phone_mob{margin-left:auto}
  .page .main .nav_menu .mw .phone_mob + .main_nav + .wc-theme-btn--bar,
  .page .main .nav_menu .mw .wc-theme-btn--bar{margin-left:0}
  /* иконки первого экрана: сетка 2×2 вместо длинного столбика */
  .page .main .main_cont .mw ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .page .main .main_cont .mw ul li{width:auto!important;margin:0!important;padding:0!important}
  .page .main .main_cont .mw ul li .icon{height:36px}
  .page .main .main_cont .mw ul li p{font-size:13px}
  .page .main .nav_menu .mw .phone_mob .phone a{color:var(--head);font-size:18px}
  .page .main .nav_menu .mw .phone_mob .phone a:hover{color:var(--accent)}
  .page .main .nav_menu .mw .phone_mob .phone{margin-left:12px}

  /* значок «три полоски» рисуем стилями, чтобы он не зависел от внешних шрифтов */
  .page .main .nav_menu .mw .o_xs_menu{
    width:30px;height:22px;cursor:pointer;
    background:
      linear-gradient(var(--text),var(--text)) 0 0/100% 3px no-repeat,
      linear-gradient(var(--text),var(--text)) 0 50%/100% 3px no-repeat,
      linear-gradient(var(--text),var(--text)) 0 100%/100% 3px no-repeat;
  }
  .page .main .nav_menu .mw .o_xs_menu>*{display:none}

  /* окно меню */
  .page .xs_menu .xs_cont{background:var(--band);padding:84px 20px 24px}
  .page .xs_menu .xs_cont .main_nav,
  .page .xs_menu .xs_cont ul{width:100%}
  .page .xs_menu .xs_cont .main_nav li a,
  .page .xs_menu .xs_cont ul li a{font-size:17px;font-weight:600;color:var(--band-text)}
  .page .xs_menu .xs_cont .main_nav li .sub-menu li a,
  .page .xs_menu .xs_cont ul li .sub-menu li a{font-size:14px;font-weight:500;padding:7px 5px;line-height:1.3}
  .page .xs_menu .xs_cont .main_nav li.menu-item-has-children a:after,
  .page .xs_menu .xs_cont ul li.menu-item-has-children a:after{
    background:none;width:7px;height:7px;margin-left:12px;top:-2px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);
  }
  .page .xs_menu .xs_cont .c_xs_menu{width:32px;height:32px;right:20px;top:24px;cursor:pointer;opacity:.85}
  .page .xs_menu .xs_cont .c_xs_menu:hover{opacity:1}
  .page .xs_menu .xs_cont .c_xs_menu>*{display:none}
  .page .xs_menu .xs_cont .c_xs_menu:before,
  .page .xs_menu .xs_cont .c_xs_menu:after{
    content:"";position:absolute;left:3px;top:14px;width:26px;height:3px;background:#fff;
  }
  .page .xs_menu .xs_cont .c_xs_menu:before{transform:rotate(45deg)}
  .page .xs_menu .xs_cont .c_xs_menu:after{transform:rotate(-45deg)}

  .page .m_title .h3,.page .m_title h3,.page .m_title_uppercase h3{font-size:28px}
  .page .main .main_cont .mw{padding-top:48px;padding-bottom:48px}
  .page .main .main_cont .mw .h1,.page .main .main_cont .mw h1{font-size:34px}
  .page .about{padding-top:48px}
  .page .our_works,.page .get_calc,.page .get_calc.get_calcnew,.page .certificates{padding-top:56px;padding-bottom:56px}
  .page .any_ques .mw .m_title{padding:32px 24px 4px}
  .page .any_ques .mw .cont{padding:12px 24px 32px;flex-direction:column;align-items:stretch}
  .page .any_ques .mw .cont .btn_b .btn_green,.page .any_ques .mw .cont .btn_b .btn_m{min-width:0;width:100%;white-space:normal}
  .page2 .articles .mw .articles_line{grid-template-columns:minmax(0,1fr)}
  .page2 .articles .mw .articles_line .article{padding:22px}

  .page .about .nums .mw ul{grid-template-columns:minmax(0,1fr);gap:18px}
  .page .our_works .mw .cont .works{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .page .footer{padding:24px 16px}
  .page .footer .mw{gap:8px;text-align:center}
}

@media (max-width:600px){
  .page .wc-404{padding:48px 0}
  .page .wc-404-code{font-size:64px}
  .page .wc-404-title{font-size:28px}
  .page .our_works .mw .cont .works{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:420px){
  .page .header .mw .left_side .logo a img{height:28px}
  .page .header .btn_b .btn_m{padding:11px 10px;font-size:13px}
  .page .header .wc-theme-btn{width:40px;height:40px}
  .page .main .main_cont .mw .h1,.page .main .main_cont .mw h1{font-size:28px}
}

/* старый шаблон «для квартир» (если новый не подключён): вкладки ровно под заголовком */
.page .design .services__blocks{justify-content:flex-start!important;align-items:stretch;gap:12px;margin-left:0!important;margin-right:0!important;padding-left:0!important}
.page .design .services__block{margin:0!important}
.page .design .services__block .services__icon{height:100%}