@charset "UTF-8";
/* Оптимизация скорости:
 * Убраны @font-face для Arial и ArialBold.
 * Теперь используется системный Arial без загрузки тяжелых arial.woff / arialbd.woff.
 * Akrobat/AkrobatLight оставлены.
 */

/*---------------- Fonts ----------------*/
@font-face {
    font-family: Akrobat;
    src: url('fonts/akrobat.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: AkrobatLight;
    src: url('fonts/akrobat-light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Reset */
*{box-sizing:border-box;margin:0;padding:0; }
html,body{width:100%;margin:0;padding:0;overflow-x: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font-family: Arial;background:#fff;color:#000;font-size:18px;line-height:26px;width:100%;}
ol,ul{list-style:none; margin: 44px 0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;width: 100%;border-collapse: separate;border-spacing: 6px;}
.anchor_list::-webkit-scrollbar-button{background-image:url();background-repeat:no-repeat;width:9px;height:0;}
::selection,::-moz-selection,::-webkit-selection{background:#000;color:#fff;}
input{outline:none;}

/* General */
.flex {
    display: flex;
    flex-wrap: wrap;
}
.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
	position: relative;
    z-index: 1;
}
.container-catalog {
    max-width: 1510px;
    margin: 0 auto;
    padding: 0 20px;
}
/* Header */
.header__top-mobile {
	display: none;
}
.header__top-desktop {
	margin: 0 0 0 50px;
}
header {
    padding: 40px 0 0 0;
}
.header__desktop {
    border-bottom: #ccc 1px solid;
    padding: 0 0 40px 0;	
}
.header__desktop {
    border-bottom: none;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.5));
}
body.home .header__desktop {
	border-bottom: none;
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.5));	
}
.header__mobile {
    display: none;
	border-bottom: 1px #9f9b9b solid;
}
.choice-mobile {
	display: none;
}
.header__top-mobile {
    justify-content: space-between;
	align-items: center;
}
.header__top-logo {
	display: block;
	width: 126px;
    height: 70px;
	margin: 8px -8px;
}

.header__top {
    align-items: center;
	margin: -47px 0;
	justify-content: space-between;
}
.header__top-menu-btn {
	width: 28px;
	height: 27px;
	cursor: pointer;
}
.header__top-menu-btn span {
	background: #fff;
	width: 28px;
	height: 2px;
	display: block;
	position: relative;
}
.header__top-menu-btn span:nth-child(2) {
	top: 10px;
}
.header__top-menu-btn span:nth-child(3) {
	top: 20px;
}
.header__top > div:nth-child(1) {
    flex: 0 230px;
}
.header__top > div:nth-child(2) {
    flex: 0 calc(100% - 800px);	
    justify-content: center;
	align-items: center;
}
.header__top > div:nth-child(3) {
	flex: 0 570px;
	align-items: center;
	justify-content: end;
}
.header__social,
.header__social > div:nth-child(1) {
	margin: 0 60px 0 0;
}
.header__social img {
	height: 31px;
	width: auto;
}
.header__top-contacts {
    align-items: center;
}
.header__top-contacts > div:nth-child(2) {
    padding: 0 0 18px 15px;	
}
.mobile-menu__social {
	margin: 0 0 40px 0;
}
.mobile-menu__social > div {
	margin: 0 40px 0 0;
}
.mobile-menu__social img {
	height: 40px;
	width: auto;
	display: block;
}
    .header__menu-close {
        width: 18px;
        height: 18px;
        padding: 17px 0 0 12px;
        cursor: pointer;     
        position: absolute;
		right: 35px;
    	top: 35px;
    }
    .header__menu-close span {
        background: #010101;
        width: 18px;
        height: 2px;
        display: block;
        position: relative;        
    }
    .header__menu-close span:nth-child(1) {
        transform: rotate(45deg);
        top: 6px;
        left: 1px;
    }
    .header__menu-close span:nth-child(2) {
        transform: rotate(-45deg);
        top: 4px;
        left: 1px;
    }
    .mobile-menu {
		background: #fff;
		position: fixed;
		z-index: 999;
		width: 258px;
		height: 100vh;
		padding: 124px 40px;
		top: 0;
		right: 0;
		-webkit-transition: transform ease-in-out 0.3s;
		-moz-transition: transform ease-in-out 0.3s;
		-o-transition: transform ease-in-out 0.3s;
		transition: transform ease-in-out 0.3s;
		-moz-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		-webkit-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transform: translate(100%,0);
    }
	.mobile-menu.active {
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);	
		    background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
	}
    .mobile-menu ul li {
        padding: 0 0 30px 0;
    }
    .mobile-menu a {
          color: #354a5b;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: serif;
    font-weight: 700;
}
 .mobile-menu ul li :hover {
           color: #b0b0b0;
   transition: .3s;
}
    
.mobile-menu .menu {
	text-align: left;
	margin: 0 0 0 0;
}
.mobile-menu__logo {
    height: auto;
    position: absolute;
    left: 10px;
    top: 20px;	
}
.header__btn-calc {
    text-decoration: none;
    display: block;
    font-family: ArialBold;
    font-weight: bold;
    background-image: linear-gradient(to bottom,rgb(0 84 200),rgb(49 132 245));
    width: 190px;
    height: 54px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(175, 223, 189, 1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(175, 223, 189, 1);
    box-shadow: 0px 0px 1px 0px rgba(175, 223, 189, 1);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 17px 0 0 0;
    text-align: center;
    margin: 0 0 0 40px;
	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 	
    	text-transform: uppercase;
		border-radius: 8px;
}
.header__btn-calc:hover {
 color: #fff;
    	background-image: linear-gradient(to bottom,rgb(37 50 68),rgb(49 132 245));
    	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 
}

.header__btn-cons {
    width: 236px;
    height: 54px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    border: 1px #c4c4c4 solid;
    align-items: center;
    cursor: pointer;	
  background-image: linear-gradient(to bottom,rgb(188 188 188),rgb(141 144 148));
	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 	
    	text-transform: uppercase;
		border-radius: 8px;
}
.header__btn-cons:hover {
   color: #fff;
    background-image: linear-gradient(to bottom,rgb(113 110 110),rgb(141 144 148));
    	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 
}
.header__btn-cons > div:nth-child(1) {
    flex: 0 58px;
}
.header__btn-cons > div:nth-child(1) img {
    margin: 0 auto;
    display: block;
}
.header__btn-cons > div:nth-child(2) {
    flex: 0 calc(100% - 58px);
    font-family: Akrobat;
    font-weight: bold;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    text-align: left;
}
.header__work {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}
.header__phone a {
    font-size: 20px;
    line-height: 38px;
    text-decoration: none;
    color: #fff;
	margin: 0;
}
.header__phone-icon {
	width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
    margin: 0 8px 0 0;
}
.header__top-contacts-wrap {
    justify-content: space-between;
    align-items: end;
}
.header__menu-btn {
    width: 25px;
    height: 25px;
    padding: 0;
    cursor: pointer;
}
.header__menu-btn-calc {
	text-align: center;
	font-size: 17px;
	text-decoration: none;
	color: #2c2929;
}
.header__top-mobile > div:nth-child(2) {
	text-align: center;
}
.header__menu-btn span {
    background: #00a2e7;
    width: 25px;
    height: 4px;
    display: block;
    position: relative;
}
.header__menu-btn span:nth-child(2) {
    top: 4px;
}
.header__menu-btn span:nth-child(3) {
    top: 8px;
}
.header__desktop {
	top: 0;
    position: fixed;
    width: 100%;
	z-index: 100;
	margin: 0 0 -168px 0;
}
nav {
    padding: 0 0 0 220px;
    margin: -7px 0 0 0;
}
nav ul {
    display: flex;
	    margin: -27px 0;

}
nav ul li {
    padding: 0 21px 0 0;
}
nav ul li a {
    color: #354a5b;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
}
nav ul li a:hover {
    transition: 0.3s;
    color: #1b7da9;
}
nav ul li:nth-child(1) a:before {
    content: "";
    background: url(images/catalog-icon.png) no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 0.03em;
    margin: 0 3px 0 0;
}

/* Форма Вызвать замерщика */
.form__consult {
    width: 550px;
    position: fixed;
    z-index: 999;
    left: calc(50% - 275px);
    top: 50%;
    transform: translateY(-50%);
    padding: 0 30px;
    display: none;
	    border-radius: 8px;
 
    background: #fff;
}
.form__consult-title {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    color: #000;
    font-family: Akrobat;
    font-weight: bold;
    padding: 40px 0 20px 0;
}
.form__consult input {
    height: 60px !important;
    
    padding: 0 0 0 20px !important;
}
.iti__flag-container {
    padding: 0 0 0 15px !important;
}
.form__consult input[type="tel"] {
    padding: 0 0 0 20px !important;
}
.form__consult div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-family: AkrobatLight !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}
.form__consult textarea {
    height: 68px !important;
    border-radius: 6px !important;
    padding: 15px 0 0 20px !important;
}
.wpforms-required-label {
    display: none !important;
}
.form__consult button[type="submit"] {
    background: #343434 !important;
    height: 56px !important;
    
    width: 100% !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-family: Akrobat !important;
    font-weight: bold !important;
}
.form__consult button :hover {
   background: #4d4d4d;
    transition: .3s;
}
.wpforms-datepicker-wrap {
    width: 248px !important;
    position: relative;
}
.wpforms-datepicker-wrap:after {
    content: "";
    background: url(images/calendar.jpg) no-repeat;
    width: 25px;
    height: 29px;
    display: inline-block;
    position: absolute;
    right: 20px;
    z-index: 10;
    top: 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    margin: 0 0 10px 0 !important;
}
.form__consult-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300 !important;
    text-align: center;
    padding: 0 0 15px 0;
}
.form__consult-text a {
    color: #ff1800;
    text-decoration: none;
}
div.wpforms-container-full {
    margin-bottom: 15px !important;
}
.form__consult-close {
    position: absolute;
    top: 22px;
    right: 20px;
    cursor: pointer;
}
.form__consult-close span {
    height: 2px;
    width: 20px;
    background: #000000;
    display: block;
    position: relative;
}
.form__consult-close span:nth-child(1) {
    transform: rotate(45deg);
    top: 2px;
}
.form__consult-close span:nth-child(2) {
    transform: rotate(-45deg);
}
::-webkit-input-placeholder {font-weight: 300 !important;font-size: 14px !important;color: #847f86 !important;}
::-moz-placeholder          {font-weight: 300 !important;font-size: 14px !important;color: #847f86 !important;}
:-moz-placeholder           {font-weight: 300 !important;font-size: 14px !important;color: #847f86 !important;}
:-ms-input-placeholder      {font-weight: 300 !important;font-size: 14px !important;color: #847f86 !important;}
/* Homepage Top */
.homepage__top-v2 {
	background: url(images/top-bg-2.jpg) no-repeat;
	height: 1039px;
	display: none;
}
.homepage__top-v2 .container {
	position: relative;
	height: 100%;
}
.homepage__top-v2-wrap {
	position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
	width: 800px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(255,255,255,0.5));
    border-radius: 6px;
    height: 487px;
}
.homepage__top-mobile {
    display: none;
}
.homepage__top {
    align-items: center;
    padding: 20px 0 0 0;
}
.homepage__top > div:nth-child(1) {
    flex: 0 calc(100% - 412px);
    padding: 0 100px 0 0;
}
.homepage__top > div:nth-child(2) {
    flex: 0 412px;
}
.homepage__top > div:nth-child(2) img {
    width: 100%;
    height: auto;
    display: block;
}
.homepage__top h1, .homepage__top-v2 h1 {
    text-align: center;
    
    font-weight: 400;
    font-size: 50px;
    line-height: 64px;
    color: #375d6f;
}
.homepage-title-two {
   color: #2c2929;
    text-align: center;
    font-size: 39px;
   padding: 12px 0;
}
.homepage__top-subtitle {
    color: #325868;
    text-align: center;
   
    font-weight: 400;
    font-size: 43px;
    line-height: 64px;
}
.homepage__top-bullits {
    padding: 55px 0 0 0;
	display: none;
}
.homepage__mobile-messengers {
    
	display: none;
}

.arrow {
    width: 370px;
    height: 253px;
}
.arrow img{
   width: 36%;
    margin: 37px 63px;
}
.homepage__top-bullits > div {
   flex: 1 24.33%;
}
.homepage__top-bullits > div img {
    margin: 0 auto;
    display: block;
}
.homepage__top-bullits > div p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    padding: 22px 0 0 0;
    
    font-weight: 400;
}
.homepage__top-btn {
    display: block;
	border-radius: 8px;
    text-decoration: none;
      border: 1px #345c6e solid;
    color: #345c6e;
    font-size: 18px;
    line-height: 18px;
    width: 250px;
    height: 54px;
    margin: -198px auto 0 auto;
    display: block;
    text-align: center;
    padding: 18px 0 0 0;
    
    font-weight: 400;
    text-transform: uppercase;
	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 	
    	text-transform: uppercase;
}
.homepage__top-btn:hover {
 color: #1b7da9;
    	
    	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 
}
/* Homepage Преимущества */
.homepage__vantage-mobile {
    display: none;
}
.homepage__vantage {
    padding: 27px 0 0 0;
	display: none;
}
.homepage__vantage-title {
    color: #2c2929;
    text-align: center;
    font-size: 35px;
    line-height: 0px;
    font-family: ArialBold;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 50px 0;
}
.homepage__vantage-list > div {
    flex: 0 calc(25% - 20px);
    text-align: center;
    margin: 0 10px 60px 10px;
}
/* Каталог */ 
.homepage__catalog-text {
   
    color: #322f2f;
    text-align: center;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: -0.01em;
    padding: 15px 0;
    max-width: 1452px;
    margin: 30px auto 0 auto;
	border-radius: 8px;
}
.homepage__catalog-title {
    font-size: 42px;
    color: #000000;
    text-align: center;
    font-family: ArialBold;
    font-weight: bold;
    padding: 20px 0 40px 0;
}
.homepage__catalog-list > div {
    flex: 0 25%;
    text-align: center;
    margin: 0 0 50px 0;
}
.homepage__catalog-list > div img {
    height: 305px;
    width: auto;
    display: block;
    margin: 0 auto;
}
.homepage__vantage-list > div p {
    color: #1b3348;
    font-size: 15px;
    line-height: 21px;
    padding: 7px 0 0 0;
}
.homepage__catalog-list h3 {
    color: #000000;
    font-size: 18px;
    font-family: ArialBold;
    font-weight: bold;
    padding: 40px 0 0 0;
    min-height: 118px;
}
.homepage__catalog-price {
    color: #0b3041;
    font-size: 20px;
    font-family: ArialBold;
    font-weight: bold;    
    padding: 20px 0 0 0;
}
.homepage__catalog-btn {
    background: #01416d;
    width: 126px;
    height: 45px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-family: Akrobat;
    font-weight: bold;
    font-size: 16px;
    margin: 20px auto 0 auto;
    text-transform: uppercase;
    padding: 9px 0 0 0;
    cursor: pointer;
	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 	
    	text-transform: uppercase;
}
.homepage__catalog-btn:hover {
 color: #fff;
    	background: #097dcd;
    	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 
}
.homepage__catalog-item > div {
    flex: 0 100%;
}
/* Калькулятор */
.catalog__calc::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
.catalog__calc::-webkit-scrollbar-track {
  background: #f4f4f4;        /* цвет дорожки */
}
.catalog__calc::-webkit-scrollbar-thumb {
  background-color: #ccc;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #ccc;  /* padding вокруг плашки */
}
.catalog__calc {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    padding: 30px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    box-shadow: 0px 0px 16px 0px rgba(197, 197, 197, 1);
    border: 1px #221f1f solid;
    border-radius: 12px;
    background: #fff;
    width: 1000px;
    height: calc(100vh - 80px);
    overflow: auto;
    display: none;
}
.catalog__calc-form > div:nth-child(1) {
    flex: 0 calc(100% - 400px);
}
.catalog__calc-form > div:nth-child(2) {
    flex: 0 400px;
    padding: 75px 0 0 0;
}
.catalog__calc-img-item {
    display: none;
}
.catalog__calc-img-item.active {
    display: block;
}
.wpforms-title {
    color: #3a6e8c !important;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 0 0 45px 0;
    text-align: center;
}
.wpforms-field-radio div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 18px !important;
    font-family: Arial !important;
    font-weight: normal !important;
    padding: 0 0 15px 0 !important;
    margin: 0 !important;
}
.wpforms-image-choices-image img {
    border-radius: 12px !important;
    overflow: hidden !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
    border: none !important;
    border-radius: 12px !important;
    padding: 0 0 25px 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
    padding-right: 36px !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label {
    box-shadow: none !important;
}
.wpforms-image-choices-image {
    text-align: left !important;
}
.catalog__calc-img-item img {
    margin: 0 !important;
    height: 353px !important;
    width: auto !important;
    display: block !important;
    max-width: 400px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after {
    content: "" !important;
    background: #02416d url(images/checked.jpg) no-repeat 9px 10px !important;
    top: 15px !important;
    left: 5px !important;
}
.wpforms-field-radio:nth-child(1) .wpforms-image-choices-label {
    width: 103px !important;
    font-weight: normal !important;
    font-size: 15px !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label {
    margin-top: 0 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label {
    font-weight: normal !important;
    font-size: 15px !important;
}
div.wpforms-container-full .wpforms-form ul li {
    margin-bottom: 25px !important;
}
.wpforms-list-inline label {
    margin: 0 7px 0 0 !important;
}
.catalog__calc-text {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0 0 0;
    text-align: left;
}
.catalog__calc-text p {
    padding: 0 0 20px 0;
}
.catalog__calc-text strong {
    font-family: ArialBold;
    font-weight: bold;   
    font-size: 18px;
}
.catalog__calc-choice .wpforms-field-name,
.catalog__calc-choice .wpforms-field-phone {
    width: 50% !important;
    display: inline-block !important;
    padding: 0 15px 0 0 !important;
    text-align: left !important;
}
.catalog__calc-choice .wpforms-field-name input,
.catalog__calc-choice .wpforms-field-phone input {
    height: 30px !important;
    border: 1px #3d3d3d solid;
    border-radius: 5px !important;
    background: #efefef !important;
}
.catalog__calc-choice div.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-field-label {
    font-size: 18px !important;
    font-weight: normal !important;
    text-align: left !important;
}
.catalog__calc-choice div.wpforms-container-full .wpforms-form .wpforms-field-name .wpforms-field-label,
.catalog__calc-choice div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-label {
    font-family: AkrobatLight !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}
.catalog__calc-choice button[type="submit"] {
    background: #01416d !important;
    border-radius: 5px !important;
    width: calc(100% - 15px) !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: 18px !important;
    font-family: Akrobat !important;
    font-weight: bold !important;
}
body .iti__selected-flag, div.wpforms-container .wpforms-form .iti__selected-flag, div.wpforms-container-full .wpforms-form .iti__selected-flag {
    padding: 0 6px 0 0 !important;
}
.wpforms-image-choices {
    text-align: left !important;
}
/* Форма Не можете подобрать перегородку? */
.pickup_barrier__form-flex > div:nth-child(1) {
	position: relative;
}
.pickup_barrier__form-wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    width: 100%;
	left: 0;
}
.wpforms-container {
	max-width: 328px !important;
	margin: 0 auto !important;
}
.pickup_barrier__form-bg {
	background: #fff;
	padding: 15px;
	    border: 1px solid #d7d7d7;
		border-radius: 8px;
}
.pickup_barrier__form .wpforms-title {
    color: #3e7091 !important;
    font-size: 22px !important;
    line-height: 26px !important;
    margin: 0 !important;
    font-family: ArialBold !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
.pickup_barrier__form .form_subtitle {
    padding: 20px 180px !important;
    font-size: 22px !important;
    line-height: 30px !important;
    text-align: center;
}
.pickup_barrier__form .wpforms-field-name,
.pickup_barrier__form .wpforms-field-phone,
.pickup_barrier__form .wpforms-field-email {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}
.pickup_barrier__form div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 100px !important;
    margin: 0 !important;
    width: 100% !important;
    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(211, 211, 208, 1) !important;
    -moz-box-shadow: 0px 0px 18px 0px rgba(211, 211, 208, 1) !important;
    box-shadow: 0px 0px 3px 0px rgba(211, 211, 208, 1) !important;
    border: none !important;
}
.pickup_barrier__form input {
    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(211, 211, 208, 1) !important;
    -moz-box-shadow: 0px 0px 3px 0px rgba(211, 211, 208, 1) !important;
    box-shadow: 0px 0px 3px 0px rgba(211, 211, 208, 1) !important;
    height: 50px !important;
    border: none !important;
    font-size: 16px !important;
    font-family: Arial !important;
    font-weight: normal !important;
}
.wpforms-field-file-upload {
  width: 100%;
  position: relative;
  margin: 15px 0;
  text-align: center;
  height: 55px !important;
}
.front-page input[type="file"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.input__file-icon-wrapper {
  height: 60px;
  width: 60px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #fff;
}
.input__file-button-text {
  line-height: 1;
  margin-top: 1px;
}
.input__file-button {
  width: 100%;
  max-width: 290px;
  height: 60px;
  background: #1bbc9b;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto;
}
.pickup_barrier__form .wpforms-field-label {
    background: #7c7c7c !important;
    height: 40px !important;
 
    width: 200px !important;
    position: relative !important;
    font-size: 15px !important;
    font-family: Arial !important;
    font-weight: normal !important;
    color: #fff !important;
    padding: 10px 0 0 20px !important;
    display: block !important;
    cursor: pointer;
}
.pickup_barrier__form .wpforms-field-label:before {
    content: "";
    background: url(images/file.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: absolute;
    left: 11px;
    top: 8px;
}
.pickup_barrier__form button[type="submit"] {
    background: #606c88;
    height: 40px !important; 
    width: 200px !important;
    position: relative !important;
    font-size: 15px !important;
    font-family: Arial !important;
    font-weight: normal !important;
    color: #fff !important; 
    margin: 0 !important;
}
.pickup_barrier__form .wpforms-field-file-upload {
    width: 200px !important;
    margin: 0 auto !important;
}
.pickup_barrier__form .wpforms-submit-container {
    width: 200px !important;
    top: -70px;
    left: 0;
    margin: 0 auto -70px auto !important;
    display: block;
}
.pickup_barrier__form {
	background: rgb(237,237,237);
	background: linear-gradient(-180deg, rgba(237,237,237,1) 0%, rgba(207,207,207,1) 100%);
	padding: 80px 0;
	margin: 78px 0 70px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 7px 0 !important;
}
#wpforms-124-field_7-container {
    width: 304px !important;
    display: inline-block !important;
    margin: 0 0 0 15px !important;
}
#wpforms-124-field_8-container {
    position: relative;
    padding: 0 0 0 15px;
    font-size: 12px;
    line-height: 16px;
    top: -100px; 
    width: 270px !important;
    display: inline-block !important;
}
#wpforms-124-field_8-container a {
    color: #0ca8f5;
}
/* Фото выполненных работ */
.homepage__title {
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    padding: 0 0 117px 0;
	color: #343434;
    font-family: 'ArialNarrow';
}
.homepage__furnitura .homepage__title {
    color: #356a8c;
}
.homepage__portfolio, .homepage__furnitura {
    padding: 0 0 90px 0;
}
.homepage__portfolio {
	padding: 50px 0 90px 0;
}
.homepage__portfolio-list > div {
    flex: 0 calc(20% - 45px);
    margin: 0 45px 45px 0;
}
.homepage__portfolio-list > div img {
    width: 100%;
    height: auto;
    display: block;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}
.homepage__portfolio-list  > div img :hover {
 
	  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.3);
		transition: 0.3s;
  
}
.homepage__furnitura-list {
    justify-content: center;
}
.homepage__furnitura-list > div {
    flex: 0 calc(25% - 45px);
    margin: 0 45px 0 0;
}
.homepage__furnitura-list > div img {
    width: auto;
    height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
}
.homepage__glass-list > div {
    flex: 0 calc(25% - 45px);
    margin: 0 45px 30px 0;    
}
.homepage__glass-list > div img {
    width: 100%;
    height: auto;
    display: block;
}
.homepage__glass-text {
    text-align: center;
    font-size: 21px;
    color: #1d3348;
    padding: 12px 0 30px 0;
}
#fancybox-wrap {
    width: calc(100% - 100px) !important;
    left: 50px !important;
   
    border: 1px #3e3e3e solid;
    overflow: hidden;
}
#fancybox-img {
    width: auto !important;
    margin: 0 auto !important;
    display: block;
}
.fancy-ico span {
    background: transparent !important;
    border: 0px solid white !important; 
    box-shadow: none !important;
}
#fancybox-prev span::after, #fancybox-next span::after {
    top: 6px !important; 
    width: 15px !important;
    height: 15px !important;
    border-top: 2px solid #686868 !important; 
    border-right: 2px solid #686868 !important; 
}

#fancybox-prev span::after {
    left: 30px !important; 
}
#fancybox-next span::after {
    right: 30px !important; 
}
#fancybox-close span::before {
    top: 0 !important; 
    left: 0 !important; 
    width: 20px !important; 
    background-color: #020202 !important; 
}
#fancybox-close span::after {
    top: 0 !important; 
    left: 0 !important; 
    width: 20px !important; 
    background-color: #020202 !important; 
}
#fancybox-close {
    top: 10px !important; 
    right: 0 !important; 
}
/* Этапы заказа */
.homepage__etaps {
  background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/fon1.jpg);
    background-size: cover;
    background-position: bottom center;
    padding: 55px 0;
	border-top: 1px solid #cecece;
    margin: 135px 0 0;
	box-shadow: 0px 11px 21px -9px #9a9a9a42;
}

..homepage__etaps-list>div {
    flex: 0 calc(25% - 30px);
    margin: 0 15px 70px;
    position: relative;
    border: 1px solid #d5d5d5;
    border-radius: 24px;
    padding: 33px 13px;
    background: white;
}

.homepage__etaps-list > div:last-of-type .homepage__etaps-arrow {
	display: none;
}
.homepage__etaps-header {
	padding: 0 0 0px;
    margin: 0 auto;
    display: block;
}
.homepage__etaps-list img {
    margin: 0 auto;
    display: block;
	height: 45px;
	width: auto;
	filter: grayscale(1);
}
.homepage__etaps-title {
	font-family: ArialNarrow;
	font-size: 22px;
	text-align: center;
}
.homepage__etaps-text {
    text-align: center;
    font-size: 15px;
    color: #1b3348;
    line-height: 25px;
    padding: 20px 36px;
}
/* Примеры */
.homepage__example {
    padding: 50px 0 75px 0;
}
.homepage__example .homepage__title {
    color: #356a8c;
    padding: 0 0 90px 0;
}
.homepage__example-list > div:nth-child(1), .homepage__example-list > div:nth-child(3) {
    flex: 0 368px;
}
.homepage__example-list > div:nth-child(2) {
    flex: 0 calc(100% - 736px);
}
.homepage__example-list > div:nth-child(1) img {
    width: 100%;
    height: auto;
    display: block;
border-radius: 8px;
    border: 1px #9f9f9f solid;
}
.homepage__example-video {
    width: 368px;
    margin: 0 auto;
    position: relative;
}
.homepage__example-list > div:nth-child(2) video {
    margin: 0 auto;
   border-radius: 8px;
    border: 1px #9f9f9f solid;
}
.homepage__example-text {
    padding: 30px 20px;
    font-size: 18px;
    line-height: 24px;
   border-radius: 8px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(201, 201, 200, 1) !important;
    -moz-box-shadow: 0px 0px 28px 0px rgba(201, 201, 200, 1) !important;
    box-shadow: 0px 0px 28px 0px rgba(201, 201, 200, 1) !important;
    text-align: center;
}
.homepage__example-text p {
    padding: 0 0 25px 0;
}
.homepage__example-text p:last-of-type {
    padding: 0;
}
.homepage__example-text strong {
    color: #3873c4;
    font-family: ArialBold;
    font-weight: bold;
}
.homepage__example-video:after {
    content: "";
    background: url(images/play.png) no-repeat;
    display: none;
    width: 43px;
    height: 47px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.homepage__example-mobile {
    display: none;
}
.wpforms-confirmation-container-full {
    background: transparent !important;
    border: none !important;
}
.wpforms-confirmation-container-full {
    font-size: 24px !important;
    line-height: 30px !important;
    padding: 15px 0px !important;
    text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input {
    bottom: -10px !important;
    left: calc(50% - 15px) !important;
	top: auto !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {    
    margin: 0 !important;
    width: min-content; !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
    padding-bottom: 35px !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after {
	display: none !important;
}
.wpforms-list-3-columns .wpforms-image-choices-image {
	width: fit-content !important;
}
.wpforms-list-inline .wpforms-image-choices-image {
	width: max-content !important;
}
/* Footer */
footer {
    background: #f3f3f3;
    padding: 70px 0 0 60px;
	margin: 72px 0;
}
.footer__mobile {
    display: none;
}
.footer__address-title {
    font-size: 16px;
    color: #060e23;
    padding: 0 0 4px 0;
    font-family: ArialBold;
    font-weight: bold;
}
.footer__address-title:before {
    content: "";
    background: url(images/icon_adress.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    margin: 0 6px 0 0;
    font-family: ArialBold;
    font-weight: bold;
}
.footer__write-text > div:nth-child(2) {
    font-size: 14px;
}
.footer__phone-title {
    font-size: 16px;
    color: #060e23;
    padding: 40px 0 4px 0;
    font-family: ArialBold;
    font-weight: bold;
}
.footer__phone-title:before {
    content: "";
    background: url(images/icon_phone.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    margin: 0 6px 0 0;
    font-family: ArialBold;
    font-weight: bold;
}
.footer__phone {
    font-family: Intro;
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    color: #000;
    margin: 0 0 20px 0;
    display: block;
    padding: 0 0 0 20px;
}
.footer > div:nth-child(1) {
    flex: 0 25%;
}
.footer > div:nth-child(2) {
    flex: 0 25%;
}
.footer > div:nth-child(3) {
    flex: 0 45%;
}
.footer > div:nth-child(4) {
    flex: 0 calc(49% - 480px);
    text-align: right;
    position: relative;
}
.footer > div:nth-child(4) img {
    position: absolute;
    bottom: -60px;
    right: 0;
    cursor: pointer;
}
.footer__write {
    font-size: 16px;
    color: #060e23;
    padding: 0 0 20px 0; 
    font-family: ArialBold;
    font-weight: bold;
}
.footer__write-text {
    align-items: center;
}
.footer__write-text > div:nth-child(1) {
    padding: 0 15px 0 0;
}
.footer__write-text > div img {
    display: block;
}
.footer__order {
   
background: linear-gradient(-180deg,rgb(87 78 77) 0%,rgb(5 5 5) 100%);
    height: 52px;
    width: 206px;
    color: #fff;
    font-size: 15px;
    
    font-weight: 400;
    padding: 13px 0 0 0;
    cursor: pointer;
    text-align: center;
    margin: 31px 0px 0 0;
	border-radius: 100px;
	tansition: all .3s linear;
    	-webkit-transition: all .3s linear;
    	-moz-transition: all .3s linear; 	
    	text-transform: uppercase;
}
.footer__order:hover {
 color:#fff;
       background: linear-gradient(-180deg,rgb(25 24 24) 0%,rgb(101 93 93) 100%)
    transition: .3s;0
		border-radius: 8px;
}
.footer_bottom > div:nth-child(1) {
    font-size: 12px;
    line-height: 16px;
}
.footer__menu ul {
    display: none;
    justify-content: center;
}
.footer__menu ul li {
    padding: 0 24px 0 0;
}
.footer__menu ul a {
    color: #354a5b;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    font-family: Intro;
    font-weight: 900;
}
.footer__menu ul a:hover {
transition: .3s;
    color: #1b7da9;
}
.footer__menu ul li:nth-child(1) a:before {
    content: "";
    background: url(images/catalog-icon.png) no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 0.03em;
    margin: 0 3px 0 0;
}
.footer__address,
.footer__clock{
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 17px;
}
.footer__yandex iframe {
    border: none;
    outline: none;
}
.footer__yandex  {
    width: 48%;
    float: right;
    margin: 0;
}
.footer__bottom {
    padding: 60px 0 0 0;
}
.footer__bottom > div:nth-child(1),
.footer__bottom > div:nth-child(3) {
    flex: 0 330px;
    font-size: 12px;
    line-height: 16px;
}
.footer__bottom > div:nth-child(2) {
    flex: 0 calc(100% - 660px);
}
.footer__bottom {
    align-items: end;
}
.to_top {
    display: none;
    position: fixed;
    right: 125px;
    bottom: 109px;
    z-index: 100;
    cursor: pointer;
}
.homepage__vantage-desktop {
	display: none;
}
.homepage__vantage-list-left, .homepage__vantage-list-right {
	flex: 0 25%;
	text-align: center;
}
.homepage__vantage-list-left p, .homepage__vantage-list-right p {
	color: #000000;
    font-size: 15px;
    line-height: 21px;
    padding: 15px 10px 0 10px;
}
.homepage__vantage-list-right-img {
	flex: 0 50%;
	padding: 0 80px;
}
.homepage__vantage-list-right-img img {
	width: 100%;
	height: auto;
	display: block;
}
.homepage__vantage-list-left img, .homepage__vantage-list-right img {
	display: block;
	margin: 0 auto;
}
.homepage__vantage-list-wrap {
	padding: 50px 0;
}
.homepage__vantage-list-left > div,
.homepage__vantage-list-right > div {
	padding: 0 0 60px 0;
}
.form_podbor {
	display: none;
}
.form_podbor__form > div:nth-child(1) {
	flex: 0 60%;
}
.form_podbor__form > div:nth-child(2) {
	flex: 0 40%;
}
.pickup_barrier__form-flex > div:nth-child(1) {
	flex: 0 calc(100% - 368px);
}
.pickup_barrier__form-flex > div:nth-child(2) {
	flex: 0 368px;
}
.form_title {
	text-align: center;
	text-transform: uppercase;
	color: #3f4c6b;
    font-size: 26px;
    line-height: 26px;
    margin: 0;
    font-family: ArialBold;
    font-weight: bold;
    text-transform: uppercase;
}
.form_subtitle {
    padding: 10px 0;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.popup__tinkoff {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
   border-radius: 8px;
    padding: 70px;
    overflow: inherit;
	height: calc(100vh - 100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    background: #fff;
	position: fixed;
	overflow: auto;
	box-shadow: 2px 3px 12px #adadad;
}
.popup__tinkoff-wrapper {
	display: none;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.popup__tinkoff-wrap {
	width: 55%;
	position: relative;
	z-index: 5;
}
.tinkoff-img-desktop {
	position: absolute;
	right: 50px;
	top: 50px;
}
.tinkoff-img-mobile {
	display: none;
}
.popup__tinkoff-title {
	font-size: 20px;
	line-height: 26px;
	font-family: ArialBold;
}
.popup__tinkoff-text-1 {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial;
	padding: 25px 0;
}
.popup__tinkoff-text-2 {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial;	
}
.popup__tinkoff-text-3 {
	font-size: 13px;
	line-height: 18px;
	font-family: ArialBold;	
	border-radius: 6px;
	padding: 5px;
	border: #e5e5e5 1px solid;
	display: inline-block;
	margin: 20px 0 10px 0;
}
.popup__tinkoff-text-4 li {
	font-size: 13px;
	line-height: 18px;
	font-family: Arial;
	padding: 0 0 15px 17px;
	position: relative;
}
.popup__tinkoff-text-4 li:before {
	content: "";
	background: rgb(67,154,255);
	background: linear-gradient(-180deg, rgba(67,154,255,1) 0%, rgba(54,130,224,1) 100%);
	width: 7px;
	height: 7px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px;
}
.popup__tinkoff-text-5 {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-family: ArialBold;
    padding: 35px 0 30px 0;
}
.popup__tinkoff-uslovia-list > div {
	flex: 0 calc(33.33% - 24px);
	margin: 0 24px 0 0;
	background: #ffe718;
	border-radius: 6px;
	height: 170px;
	padding: 40px;
	position: relative;
}
.popup__tinkoff-uslovia-list-title {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	top: 40px;
	width: 100%;
	left: 0;
	padding: 0 60px;
}
.popup__tinkoff-uslovia-list-subtitle {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	bottom: 40px;
	width: 100%;
	left: 0;
}
.tinkoff-close {
    position: fixed;
    right: 180px;
    top: 50px;
    cursor: pointer;
    z-index: 400;
    width: 20px;
    height: 20px;
}
.tinkoff-close svg {
	width: 100%;
	height: 100%;
}
.tinkoff_block {
	padding: 36px 0 0 0;
	cursor: pointer;
	display: none;
}
.tinkoff_block__rass > div:nth-child(1) {
	flex: 0 calc(100% - 295px);
	padding: 0 30px 0 0;
}
.tinkoff_block__rass > div:nth-child(2) {
	flex: 0 295px;
}
.tinkoff_block__rass > div:nth-child(2) img {
	width: 100%;
	height: auto;
	display: block;
max-width: 295px;
    margin: -22px 6px;
}
.tinkoff_block__rass .glass-color__tinkoff-btn {
    margin: 0;
    height: 36px;
}
.tinkoff_block__title {
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	font-family: ArialNarrow;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}
.tinkoff_block__uslovia > div {
	flex: 0 calc(25% - 32px);
	margin: 0 16px;
}
.tinkoff_block__uslovia > div p {
	background-color: #fdf70b;

	padding: 5px 7px;
	font-size: 12px;
	text-align: center;
	border-radius: 8px;
}
.overlay {
	display: none;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100vh;
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
}
/* Калькулятор */
.calc__container {
	padding: 20px 0 50px 0;
}
.calc__container h3 {
	padding: 0 0 30px 0;
}
.title_size_field {
    font-size: 16px;
    margin: 0 20px 0 0;
}
label span {
	color: #de290b;
}
.calc__container-parametr-1 > p {
	position: relative;
	width: 100%;
}
.calc__container-parametr-1-icon .color_price__icon {
	height: 23px !important;
}
.color_price__icon {
    position: absolute;
    left: 25px;
    top: 25px;
    height: 28px;
    width: auto;
}
.form__calc-title {
    font-size: 16px;
    margin: 0 0 20px 0;
	font-family: Gilroy-Bold;
	color: #535353;
}
.form_calc .calc__container-parametr-1 input {
    border: 1px #585454 solid;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 1;
    background: transparent;
    font-family: Gilroy-Regular;
    appearance: none !important;
}
.calc__container-parametr-1 ::-webkit-input-placeholder {font-family: Gilroy-Regular !important;}
.calc__container-parametr-1 ::-moz-placeholder {font-family: Gilroy-Regular !important;}
.calc__container-parametr-1 :-moz-placeholder {font-family: Gilroy-Regular !important;}
.calc__container-parametr-1 :-ms-input-placeholder {font-family: Gilroy-Regular !important;}
.form_calc input {
	border-radius: 30px;
	height: 78px;
	padding: 0 0 0 10px;
	width: 100%;
	transition: 0.3s;
}
.form_calc input:hover {
	border: 2px solid rgb(140 140 140 / 64%);
	transition: 0.3s;
}
.form__calc-services {
	border: 2px #eeeeee solid;
}
.form_calc .form__calc-services label,
.form_calc .form__calc-services:hover label {
    border: none;
    outline: none;
}
.form__calc-services:hover {
	border: 1px solid rgb(140 140 140 / 64%);
	transition: 0.3s;
}
.form__calc-services:hover label {
	border: none;
}
.form_calc input[type="radio"] {
	width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
	cursor: pointer;
}
.form_calc label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	display: inline-block;
}
/* .form_calc label:before {
	content: "";
	background: #fff;
	border-radius: 4px;
	border: 1px #878787 solid;
	width: 14px;
	height: 14px;
    display: inline-block;
    margin: 0 8px 0 0;
    position: absolute;
	top: 3px;
	left: 0;
}
.form_calc label.active:before {
	content: "";
	background: #878787;
	border-radius: 4px;
	border: 1px #878787 solid;
	width: 14px;
	height: 14px;
    display: inline-block;
    margin: 0 8px 0 0;
    position: absolute;
	top: 3px;
	left: 0;
}  */
.form_calc .no-before:before {
	display: none;
} 

.form_calc input[type="checkbox"] {
	width: 13px;
	height: 13px;
}
.form_calc label {
	font-family: Gilroy-Regular;
	font-size: 15px;
	line-height: 19px;
	position: relative;
	padding: 0 0 0 30px;
	border: 2px #eeeeee solid;
    padding: 8px 15px 8px 20px;
    border-radius: 30px;
	transition: 0.3s;
	width: 100%;
	text-align: left;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: flex-start;
	color: #535353;
}
.form_calc label.active,
.form__calc-services.active {
	border: 2px solid rgb(140 140 140 / 64%);
}
.form__calc-services label:hover {
	border: none;
}
.color_price__img {
    margin: 0 10px 0 0;
    height: 60px;
	width: auto;
}
.form_calc label:hover {
	border: 1px solid rgb(140 140 140 / 64%);
}
/* .form_calc .form__calc-services label,
.form_calc .calc__container-parametr label,
.form_calc .calc__order-form-inline label {
	padding: 0;
} */
.calc__container > div:nth-child(1) {
	flex: 0 500px;
	padding: 0;
	position: relative;
}
.calc__container > div:nth-child(2) {
	flex: 0 calc(100% - 500px);
	position: relative;
}
.calc__container > div:nth-child(3) {
	flex: 0 35%;
	padding: 0px;
	margin: 0;
	font-family: serif;
	position: relative;
	background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
}
.calc__container > div:nth-child(1) img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.calc__container-parametr-1,
.calc__container-parametr-2,
.calc__container-parametr-3 {
	align-items: center;
	margin: 0 0 10px 0;
}
.calc__container-parametr-2 {
	gap: 30px;
}
.calc__container-center {
	display: flex;
	align-items: center;
}
.last1 {
	width: 84%;
    margin: -18px -227px;

}
.last2 {
width: 4%;
    margin: -34px 36px;
}
.last1 :hover {
	background-image: url("wp-content/uploads/2023/02/last1-hover.png");
	width: 84%;
    margin: -18px -227px;
	transition: 0,3s;
}
.last2 :hover {
	background-image: url("wp-content/uploads/2023/02/last2-hover.png");
	width: 4%;
    margin: -34px 36px;
	transition: 0,3s;
}
.calc__container-checkbox-center {
	text-align: left;
	line-height: 14px;
}
.calc__container-parametr-glass-repeater > div,
.calc__container-parametr-furn-repeater > div {
	text-align: left;
	line-height: 30px;
	margin: 0 0 15px 0;
}
.calc__container-parametr-tol > div,
.calc__container-parametr-storona > div {
	line-height: 30px;
	text-align: left;
}

.form__calc-services > p:nth-child(1) {
	margin: 0 10px 0 0;
}
.glass-color__wrap {
    height: auto;
    position: relative;
    padding: 0 0 30px 0;
}
.glass-color__wrap-inner {
	position: relative;
	top: 0;
	right: 0;
	height: fit-content;
}
.glass-color__wrap-inner.active {
	display: block;
	
	    background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
	width: 100%;
}
.glass-color__wrap-inner {
	display: none;
}
.glass-color__wrap-inner img {
	width: auto;
	max-width: 100%;
	height: 100%;
}


/* ===== Single calc: shadow for visualization image block ===== */
.glass-color__wrap {
    overflow: visible !important;
}

.glass-color__wrap-inner.active {
    border-radius: 16px !important;
    overflow: hidden !important;
    background-color: #fff !important;
   box-shadow: 0 4px 14px rgba(15, 23, 42, .055);
border: 1px solid #e2e8f0;
}

.glass-color__wrap-inner.active img {
    border-radius: 16px !important;
}

@media screen and (max-width: 768px) {
    .glass-color__wrap-inner.active {
         box-shadow: 0 4px 14px rgba(15, 23, 42, .055);
border: 1px solid #e2e8f0;
    }

    .glass-color__wrap-inner.active img {
        border-radius: 14px !important;
    }
}
.glass-color__wrap > div:nth-child(1) .color {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    
}
.glass-color__wrap > div .color {
	display: none;
}
.hrom-color,
.gold-color,
.black-color,
.hrom-color-2,
.gold-color-2,
.black-color-2 {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.hrom-color.active,
.gold-color.active,
.black-color.active,
.hrom-color-2.active,
.gold-color-2.active,
.black-color-2.active{
	display: block;
	    border-radius: 13px;
}
.color_8,
.color_10 {
	display: none;
}
.color_8.active,
.color_10.active {
	display: block;
	height: 100%;
}
.constr-type {
	margin: 40px 0;
}
.constr-type > div {
	flex: 0 calc(25% - 40px);
	margin: 0 20px;
	cursor: pointer;
}
.constr-type > div img {
	margin: 0 auto;
	display: block;
}
.constr-type > div a {
	text-decoration: none;
    color: #025fca;
}
.constr-type > div p {
	text-align: center;
	font-size: 18px;
    line-height: 22px;
	margin: 10px 0 0 0;
	transition: 0.3s;
}
.constr-type > div p:hover {
	color: #b0b0b0;
	transition: 0.3s;
}
.homepage__catalog-btn-link {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    border: 1px #000 solid;
    padding: 5px 0;
    margin: 25px 0 0 0;
    border-radius: 3px;	
}
.calc__list > a,
.calc__list > div {
	flex: 0 calc(25% - 20px);
	margin: 0 10px 30px 10px;
	cursor: pointer;
	text-decoration: none;
}
.calc__list > a {
	color: #000;
    border-radius: 10px;
	border: 1px #fff solid;
	padding: 10px 10px 20px 10px;
	transition: 0.3s;
}

.calc__list > a:hover {
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
}
.calc__list-img-wrap {
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.calc__list > a img,
.calc__list > div img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	
}
.calc__list-price {
	font-family: Corbelb;
	font-size: 22px;
	text-align: center;
	padding: 15px 0 20px 0;
}
.photo_anons_open {
	opacity: 0;
	transition: 0.3s;
	position: absolute;
	width: 100%;
	height: auto;
	display: block;
}
.photo_anons_open.active {
	opacity: 1;
	transition: 0.3s;
}
.homepage__catalog .calc__list {
	padding: 40px 0 50px 0;
}
.calc__list-title {
    text-align: center;
    margin: 20px 0 10px 0;
    font-family: ArialBold;
    height: 44px;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
	color: #5d5d5d;
}
.calc__list {
	padding: 220px 0 50px 0;
}
.calc__list-link {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto;
	background: #343434;
	box-shadow: 0px 5px 5px 0px rgba(148,146,146,1);
	padding: 5px 15px;
    text-decoration: none;
    color: #fff;
    width: fit-content;
    display: block;
	border-radius: 3px;
	display: none;
	transition: 0.3s;
}
.calc__list-link.active {
	display: block;
	transition: 0.3s;
}
.calc__list-link:hover {
	color: #ffffff;
    background: #4d4d4d;
	transition: 0.3s;
}
.calc__list-link a :hover{
  background: #3f4c6b;
    transition:0.3s;
}
.calc__container-title {
	padding: 106px 0 30px 0;
	text-align: center;
	position: relative;
	    background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
}
.calc__container-title-home {
	text-decoration: none;
	color:#565555;
	position: absolute;
	font-family: ArialBold;
	left: 0;	
    bottom: 32px;
	transition: 0.3s;
	margin: -10px 0;
}
.calc__container-title-home:hover {
	transition: 0.3s;
	color: #565555;
}
.calc__title-home {
	text-decoration: none;
	color: #404d6c;
	transition: 0.3s;
    position: relative;
    z-index: 10;
	top: 12px;
}
.calc__title-home:hover {
	transition: 0.3s;
	color: #032348;
}
.calc__container-title h3 {
    font-size: 24px;
    line-height: 36px;
    color: #565555;
    margin: 79px 0 0 0;
    font-family: serif;
	padding: 0 81px ;

}
.calc__container-parametr,
.calc__container-parametr-tol,
.calc__container-parametr-storona,
.calc__container-parametr-glass,
.calc__container-parametr-furn,
.calc__container-parametr-furn-services {
    position: relative;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
	width: 100%;
}
.calc__container-parametr-furn-services .form__calc-title {
	padding: 0 0 20px 0;
}
#summ2 {
	font-family: ArialBold;
	color: #F22727;
	font-size: 28px;
	margin: 0 0 0 10px;
}
.calc_form_btn {
	text-decoration: none;
    display: block;
    font-family: ArialBold;
    font-weight: bold;
    background: linear-gradient(-180deg,rgb(87 78 77) 0%,rgb(5 5 5) 100%);
    width: 190px;
    height: 54px !important;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(175 223 189);
    -moz-box-shadow: 0px 0px 16px 0px rgba(175, 223, 189, 1);
    box-shadow: 0px 0px 1px 0px rgb(175 223 189);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 0 !important;
    text-align: center;
    margin: 0 0 0 40px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    border-radius: 8px;
	cursor: pointer !important;
}
.calc_form_btn :hover{
background: #030303;
    transition: .3s;
}
.summ {
	align-items: center;
    margin: 40px 0 0;
    background: #fdff68;
    padding: 24px;
	font-family: 'Gilroy-Bold';
    width: 30%;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
}
.calc__container > div:nth-child(1) {
	position: relative;
	background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
	padding: 0 30px 0 0;
}
.header_summ {
	position: absolute;
	z-index: 300;
	top: 0;
	right: 0;
	background: linear-gradient(to bottom,rgb(255 250 0),rgb(255 245 0 / 50%));
}
.header_summ {
    color: #000;
    font-size: 16px;
    margin: -1px 0;
    text-align: right;
    line-height: 18px;
    padding: 13px;
    position: absolute;
    right: 47px;
    top: 0;
    background: #fbff0096;
    display: none;
    border-bottom-right-radius: 30px;
}
.header_summ #summ {
    font-family: ArialBold;
    font-weight: bold;
	color: #de290b;
	font-size: 20px;
}
.summ_wrap {
	gap: 0 5px;
	justify-content: end;
}
.form__calc-bottom {
	padding: 25px 0;
	font-family: 'Gilroy-Bold';
}
.form__calc-full-btn {
	color: #F22727;
	cursor: pointer;
	text-decoration: none;
	transition: 0.3s;
}
.form__calc-full-btn:hover {
	color: #e86767;
	transition: 0.3s;
}
.form__calc-full a :hover {
	color: #000000;
	transition: 0.3s;
	
}
.form__calc-full {
	padding: 0px 0 0px 0;
	font-family: 'Gilroy-Bold';
}
.glass-color__text {
	padding: 30px 0 0 0;
	font-size: 15px;
	line-height: 18px;
}
.glass-color__text p {
	padding: 0 0 15px 0;
}
.glass-color__tinkoff-img {
	margin: 22px auto;
	display: block;
	max-width: 220px;
	height: auto;
}
.glass-color__tinkoff-title {
    font-size: 23px;
    line-height: 34px;
    text-align: center;
    font-family: ArialNarrow;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}	
.glass-color__tinkoff-list > div {
	background-color: #fdf70b;
    padding: 5px 7px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
	margin: 0 0 6px 0;
}
.glass-color__tinkoff {
	max-width: 341px;
	margin: 0 auto;
}
.glass-color__tinkoff-btn {
	border: 1px ##fdf70b solid;
    padding: 5px 7px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
	cursor: pointer;
	box-shadow: 0px 0px 1px #5d402e;
}
.glass-color__tinkoff-form-btn {
	cursor: pointer;
	margin: 30px auto 0 auto;
	text-decoration: none;
    display: block;
    font-family: ArialBold;
    font-weight: bold;
    background: #01b0ff;
    width: 190px;
    height: 54px;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(175 223 189);
    -moz-box-shadow: 0px 0px 16px 0px rgba(175, 223, 189, 1);
    box-shadow: 0px 0px 1px 0px rgb(175 223 189);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 17px 0 0 0;
    text-align: center;
    tansition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    text-transform: uppercase;
    border-radius: 8px;
}
.glass-color__tinkoff-mobile-hidden {
	display: none;
}
.glass-color__tinkoff-desktop-hidden {
	display: none;
}
.calc__container-parametr-furn-services > div:nth-child(1) p,
.calc__container-parametr-furn-services > div:nth-child(2) p {
	text-align: center;
}
.form__calc {
	display: none;
}
.page_thanks__title {
    text-align: center;
    font-size: 20px;
    padding: 0px 0 0 0;
    margin: 247px 0 0 0;
}
/* Калькулятор стоимости */
.calc-page__wrap {
	margin: 69px 0 0 0;
}
.calc-page__wrap .calc__list {
    padding: 30px 0 50px 0;
}
.calc__list > .no-active {
	display: none;
}
.outerPost .calc__container-title {
    padding: 0px 0 30px 0;
    text-align: center;
}
.tinkoff-close path {
	fill: #000;
}
.calc__order-popup,
.calc__order-popup-2 {
	display: none;
    width: 550px;
    position: fixed;
    z-index: 999;
    left: calc(50% - 275px);
    top: 50%;
    transform: translateY(-50%);
    padding: 60px 30px 20px 30px;
    border-radius: 8px;
   border: 1px solid #999;
    background: #fff;
}
.calc__order-popup input,
.calc__order-popup-2 input {
    height: 60px !important;
    padding: 0 0 0 20px !important;
    width: 100%;
    margin: 0 0 10px 0;
}
.calc__order-btn-popup {
    text-decoration: none;
    display: block;
    font-family: ArialBold;
    font-weight: bold;
    background: linear-gradient(-180deg,rgb(87 78 77) 0%,rgb(5 5 5) 100%);
    width: 190px;
    height: 54px !important;
    
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 17px 0 0 0 !important;
    text-align: center;
    margin: 0 0 0 40px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer !important;
}
.calc__order-btn-popup :hover {
	 transition: 0.3s;
    background: linear-gradient(-180deg,rgb(28 27 27) 0%,rgb(121 115 115) 100%);
   
}
.calc__order-btn-popup-2 {
    text-decoration: none;
    display: block;
    font-family: ArialBold;
    font-weight: bold;
    background: #01b0ff;
    width: 190px;
    height: 54px !important;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(175 223 189);
    -moz-box-shadow: 0px 0px 16px 0px rgba(175, 223, 189, 1);
    box-shadow: 0px 0px 1px 0px rgb(175 223 189);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 17px 0 0 0 !important;
    text-align: center;
    margin: 15px auto 0 auto;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: pointer !important;
}
.calc__container-parametr-glass-repeater label {
	cursor: pointer;
}
.homepage__top-v3 {
	background: url(images/top-bg-3.jpg.webp) no-repeat  center;
    height: 813px;
}
/* === Modern homepage hero update 2026 === */
html { scroll-behavior: smooth; }
.homepage__top-v3.homepage__top-modern {
    position: relative;
    min-height: 820px;
    height: auto;
    background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.58) 42%, rgba(0,0,0,.20) 100%), url('images/hero.jpg') center center / cover no-repeat !important;
    display: flex;
    align-items: center;
    padding: 120px 0 80px;
}
/* УБИРАЕМ absolute у обертки внутри modern блока */
.homepage__top-v3.homepage__top-modern .homepage__top-v3-wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 670px !important;
    height: auto !important;
    margin: 0  !important;  /* <-- ГЛАВНОЕ ИЗМЕНЕНИЕ: auto по бокам */
    border-radius: 0;
}

.homepage__top-modern .homepage__top-v3-text-1 {
    text-align: left;
    color: #ef3337;
    font-size: 22px;
    line-height: 1.3;
    font-family: ArialBold, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.homepage__top-modern .homepage__top-v3-wrap h1 {
    text-align: left;
    color: #fff;
    font-size: 60px;
    line-height: 1.04;
    margin: 0 0 24px;
    font-family: ArialBold, Arial, sans-serif;
    max-width: 650px;
}
.homepage__top-modern .homepage__top-v3-text-4 {
    color: #fff;
    text-align: left;
    font-size: 30px;
    line-height: 1.25;
    margin: 0 0 54px;
    font-family: ArialBold, Arial, sans-serif;
}
/* Стили для новых галочек */
.homepage__hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    max-width: 900px;
    margin: 0 0 35px 0;
}
.homepage__hero-features > div {
    flex: 0 0 auto;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-width: 210px;
}
.homepage__hero-features span {
    width: 24px;
    height: 24px;
    border: 2px solid #ef3337;
    color: #ef3337;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 14px;
    flex: 0 0 24px;
    background: transparent;
}
.homepage__hero-features p {
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
    font-family: Arial, sans-serif;
    margin: 0;
}
/* Кнопки */
.homepage__top-modern .homepage__top-v3-panel {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 22px !important;
    margin: 0 0 22px 0 !important;
    width: auto !important;  /* <--- ИЗМЕНИТЕ с 620px на auto */
}

.homepage__top-modern .homepage__top-v3-panel-2 a,
.homepage__top-modern .homepage__top-v3-panel-1 {
    width: 260px !important;
    min-width: 260px !important;
    height: 64px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-size: 16px !important;
    cursor: pointer;
}
.homepage__top-modern .homepage__top-v3-panel-2 a {
    background: #ef3337;
    border: 1px solid #ef3337;
    color: #fff !important;
    text-decoration: none;
}
.homepage__top-modern .homepage__top-v3-panel-2 a:hover { background: #d9272b; }
.homepage__top-modern .homepage__top-v3-panel-1 {
    border: 1px solid rgba(255,255,255,.9);
    color: #fff;
}
.homepage__top-modern .homepage__top-v3-panel-1 p { margin: 0; }
.homepage__top-modern .homepage__top-v3-text-3 {
    color: #fff;
    text-align: left;
    font-size: 17px;
    line-height: 1.4;
    margin: 0;
    font-family: Arial, sans-serif;
}
/* Только для мобильных - центрирование */
@media (max-width: 768px) {
    .homepage__top-v3.homepage__top-modern .homepage__top-v3-wrap {
        max-width: 100% !important;
        text-align: center !important;
    }
    .homepage__top-modern .homepage__top-v3-text-1,
    .homepage__top-modern .homepage__top-v3-wrap h1,
    .homepage__top-modern .homepage__top-v3-text-4,
    .homepage__top-modern .homepage__top-v3-text-3 {
        text-align: center !important;
    }
    
    .homepage__top-modern .homepage__top-v3-panel {
        justify-content: center !important;
    }
}
.homepage__top-v3-text-1 {
	text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'ArialBold';	
}
.homepage__top-v3-wrap h1 {
	text-align: center;
    color: #fff;
    font-size: 48px;
    margin: 30px 0;	
}
.homepage__top-v3-text-4 {
	color: #fff;
    text-align: center;
    font-size: 28px;
	margin: 0 0 50px 0;
	font-family: 'ArialBold';
}
.homepage__top-v3-text-2 {
	color: #fff;
	text-align: center;
    
    font-weight: bold;
	font-size: 20px;
}
.homepage__top-v3-text-2 span {
	color: #ec0a0b;
	text-transform: uppercase;
	font-size: 17px;
	display: none;
}
.homepage__top-v3-text-3 {
	color: #fff;
	text-align: center;
    
    font-weight: bold;
	font-size: 20px;
	margin: 20px 0;
}
.homepage__top-v3-text-3 span {
	color: #fff;
} 
.homepage__top-v3-panel {
	background: rgba(255,255,255,0.3);
	padding: -7px 40px;
	margin: 55px 0 30px 0;
	border-radius: 6px;
	height: 86px;
	align-items: center;
}
.homepage__top-v3-panel > div {
	flex: 0 33.33%;
}
.overlay {
    display: none;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
}
.overlay.active {
    display: block;
}
.homepage__top-v3-panel-1:hover, .homepage__top-v3-panel-3:hover {
    color: #e3e3e3;
    transition: .3s;
}
.homepage__top-v3-panel-2 a {
    text-decoration: none;
    background: #343434c4;
    display: block;
    color: #fff;
	border: 1px solid red;
    font-family: ArialBold;
    font-weight: bold;
    padding: 12px 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 100px;
    max-width: 246px;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
}
.homepage__top-v3-panel-2 a:after {
    content: "";
    opacity: .4;
    width: 40px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes slideme{    0% { left: -30px; margin-left: 0px; }    30% { left: 110%; margin-left: 80px; }    100% { left: 110%; margin-left: 80px; }}
.homepage__top-v3-panel-2 a:hover {
	background: #4d4d4d;
	transition: 0.3s;
}
.homepage__top-v3 .homepage__top-bullits > div p {
    color: #fff;
}
.homepage__top-v3-panel-1,
.homepage__top-v3-panel-3 {
    text-align: center;
    color: #ffffff;
    font-size: 18px;	
	cursor: pointer;
}
.glass-gallery {
	display: none;
}
.single-post-calc {
	display: none;
}
.single-post-calc.active {
	display: block;
}
.fancybox-thumbs__list {
    position: relative !important;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block !important;
}
.fancybox-container.fancybox-is-open {
    z-index: 99999 !important;
}
.form__calc-maintitle {
	font-size: 20px;
    margin: 0 0 30px 0;
	font-family: serif;
	color: #322f2f;
}
.form__calc-header-title {
	text-align: center;
	font-size: 24px;
    margin: 0 0 20px 0;
	font-family: serif;
	text-align: center;
	color: #000;
	display: none;
}
.form__calc-header-subtitle {
	text-align: center;
	font-size: 18px;
    margin: 0 0 30px 0;
	font-family: serif;
	text-align: center;
	color: #000;
	display: none;
}
.calc__order-form-inline {
	margin: 60px auto 0 auto;
	width: 100%;
}
.calc__order-form-inline label {
	margin: 0 0 5px 0;
}
.calc__order-form-inline input {
	margin: 0 0 10px 0;
	border-radius: 5px;
	border: 1px #000 solid;
	font-family: Gilroy-Bold;
	height: 55px;
}
.calc__order-form-inline input[type="submit"] {
	background: #343434;
    height: 76px !important;
    transition: 0.3s;
    width: 290px;
    padding: 0 30px !important;
    border-radius: 30px;
    font-family: Gilroy-Bold;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.calc__order-form-inline input[type="submit"]:hover {
	background: #4d4d4d;
	border: 2px solid #6f6f70;
	height: 55px;
	transition: 0.3s;
	color: #ffffff;
}
.calc__container-title-home:before, .calc__title-home:before {
	content: "";
	background: url(images/last.png) no-repeat;
	width: 41px;
	height: 44px;
	background-size: 100%;
	display: block;
}
.calc__container-title-home:hover:before, .calc__title-home:hover:before {
	content: "";
	background: url(images/last-hover.png) no-repeat;
	width: 41px;
	height: 44px;
	background-size: 100%;
	display: block;
}
.calc__container-parametr-class {
	padding: 0 0 30px 0;
}
.calc__container-parametr-glass-repeater-wrap {
	align-items: flex-start;
}
.calc__container-parametr-class > div {
	margin: 0 0 15px 0;
}
.question-answer {
	padding: 0 0 60px 0;
}
.footer__new {
	margin: 140px 0 0 0;
}
.footer__section-3-bg {
	background: #4e4e4e;
	padding: 5px 0 40px 0;
}
.footer__section-3-menu ul {
	display: flex;
}
.footer__section-3-menu ul a {
	padding: 0 30px 0 0;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-family: ArialNarrow;
	display: block;
	font-size: 14px;
	transition: 0.3s;
}
.footer__section-3-menu ul a:hover {
	transition: 0.3s;
	color: #b0b0b0;
}
.footer__section-3-text p {
	color: #fff;
	font-size: 12px;
	padding: 0 0 10px 0;
}
.footer__section-3-text p:last-of-type {
	padding: 0;
}
.footer__section-3, .footer__section-2 {
	justify-content: space-between;
	align-items: center;
}
.footer__section-2-bg {
	background: #585858;
	padding: 30px 0 45px 0;
}
.footer__section-3 > div:nth-child(1) {
	flex: 0 calc(50% - 70px);
    padding: 0 140px 0 0;
}
.footer__section-3 > div:nth-child(2) {
	flex: 0 140px;
}
.footer__section-3 > div:nth-child(3) {
	flex: 0 calc(50% - 70px);
    text-align: left;
    padding: 0 0 0 140px;
}
.footer__section-2-bg .footer__section-3 > div:nth-child(1) {
    text-align: right;
}
.footer__logo-white {
	margin: 0 auto;
	display: block;
}
.footer__section-2-text {
	font-size: 13px;
	color: #fff;
}
.footer__section-1-text {
	font-family: ArialNarrow;
	text-align: center;
	font-size: 28px;
	color: #343434;
}
.footer__section-1 {
	align-items: center;
	justify-content: center;
	margin: 40px 0;
}
.footer__section-1 a, .footer__section-1-phone p {
	font-family: ArialNarrow;
	font-size: 26px;
	color: #343434;
	transition: 0.3s;
}
.footer__section-1-phone p {
	padding: 0 8px 0 0;
}
.footer__section-1 a:hover {
	transition: 0.3s;
	color: #b0b0b0;
}
.footer__section-1 > div {
	position: relative;
}
.footer__section-1 > div:nth-child(1) {	
	padding: 0 20px 0 0;
}
.footer__section-1 > div:nth-child(2) {
	padding: 0 0 0 20px;
}
.footer__section-1 > div:nth-child(1):after {
	content: "";
	background: #d9d9d9;
	width: 1px;
	height: 32px;
	display: block;
	position: absolute;
	top: 0;
	right: 0
}
.homepage__question-answer-title {
	font-size: 22px;
	line-height: 105%;
	font-family: ArialBold;
	margin: 70px 0 30px 0;
	padding: 0 60px 0 0;
	cursor: pointer;
	position: relative;
}
.homepage__question-answer-title:after {
	content: "";
	background: url(images/plus.svg) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.homepage__question-answer-title.active:after {
	content: "";
	background: url(images/minus.svg) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 14px;
}
.homepage__question-answer-content {
	display: none;
}
.homepage__question-answer-content p {
	padding: 0 0 15px 0;
}
.glass-color__delivery > div:nth-child(1),
.glass-color__delivery > div:nth-child(3) {
	flex: 0 calc(50% - 16px);
}
.glass-color__delivery > div:nth-child(1) {
	text-align: right;
}
.glass-color__delivery > div:nth-child(2),
.glass-color__delivery > div:nth-child(4) {
	flex: 0 2px;
	padding: 0 15px;
}
.glass-color__delivery > div:nth-child(2) hr {
	width: 1px;
	height: 100%;
	background:#c0c0c0 ;
}
.glass-color__delivery-title {
	font-size: 20px;
	padding: 10px 0 10px 0;
	font-family: serif;
}
.glass-color__delivery-text {
	padding: 0 0 10px 0;
}
.glass-color__delivery-text,
.glass-color__delivery-text li {
	font-size: 15px;
	line-height: 135%;
	font-family: serif;
}
.glass-color__delivery-text ul {
	margin: 0 !important;
}
.glass-color__delivery-text li:before {
	content: "";
	background: #777;
	width: 20px;
	height: 1px;
	display: inline-block;
	margin: 0 9px 0 0;
    position: relative;
    top: -4px;
}
.delivery__bottom {
	margin: 30px 0 0 0;
}
.delivery__bottom > div:nth-child(even) {
	padding: 0 0 0 20px;
}
.glass-color__benefits-title {
    text-align: left;
    margin: 30px 10px;
    font-family: TimesNewRoman;
    position: relative;
    cursor: pointer;
}
.glass-color__benefits-title.active p:after {
	content: "";
	background: url(images/plus-1.svg) no-repeat;
	width: 19px;
	height: 19px;
	display: inline-block;
    position: relative;
    right: -15px;
    top: 5px;
}
.glass-color__benefits-title p:after {
	content: "";
	background: url(images/minus-1.svg) no-repeat;
	width: 19px;
	height: 19px;
	display: inline-block;
    position: relative;
    right: -15px;
    top: 5px;
}
.glass-color__benefits {
	margin: 0px 0 0 0;
}
.glass-color__benefits-text p {
	margin: 0 0 15px 0;
}
.glass-color__benefits-text {
	display: none;
	font-size: 15px;
	line-height: 20px;
	font-family: TimesNewRoman;
}
.section-help {
	background:  url(images/bg-help.png) no-repeat top -378px center;
	height: 692px;
	margin: 183px 0 60px 0;
	    background-size: cover;
		background-attachment: fixed;
}


.section-help__title {
	color: #f00;
	text-align: center;
	padding: 239px 0 20px 0;
	font-size: 35px;
    line-height: 40px;
	font-family: Afuturica;
	text-transform: uppercase;
	margin: 0px 0 -188px 610px;
}
.section-help__subtitle {
	color: #fff;
	text-align: center;
	padding: 0 0 30px 0;
	font-size: 26px;
    line-height: 30px;
	font-family: TimesNewRoman;
	margin: 194px -47px 0 589px;
}
.section-help__form {
	background: transparent;
    border-radius: 5px;
    width: 360px;
    padding: 0 30px 10px 30px;
	margin: -346px 0 0 110px;
}
.section-help__form-title {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
    padding: 25px 0 15px 0;
    font-family: Afuturica;
    text-transform: uppercase;
	color: white;
}
#wpforms-124 label {
	font-size: 13px;
    font-family: TimesNewRoman;
    display: block;
    position: relative;
	font-weight: normal !important;
}
#wpforms-124 button[type="submit"] {
    color: #1d1d1d!important;
    width: 100%!important;
    
    background: linear-gradient(180deg,rgb(255 255 255) 0%,rgb(255 255 255) 100%)!important;
    height: 40px!important;
    border: none!important;
    outline: none!important;
   
    border-radius: 4px;
}
}
#wpforms-124 button[type="submit"]:hover {
	transition: 0.3s;
	background: #2b2b2d;
	background: linear-gradient(180deg, #2b2b2d 0%, #2b2b2d 100%) !important;
	color: #fff 
}
#wpforms-124 .wpforms-field-file-upload label {
	color: #fff !important;
}
#wpforms-124 .wpforms-field-file-upload label:before {
    content: "Прикрепить файл";
    background: #fff;
    height: 40px;
    width: calc(100% - 2px);
    position: absolute;
	left: 0;
	top: 0;
	color: #2b2b2d;
	border: 1px #2b2b2d solid;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s;
}
#wpforms-124 .wpforms-field-file-upload label:hover:before {
	background: #2b2b2d;
	transition: 0.3s;
	color: #fff;
}
#wpforms-124 input[type="file"] {
	position: relative;
	z-index: -1;
}
#wpforms-124 input {
	height: 30px !important;
	text-transform: uppercase;
	border-radius: 4px ;
}
#wpforms-124 .wpforms-field-label {
    margin: 0 !important;
	    color: white;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 80px !important;
	text-transform: uppercase;
	font-family: Afuturica !important;
	border-radius: 4px;
}
#wpforms-124::-webkit-input-placeholder {color:#cccccc;}
#wpforms-124::-moz-placeholder          {color:#cccccc;}/* Firefox 19+ */
#wpforms-124:-moz-placeholder           {color:#cccccc;}/* Firefox 18- */
#wpforms-124:-ms-input-placeholder      {color:#cccccc;}
.homepage__portfolio-video {
	padding: 0 0 80px 0;
}
.swiper-video {
	overflow: hidden;
	position: relative;
}
.swiper-video iframe {
    width: 277px !important;
    height: 364px !important;
	border-radius: 10px;
	margin: 0 auto !important;
	display: block;
}
.swiper-button-next, .swiper-button-prev {
	width: 38px !important;
	height: 38px !important;	
}
.swiper-button-prev:after {
	content: "" !important;
	background: url(images/prev.png) no-repeat !important;
	width: 38px !important;
	height: 38px !important;
}
.swiper-button-next:after {
	content: "" !important;
	background: url(images/next.png) no-repeat !important;
	width: 38px !important;
	height: 38px !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}
.swiper-button-next, .swiper-button-prev {
    top: calc(50% - 19px) !important;
}
.swiper-video  .swiper-button-prev {
    left: 2% !important;
}
.swiper-video  .swiper-button-next {
    right: 2% !important;
}
.swiper-gallery {
	overflow: hidden;
	position: relative;
}
.swiper-gallery .swiper-slide {
	position: relative;
}
.swiper-gallery__loop {
	position: absolute;
	top: 70px;
	left: calc(50% - 23px);
}
.swiper-gallery__link {
	position: absolute;
	bottom: 70px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	width: 100%;
	left: 0;
}
.swiper-gallery .swiper-slide:hover .swiper-gallery__hover {
	opacity: 1;
	transition: 0.3s;
}
.swiper-gallery__hover {
	opacity: 0;
	transition: 0.3s;
}
.swiper-gallery__img {
	width: 100%;
	height: auto;
	display: block;
}
.color-right,
.premium-color-right {
	display: none;
}
.color-left,
.premium-color-left {
	display: none;
}
.color-right.active,
.premium-color-right.active {
	display: block;
}
.color-left.active,
.premium-color-left.active {
	display: block;
	margin: 0 25px;
}
.category-btn-item {
	margin: 0 12px 12px 0;
}
.category-btn-item p {
	border-radius: 5px;
	color: #322f2f;
	border: 1px #322f2f solid;
	padding: 2px 8px;
	font-size: 14px;
	cursor: pointer;
	transition: 0.3s;
}
.category-btn-item p.no-active {
	background: #fff;
	color: #322f2f;
}
.category-btn-item p:hover {
	background: #322f2f;
	color: #fff;
	transition: 0.3s;
}
.category-btn-item p.active {
	background: #322f2f;
	color: #fff;
}
.category-btn-title {
	font-family: ArialBold;
	font-weight: bold;
	margin: 0 15px 0 0;
}
.category-btn {
	justify-content: center;
    margin: 20px 0 0 0;	
}
.calc__list > a {
	display: block;
}
.calc-page__text {
    color: #322f2f;
    text-align: center;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: -0.01em;
    max-width: 1452px;
    margin: -40px auto 40px auto;
    border-radius: 8px;
	padding: 13px;
}
.section-help {
	display: none;
}
.section-help-white {
	margin: 80px 0;
	   background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/transform.jpg);
    background-size: cover;
    background-position: bottom center
    height: 782px;
}
.section-help-white-block {
	padding: 73px 0;
}
.section-help-white-block > div:nth-child(2) {
	flex: 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-help-white-block > div:nth-child(1) {
	flex: 0 50%;
}
.section-help-white-block > div:nth-child(2) img {
	width: 189px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.section-help-white__title {
    font-size: 56px;
    line-height: 62px;
    margin: 0 0 40px 0;
    font-family: Intro-Book;
    font-weight: 800;
    color: #fff;
    text-align: center;
}
.section-help-white__subtitle {
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 40px 0;
    text-align: center;
    color: #fff;
	font-family: Intro-Book;
}
.section-help-white .wpforms-container {
    max-width: 100% !important;
    margin: 0 !important;
}
.section-help-white div.wpforms-container-full .wpforms-form .wpforms-field-label {
    text-align: center !important;
    color: #fff;
}
.section-help-white div.wpforms-container div.wpforms-uploader {
    border: none !important;
	background: transparent !important;
}
.section-help-white div.wpforms-container div.wpforms-uploader span {
	display: none !important;
}
.section-help-white .wpforms-field-file-upload {
	height: 100px !important;
}
.section-help-white div.wpforms-container div.wpforms-uploader {
    padding: 0 !important;
    align-items: center !important;
}
.section-help-white .wpforms-field-file-upload label:after {
	content: "Загрузить файл";
	background: #2c2b30;
	border-radius: 8px;
	width: 200px;
	height: 50px;
	margin: 20px 0;
	cursor: pointer;
	color: #fff;
	display: none;
	align-items: center;
	justify-content: center;
}
div.wpforms-container div.wpforms-uploader .dz-message:before {
	content: "";
	background: url(images/download.png) no-repeat;
	background-size: 100%;
	width: 42px;
	height: 48px;
	display: block;
	position: relative;
    top: 10px;
    z-index: 2;
}
.section-help-white .dz-clickable {
	position: relative !important;
    top: -80px !important;
    height: 200px !important;
}
.section-help-white input[type="tel"] {
	border: none !important;
	border-bottom: 1px #b4b4b4 solid !important;
	height: 60px !important;
	border-radius: 0 !important;
}
.section-help-white button[type="submit"] {
	background: #343434 !important;
	width: 480px !important;
    height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-family: ArialBold !important;
	font-weight: bold !important;
	margin: 20px 0 0 0 !important;
	transition: 0.3s;
}
.section-help-white button[type="submit"]:hover {
	background: #4d4d4d !important;
	transition: 0.3s;
}
.section-help-white label {
	font-family: Arial !important;
	font-weight: normal !important;
	font-size: 18px !important;
	margin: 0 0 15px 0 !important;
}
.section-help-white .wpforms-field-phone {
    margin: 0 !important;
}
.review__list {
	margin: 80px 0;
}
.swiper-review {
	overflow: hidden;
	position: relative;
	padding: 0 0 80px 0;
}
.swiper-review .swiper-button-prev:after {
    content: "" !important;
    background: url(images/left.png) no-repeat !important;
    width: 38px !important;
    height: 38px !important;
	background-size: 100% !important;
}
.swiper-review .swiper-button-next:after {
    content: "" !important;
    background: url(images/right.png) no-repeat !important;
    width: 38px !important;
    height: 38px !important;
	background-size: 100% !important;
}
.review__btn {
   
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 50px;
    margin: 50px auto 0;
    font-family: Arial;
    text-decoration: none;
    color: #000;
    transition: .3s;
    border-radius: 30px;
	border: 1px solid;

}
.review__btn:hover {
	transition: 0.3s;
	background: #4d4d4d;
	color: white;
}
.swiper-review .swiper-pagination {
	margin: 50px 0 0 0;
}
.swiper-review .swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	background: #6d6d6d;
}
.swiper-review .swiper-slide img {
	margin: 0 auto;
	display: block;
	max-width: 80%;
	height: auto;
}
.review__list-title:after {
	content: "";
	background: url(images/title-line.jpg) no-repeat;
	width: 462px;
	height: 6px;
	display: block;
	margin: 35px auto 0 auto;
}
.call-btn-zam {
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 8px 8px 0 0;
    height: 50px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
  
    position: fixed;
    bottom: calc(50% - 60px);
    right: -100px;
    z-index: 900;
	background: transparent;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s;
    transform: rotate(-90deg);
	font-family: ArialBold, Arial, sans-serif;
    font-size: 16px;
}
.call-btn-zam p {
	position: absolute;
	z-index: 2;
}
.call-btn-zam.fixed {
	opacity: 1;
	transition: 0.3s;	
}
.glass-color__srok {
	margin: 20px 0 0 -34px;
	text-align: center;
	font-family: serif;
}
.glass-color__srok-desktop {
    margin: 20px 0;
    text-align: left;
}
.glass-color__delivery  {
	border: 1px solid #c0c0c0;
    border-radius: 5px;
    width: 92%;
}
.form__clear {
	position: absolute;
	right: 0;
	top: 0;
	color: red;
	text-decoration: none;
	font-size: 15px;
	font-family: serif;
}
.form__clear-mobile {
	position: relative;
	text-align: center;
	color: red;
	text-decoration: none;
	font-size: 15px;
	font-family: serif;
	display: none;
}
.glass-color__benefits.glass-color__benefits-mobile {
	display: none;
}
.form-order__popup {
	display: none;
	position: fixed;
    background: #fff;
    padding: 40px;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
	border: 1px #ccc solid;
	border-radius: 5px;
	    background: url(https://glass-shower.ru/wp-content/themes/glassshower/images/1092.jpg);
    background-size: contain;
    background-position: center center;
}
.calc__order-form-inline {
	justify-content: space-between;
}
.calc__order-form-inline > div:nth-child(2) {
	flex: 0 calc(100% - 310px);
}
.calc__order-form-inline > div:nth-child(2) input {
	border-radius: 30px;
	padding: 0 0 0 20px;
    height: 78px;
}
.form-order__popup-btn {
	background: #343434;
    height: 76px;
    transition: 0.3s;
    width: 290px;
    padding: 0 30px !important;
    border-radius: 30px;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.form-order__popup-btn:hover  {

    transition: .3s;
    background: #4d4d4d;

}

.homepage__question-answer {
    
  
    
   margin: 117px 0 -110px 0;
    color: #333333;
}
.header__mobile-open {
	display: none;
}
.homepage__etaps-list > div {
	    flex: 0 calc(81% - 30px);
    margin: 24px auto;
    background: #00000008;
    border-radius: 16px;
    border: 1px #dedede solid;
    padding: 11px 20px;
    transition: .3s;
	border-top: 1px solid #ececec;
    cursor: pointer;
}
.homepage__etaps-list > div:hover {
	transition: 0.3s;
	transform: scale(1.1);
}
.glass-color__srok-mobile {
	display: none;
}
.page-politic {
	margin: 179x 0 0 0;
}
.page-politic h1 {
	font-size: 24px;
    line-height: 36px;
    color: #565555;
    margin: 0 0 160px 0;
    font-family: serif;
}
.page-politic p {
	font-family: serif;
	padding: 0 0 20px 0;
}
.wave {
  position: relative;
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ef3337;
}
.wave__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wave__circle {
  position: absolute;
  
  border: 3px solid #f00;
  border-radius: 50%;

}



@keyframes ripple {
  0% {
    top: 250px;
    left: 250px;
    width: 0;
    height: 0;
    opacity: 0.5;
  }

  100% {
    top: 0;
    left: 0;
    width: 500px;
    height: 500px;
    opacity: 0;
  }
}
.glass-color__photo_min {
    width: auto !important;
    margin: 0 auto 20px auto !important;
    display: block !important;
    cursor: pointer;
    height: 300px !important;
	padding: 0 !important;
}
.glass-color__photo_max {
    width: calc(100% + 25px) !important;
    height: 100% !important;
	background: #fff;
    position: absolute;
    z-index: 50;
	left: -25px;
}
.glass-color__photo_max_img {	
	width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
	margin: 0 auto;
    display: block;
}
.glass-color__photo_max.active {
    display: block;
}
.photo-min-mobile > div {
	flex: 0 50%;
}
.photo-min-mobile > div img {
    width: 100% !important;
    height: auto !important;
    display: block;
}
.photo-min-mobile {
    margin: 30px auto 0 auto;
    max-width: 60%;
}
.photo-min-mobile {
	display: none;
}
.photo_max_1,
.photo_max_2 {
	display: none;
}
.photo_max_1.active,
.photo_max_2.active {
	display: block;
}
.glass-color__benefits-title.active p:after {
    content: "";
    background: url(images/plus-1.svg) no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    position: relative;
    right: -15px;
    top: 5px;
}
.glass-color-choice label {
    width: 100%;
    height: 100%;
}
.calc__container-parametr-furn-repeater > div, .calc__container-parametr-storona > div, .calc__container-parametr-tol > div, .calc__container-parametr-class > div {
    margin: 0 10px 10px 0;
    flex: 0 calc(33.33% - 10px);
	height: 78px;
}
.calc__container-parametr-furn-repeater > div > p, .calc__container-parametr-storona > div > p, .calc__container-parametr-tol > div > p, .calc__container-parametr-class > div > p {
	height: 100%;
}
.glass-color-choice > div {
	flex: 0 calc(33.33% - 10px);
	margin: 0 10px 10px 0;
	height: 93px;	
	border-radius: 30px;
	color: #535353;
}
.glass-color-choice > div:nth-child(odd) label {
    width: 100%;
    max-width: 100%;
    height: 100%;
	font-family: Gilroy-Regular;
}
.calc__container-parametr-wrap > div {
	flex: 0 calc(33.33% - 10px);
	margin: 0 10px 10px 0;
}
.calc__container-parametr-wrap > div input {
    width: 100%;
}
.form__calc-services {
    position: relative;
    cursor: pointer;
    transition: 0.3s;
    width: calc(33.33% - 10px);
    display: flex;
    align-items: center;
    border-radius: 30px;
    height: 76px;
	padding: 0 10px 0 15px;
}
.form__calc-services label {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
	position: relative;
    width: 112px;
    cursor: pointer;
    height: 35px;
    border-radius: 4px;
}
.form__calc-services input[type="checkbox"] {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
	opacity: 0;
	cursor: pointer;
}
.form__calc-services > p:nth-child(1) {
    margin: 0;
}
.form_calc label:before {
    opacity: 0 !important;
}
.calc__container-parametr-1 label {
    border: none;
    padding: 0;
    width: auto;
    text-align: left;
    justify-content: flex-start;
}
.calc__container-parametr-1 label:hover {
	border: none;
}
.calc__container>div:nth-child(3) p {
	width: fit-content;
}
.form_calc .form-order__popup label {
    border: none;
    padding: 20px 0 5px 0;
    text-align: left;
    justify-content: flex-start;
}
.calc__container>div:nth-child(3) .form-order__popup p {
    width: auto;
}
.info-mobile {
	display: none;
}
.section-help-white_bg {	
    padding: 60px 140px;
	max-width: 1170px;
	margin: 0 auto;	
}
.section-help-white_bg .wpforms-form {
	position: relative !important;
}
.section-help-white_bg .wpforms-field-name,
.section-help-white_bg .wpforms-field-phone {
	width: 30% !important;
	display: inline-block;
	margin: 0 1% !important;
}
.section-help-white_bg .wpforms-field-name input,
.section-help-white_bg .wpforms-field-phone input {
	height: 62px !important;
	border-radius: 5px !important;
	background: #ffffff4d !important;
	color: #fff !important;
}
.section-help-white_bg .wpforms-field-container {
	width: 100% !important;
	display: inline-block;
	position: absolute;
	right: 0;
}
.section-help-white_bg .wpforms-submit-container {
    width: 35% !important;
    display: inline-block;
    position: absolute !important;
    right: 0;
    bottom: 8px;
}
.section-help-white_bg button[type="submit"] {
    background: #ffffff4d !important;
    width: 100% !important;
    height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-family: ArialBold !important;
    font-weight: bold !important;
    margin: 0 !important;
    transition: 0.3s;
	border: 1px #fc0301 solid !important;
}
.section-help-white_bg button[type="submit"]:hover {
	transition: 0.3s;
	background: #fc0301 !important;
	color: #fff !important;
}
.section-help-white_bg div.wpforms-container div.wpforms-uploader .dz-message svg {
	display: none !important;
}
.section-help-white_bg ::-webkit-input-placeholder {color: #fff !important;}
.section-help-white_bg ::-moz-placeholder {color: #fff !important;}
.section-help-white_bg :-moz-placeholder {color: #fff !important;}
.section-help-white_bg :-ms-input-placeholder {color: #fff !important;}
.delivery__bottom > div {
	flex: 0 50%;
	margin: 0 0 30px 0;
	
}
.delivery__bottom > div:nth-child(odd) {
	 border-right: 1px #545454 solid;
}
.glass-color__delivery-title {
	padding: 0 10px 15px 10px;
}
.glass-color__delivery-text {
	padding: 0 10px;
}
.wpforms-field-name,
.wpforms-field-phone {
	position: relative;
	z-index: 2;
}
.form__calc-title-header {
	justify-content: space-between;
}
.form__calc-title-text {
    font-size: 16px;
    margin: 0 0 20px 0;
    font-family: Gilroy-Bold;
    font-weight: 700;
    color: #535353;
}
.color_price__storona_img {
    height: 28px;
    margin: 0 10px 0 0;
    width: auto;
}
.calc__container-parametr-class label {
    padding: 8px 25px !important;
}
.form__calc-title {
	padding: 0 0 15px 0;
	font-family: Gilroy-Bold;
	font-weight: 700;
	color: #535353;
}
.glass-color-choice {
	margin: 0 0 30px 0;
}
.calc__container-parametr-1-none {
	display: none !important;
}
.delivery__mobile {
	display: none;
}
.icon-left,
.icon-right {
	display: none;
}
.icon-left.active,
.icon-right.active {
	display: block;
}
.furn_price__img {
	height: 43px;
	width: auto;
	margin: 0 10px 0 0;
}
.form__calc-services_montage label {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 0 0 0 80px !important;
}

.calc__order-form-inline.show:after {
	content: "";
	display: block;
	background: #fff;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	position: relative;
	margin: 0;
	padding: 0;
}
.parent-no-active .form__calc-title {
	color: #f00;
}
.parent-active .form__calc-title {
	color: #535353;
}
.g-recaptcha {
	display: none !important;
}
.calc__container-parametr-furn-header {
    justify-content: space-between;
    padding: 0 15px 0 0;
}
.glass-color__delivery-distance {
	margin: 20px 0 0 0;
	text-align: center;
    font-size: 20px;
    font-family: serif;
	width: calc(100% - 20px);
}
#summ3 {
	font-family: ArialBold;
    color: #F22727;
    font-size: 28px;
    margin: 0 0 0 10px;
}
.calc_distance .summ_wrap {
	width: calc(100% - 20px);
	justify-content: center;
}
.form_calc .calc_distance input {
    width: calc(100% - 20px);
    height: 54px;
    border-radius: 16px;
    border: 1px #585454 solid;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    background: transparent;
    font-family: Gilroy-Regular;
    appearance: none !important;
}
.distance_mobile {
	display: none;
}
/* === Modern homepage hero update 2026 === */
html { scroll-behavior: smooth; }
.homepage__top-v3.homepage__top-modern {
    position: relative;
    min-height: 820px;
    height: auto;
    background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.58) 42%, rgba(0,0,0,.20) 100%), url('images/hero.jpg') center center / cover no-repeat !important;
    display: flex;
    align-items: center;
    padding: 120px 0 80px;
}
.homepage__top-v3.homepage__top-modern .container {
    width: 100%;
    position: relative;
}
.homepage__hero-content,
.homepage__top-v3-wrap.homepage__hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 670px !important;
    max-width: 100%;
    height: auto !important;
    border-radius: 0;
}
.homepage__top-modern .homepage__top-v3-text-1 {
    text-align: left;
    color: #ef3337;
    font-size: 22px;
    line-height: 1.3;
    font-family: ArialBold, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.homepage__top-modern .homepage__top-v3-wrap h1 {
    text-align: left;
    color: #fff;
    font-size: 60px;
    line-height: 1.04;
    margin: 0 0 24px;
    font-family: ArialBold, Arial, sans-serif;
    max-width: 650px;
}
.homepage__top-modern .homepage__top-v3-text-4 {
    color: #fff;
    text-align: left;
    font-size: 30px;
    line-height: 1.25;
    margin: 0 0 54px;
    font-family: ArialBold, Arial, sans-serif;
}
.homepage__hero-features {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    max-width: 900px;
}

.homepage__hero-features > div {
    flex: 1;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.homepage__hero-features span {
    width: 38px;
    height: 38px;
    border: 2px solid #ef3337;
    color: #ef3337;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 22px;
    flex: 0 0 38px;
}
.homepage__top-modern .homepage__top-v3-panel {
    background: transparent;
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    height: auto;
    align-items: center;
    gap: 28px;
}
.homepage__top-modern .homepage__top-v3-panel > div {
    flex: 0 auto;
}
.homepage__top-modern .homepage__top-v3-panel-2 a,
.homepage__top-modern .homepage__top-v3-panel-1 {
    min-width: 260px;
    height: 64px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    transition: .25s ease;
}
.homepage__top-modern .homepage__top-v3-panel-2 a {
    background: #ef3337;
    border: 1px solid #ef3337;
    color: #fff;
    max-width: none;
    padding: 0 26px;
}
.homepage__top-modern .homepage__top-v3-panel-2 a:after { display: none; }
.homepage__top-modern .homepage__top-v3-panel-2 a:hover { background:#c71e21; transition: background 0.3s ease-in-out;}
.homepage__top-modern .homepage__top-v3-panel-1 {
    border: 1px solid rgba(255,255,255,.9);
    color: #fff;
    cursor: pointer;
}
.homepage__top-modern .homepage__top-v3-panel-1:hover { background: rgba(255,255,255,.12); }
.homepage__top-modern .homepage__top-v3-panel-1 p { margin:0; }
.homepage__top-modern .homepage__top-v3-text-3 {
    color: #fff;
    text-align: left;
    font-size: 25px;
    line-height: 1.4;
    margin: 0;
    font-family: Arial, sans-serif;
}
.homepage__top-modern .homepage__top-v3-text-3:before {
    content: "🎁"; /* Replacing ✓ with a gift icon */
    color: #ef3337;
    margin-right: 13px;
    font-size: 30px; /* Adjust size to match mobile design */
    font-family: ArialBold, Arial, sans-serif;
}
.homepage__calc-teaser {
    margin: 70px auto 80px;
    padding: 44px 34px;
    background: #f6f6f6;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 12px 34px rgba(0,0,0,.08);
}
.homepage__calc-teaser h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 12px;
    font-family: ArialBold, Arial, sans-serif;
    color: #1f1f1f;
}
.homepage__calc-teaser p {
    margin: 0 auto 26px;
    max-width: 740px;
    color: #555;
    font-size: 20px;
    line-height: 1.45;
}
.homepage__calc-teaser-btn {
    display: inline-flex;
    min-width: 260px;
    height: 58px;
    align-items: center;
    justify-content: center;
    background: #ef3337;
    color: #fff !important;
    text-decoration: none;
    border-radius: 8px;
    text-transform: uppercase;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 16px;
}
.homepage__calc-teaser-btn:hover { background:#d9272b; }
@media (max-width: 768px) {
    .homepage__top-v3.homepage__top-modern {
        min-height: 720px;
        padding: 105px 0 50px;
        background-position: center right !important;
    }
    .homepage__hero-content,
    .homepage__top-v3-wrap.homepage__hero-content {
        width: 100% !important;
    }
    .homepage__top-modern .homepage__top-v3-text-1 {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .homepage__top-modern .homepage__top-v3-wrap h1 {
        font-size: 38px;
        line-height: 1.08;
    }
    .homepage__top-modern .homepage__top-v3-text-4 {
        font-size: 22px;
        margin-bottom: 34px;
    }
    .homepage__hero-features {
        display: block;
        margin-bottom: 34px;
    }
    .homepage__hero-features > div {
        margin: 0 0 14px;
        font-size: 15px;
    }
    .homepage__top-modern .homepage__top-v3-panel {
        display: block;
    }
    .homepage__top-modern .homepage__top-v3-panel-2 a,
    .homepage__top-modern .homepage__top-v3-panel-1 {
        width: 100%;
        min-width: 0;
        margin: 0 0 14px;
    }
    .homepage__calc-teaser {
        margin: 40px auto 55px;
        padding: 30px 18px;
    }
    .homepage__calc-teaser h2 { font-size: 28px; }
    .homepage__calc-teaser p { font-size: 17px; }
}

.homepage__top-modern .homepage__hero-features > div {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    flex: 0 0 270px !important;
}

.homepage__top-modern .homepage__hero-features p {
    color: #fff !important;
    font-size: 17px !important;
    line-height: 24px !important;
    font-family: ArialBold, Arial, sans-serif !important;
}

.homepage__top-modern .homepage__top-v3-panel {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 22px !important;
    margin: 0 0 22px 0 !important;
    width: 620px !important;
}

.homepage__top-modern .homepage__top-v3-panel-2,
.homepage__top-modern .homepage__top-v3-panel-1 {
    width: 295px !important;
    min-width: 295px !important;
    margin: 0 !important;
}

.homepage__top-modern .homepage__top-v3-panel-2 a,
.homepage__top-modern .homepage__top-v3-panel-1,
.homepage__top-modern .homepage__top-v3-panel-1 p {
    width: 100% !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: center !important;
}

.homepage__top-modern .homepage__top-v3-text-3 {
    color: #fff !important;
    margin-top: 18px !important;
}
/* Затемнение фона */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 998;
    display: none;
}

/* Само окно */
.form__consult {
    width: 500px;
    background: rgba(20,20,20,0.95) !important;
    backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    padding: 30px 35px;
    color: #fff;
}

/* Заголовок */
.form__consult-title {
    font-size: 26px !important;
    color: #fff !important;
    margin-bottom: 20px;
}

/* Инпуты */
.form__consult input {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Кнопка */
.form__consult button[type="submit"] {
    background: #ff3b3b !important;
    border-radius: 8px !important;
    height: 56px !important;
    font-size: 16px !important;
}

.form__consult button[type="submit"]:hover {
    background: #e52e2e !important;
}

/* Закрытие */
.form__consult-close span {
    background: #fff !important;
}

/* Текст снизу */
.form__consult-text {
    color: #aaa;
}
/* ===== Попап "Вызвать замерщика" — финальный стиль ===== */

.overlay {
    background: rgba(0, 0, 0, 0.52) !important;
    backdrop-filter: blur(3px);
}

.form__consult {
    width: 520px !important;
    background: rgba(28, 28, 28, 0.55) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.55) !important;
    padding: 38px 42px 28px 42px !important;
    color: #fff !important;
}

.form__consult-title {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 36px !important;
    padding: 20px 0 28px 0 !important;
    text-align: center !important;
}

.form__consult div.wpforms-container-full {
    margin: 0 !important;
}

.form__consult div.wpforms-container-full .wpforms-form .wpforms-field-label {
    color: rgb(255 255 255) !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
}

.form__consult input {
    height: 58px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 0 20px !important;
}

.form__consult input:focus {
    border-color: rgba(255, 59, 59, 0.85) !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.12) !important;
}

.form__consult input::placeholder {
    color: rgba(255,255,255,0.45) !important;
}

.form__consult button[type="submit"] {
    height: 58px !important;
    background: #ff3838 !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-family: Akrobat, Arial, sans-serif !important;
    font-weight: bold !important;
    box-shadow: 0 10px 26px rgba(255, 56, 56, 0.28) !important;
    transition: 0.25s !important;
}

.form__consult button[type="submit"]:hover {
    background: #e82f2f !important;
    box-shadow: 0 12px 32px rgba(255, 56, 56, 0.38) !important;
}

.form__consult-text {
    color: rgb(255 255 255) !important;
    font-size: 13px !important;
    line-height: 18px !important;
    padding: 16px 0 0 0 !important;
}

.form__consult-text a {
    color: #ff4a4a !important;
}

.form__consult-close {
    top: 22px !important;
    right: 22px !important;
}

.form__consult-close span {
    background: #fff !important;
}
.form__consult .wpforms-submit-container {
    text-align: center !important;
}

.form__consult button[type="submit"] {
    margin: 0 auto !important;
    display: block !important;
    max-width: 260px; /* чтобы не была слишком широкой */
}
.form__consult .wpforms-submit-container {
    margin-top: 10px !important;
}
.form__consult .wpforms-container,
.form__consult div.wpforms-container-full,
.form__consult .wpforms-form {
    max-width: 360px !important;
    width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.form__consult .wpforms-field,
.form__consult input,
.form__consult .wpforms-submit-container {
    width: 100% !important;
    max-width: 360px !important;
}

.form__consult button[type="submit"] {
    width: 280px !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    display: block !important;
}
.form__consult-note {
    color: #ff4a4a;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    /* Показываем описание только на мобильных устройствах */
    .mobile-only {
        display: block !important;
        font-size: 14px;
        text-align: center;
        padding: 10px 0;
    }
}

@media screen and (min-width: 769px) {
    /* Скрываем описание на десктопе */
    .mobile-only {
        display: none !important;
    }
}
/* Стиль для иконки Max Messenger */
.header__social img {
    width: 40px;  /* Устанавливаем одинаковую ширину для всех иконок */
    height: 40px; /* Устанавливаем одинаковую высоту для всех иконок */
    margin-right: 15px; /* Отступ между иконками */
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Для иконки Max Messenger */
.max-messenger img {
    width: 54px;
    margin: 0 8px;
    height: 53px;
}
.header__social img:last-child {
    margin-right: 0;
}
.header__social {
    display: flex; /* Используем Flexbox для выравнивания */
    justify-content: space-between; /* Равномерно распределяем иконки */
    align-items: center; /* Выравниваем по центру по вертикали */
}
/* Эффект затемнения и увеличения для всех иконок */
.header__social img:hover {
    opacity: 0.7; /* Затемняем иконку при наведении */
    transform: scale(1.1); /* Чуть увеличиваем иконку при наведении */
}

/* Эффект затемнения для Max Messenger */
.max-messenger img:hover {
    opacity: 0.7; /* Затемняем иконку Max Messenger */
    transform: scale(1.1); /* Увеличиваем иконку Max Messenger */
}
/* Эффект затемнения при наведении на номер телефона */
.header__phone a:hover {
    color: #b0b0b0; /* Изменяет цвет текста на более темный */
    transition: color 0.3s ease; /* Плавный переход */
}
/* Эффект для кнопки "Вызвать замерщика" */
.call-btn-zam:hover {
    filter: brightness(0.7);  /* Затемнение */
    transition: 0.3s;  /* Плавный переход */
}


/* Показать элемент только на мобильных устройствах */
@media (max-width: 768px) {
    .column-glass {
        display: block;  /* Показать элемент на мобильных */
    }
}
/* Центрирование текста и кнопок на мобильной версии */
@media (max-width: 768px) {
    

    /* Центрирование кнопок */
    .homepage__top-v3-panel {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .homepage__top-v3-panel-2,
    .homepage__top-v3-panel-1 {
        margin: 0 15px; /* Отступы между кнопками */
    }

    /* Центрирование текста с описанием */
    .homepage__top-v3-panel-1 p {
        text-align: center;
    }
}
/* Стиль для иконок мессенджеров в левом нижнем углу */
@media (max-width: 768px) {
    .messenger-icons {
        position: fixed;
        bottom: 20px;
        left: 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .messenger-icons img {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
}
@media only screen and (max-width: 767px) {
    .homepage__hero {
        background-image: url('images/mobile-background.jpg'); /* Укажите правильный путь */
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 768px) {
    .homepage__top-v3.homepage__top-modern {
        background: linear-gradient(
            90deg,
            rgba(0,0,0,0.78) 0%,
            rgba(0,0,0,0.58) 42%,
            rgba(0,0,0,0.2) 100%
        ),
        url('images/mobile-background.jpg') top right / cover no-repeat !important;
        background-attachment: fixed !important; /* Чтобы фон был фиксированным при прокрутке */
        height: 100vh !important; /* Задаем высоту фона на весь экран */
    }

  }
/* ===== ФИНАЛЬНОЕ ЦЕНТРИРОВАНИЕ ДЛЯ МОБИЛЬНЫХ ===== */
@media only screen and (max-width: 768px) {
    .homepage__top-v3-wrap.homepage__hero-content {
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    

    /* Заголовки */
    .homepage__top-modern .homepage__top-v3-text-1,
    .homepage__top-modern .homepage__top-v3-wrap h1,
    .homepage__top-modern .homepage__top-v3-text-4,
    .homepage__top-modern .homepage__top-v3-text-3 {
        text-align: center !important;
        width: 100% !important;
    }

    .homepage__top-modern .homepage__top-v3-wrap h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }

    /* Кнопки */
    .homepage__top-modern .homepage__top-v3-panel {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
        width: 100% !important;
        margin: 30px 0 20px 0 !important;
    }

    .homepage__top-modern .homepage__top-v3-panel-2,
    .homepage__top-modern .homepage__top-v3-panel-1 {
        width: 280px !important;
        min-width: 280px !important;
        margin: 0 auto !important;
    }

    .homepage__top-modern .homepage__top-v3-panel-2 a,
    .homepage__top-modern .homepage__top-v3-panel-1 p {
        width: 100% !important;
        height: 52px !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .homepage__top-modern .homepage__top-v3-text-3 {
        font-size: 16px !important;
        margin-top: 10px !important;
        color: #fff !important;
        text-align: center !important;
    }

    .homepage__top-modern .container {
        padding: 0 15px !important;
    }
	/* ===== ПРИНУДИТЕЛЬНОЕ ЦЕНТРИРОВАНИЕ ДЛЯ ВСЕХ ЭКРАНОВ ===== */
.homepage__top-v3-wrap.homepage__hero-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
}

/* Центрируем заголовки */
.homepage__top-v3-text-1,
.homepage__top-v3-wrap h1,
.homepage__top-v3-text-4 {
    text-align: center !important;
    width: 100% !important;
}



/* Кнопки */
.homepage__top-v3-panel {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin: 20px 0 !important;
    flex-wrap: wrap !important;
}

.homepage__top-v3-panel-2 a,
.homepage__top-v3-panel-1 p {
    min-width: 220px !important;
    padding: 12px 24px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Текст под кнопками */
.homepage__top-v3-text-3 {
    text-align: center !important;
    margin: 15px 0 !important;
}

/* ===== ПУЛЬСАЦИЯ ДЛЯ КНОПКИ "РАССЧИТАТЬ СТОИМОСТЬ" ===== */

/* Основная анимация — 3 мягких пульса при загрузке страницы */
.homepage__top-modern .homepage__top-v3-panel-2 a {
    animation: softPulse 2s ease-in-out 3;
    position: relative;
    transition: all 0.3s ease;
}

/* Эффект мягкой пульсации и свечения */
@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 51, 55, 0.6);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 14px rgba(239, 51, 55, 0);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 51, 55, 0);
        transform: scale(1);
    }
}

/* Дополнительно: усиленное свечение при наведении курсора */
.homepage__top-modern .homepage__top-v3-panel-2 a:hover {
    animation: none;
    box-shadow: 0 0 20px rgba(239, 51, 55, 0.7);
    transform: scale(1.02);
    transition: all 0.2s ease;
}
}

/* Основная анимация — 3 мягких пульса при загрузке страницы */
.homepage__top-modern .homepage__top-v3-panel-2 a {
  animation: softPulse 3s ease-in-out infinite;
    position: relative;
    transition: all 0.3s ease;
}

/* Эффект мягкой пульсации и свечения */
@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 51, 55, 0.6);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 14px rgba(239, 51, 55, 0);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 51, 55, 0);
        transform: scale(1);
    }
}

/* Дополнительно: усиленное свечение при наведении курсора */
.homepage__top-modern .homepage__top-v3-panel-2 a:hover {
    animation: none;
    box-shadow: 0 0 20px rgba(239, 51, 55, 0.7);
    transform: scale(1.02);
    transition: all 0.2s ease;
}
.calc-page__hero {
	padding: 0px 0 30px;
}

.calc-page__hero h1 {
	font-size: 48px;
	line-height: 56px;
	font-family: ArialBold, Arial, sans-serif;
	color: #111;
	margin-bottom: 15px;
}

.calc-page__hero p {
	font-size: 20px;
	color: #777;
}
.calc-page__hero {
    text-align: center;
    margin: 0 auto;
}

.calc-page__hero {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calc-page__advantages {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 45px 0 45px;
	padding: 28px 35px;
	border: 1px solid #dad8d8;
	border-radius: 12px;
	background: #fff;

}

.calc-page__adv {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	flex: 0 25%;
	padding: 0 25px;
	border-right: 1px solid #e8e8e8;
}

.calc-page__adv:last-child {
	border-right: none;
}

.calc-page__adv-icon {
	width: 42px;
	min-width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	line-height: 1;
	color: #ff2b2b;
}

.calc-page__adv strong {
	display: block;
	font-family: ArialBold, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #222;
	margin: 0 0 6px 0;
}

.calc-page__adv p {
	font-size: 14px;
	line-height: 20px;
	color: #777;
	margin: 0;
}

/* Калькулятор — кнопки типов перегородок */
.calc-page__wrap .category-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 55px 0 45px 0;
}

.calc-page__wrap .category-btn-title {
	font-family: ArialBold, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #222;
	margin: 0;
}

.calc-page__wrap .category-btn-item-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 0;
}

.calc-page__wrap .category-btn-item {
	margin: 0;
}

.calc-page__wrap .category-btn-item p {
	min-width: 155px;
	height: 58px;
	padding: 0 28px;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	background: #fff;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: ArialBold, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.06);
	transition: all 0.35s ease;
	will-change: transform;
}

.calc-page__wrap .category-btn-item p:hover,
.calc-page__wrap .category-btn-item p.active {
	background: #ff2b2b;
	border-color: #ff2b2b;
	color: #fff;
	box-shadow: 0 8px 20px rgba(255,43,43,0.25);
	transform: translateY(-3px);
}

.calc__list > a {
	padding: 22px;
	border: 1px solid #ededed;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0,0,0,0.04);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.calc__list > a:hover {
    transform: translateY(-6px) scale(1.02);
	box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.calc__list-price {
	display: none;
}

.calc__list-title {
	text-align: left;
	font-size: 20px;
	line-height: 24px;
	font-family: ArialBold, Arial, sans-serif;
	color: #222;
	min-height: 78px;
	margin: 18px 0 18px;
}

.calc__list-features {
	margin: 0 0 28px 0;
	padding: 0;
	list-style: none;
}

.calc__list-features li {
	position: relative;
	padding: 0 0 12px 24px;
	font-size: 14px;
	line-height: 19px;
	color: #555;
}

.calc__list-features li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #ff2b2b;
	font-family: ArialBold, Arial, sans-serif;
}

.calc__list-link {
	width: fit-content;
	min-width: 215px;
	height: 48px;
	padding: 0 22px;
	background: #202020;
	color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	line-height: 18px;
	font-family: ArialBold, Arial, sans-serif;
	box-shadow: 0 8px 18px rgba(0,0,0,0.18);
	transition: all 0.25s ease;
		transform: none !important;
}

.calc__list-link:hover {
	background: #ff2b2b;
	box-shadow: 0 10px 22px rgba(255,43,43,0.25);
	transform: none;
}
/* ФИКС карточек калькулятора */


.calc__list-link:hover {
	background: #ff2b2b !important;
	color: #fff !important;
	transform: none !important;
}

.calc-info-block {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 620px !important;
	margin: 35px auto 55px auto !important;
	text-align: left !important;
}

.calc-info-block p {
	margin: 0 !important;
	font-size: 21px !important;
	line-height: 23px !important;
	color: #5c6b75 !important;
}

.calc-info-icon {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	border-radius: 50% !important;
	background: #ef3337 !important;
	position: relative !important;
}

.calc-info-icon:after {
	content: "i" !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-family: ArialBold, Arial, sans-serif !important;
}

.calc-about-block {
	display: grid;
	grid-template-columns: 42% 58%;
	gap: 35px;
	align-items: stretch;
	margin: 45px 0 35px 0;
	padding: 38px 42px;
	background: #fbfbfb7d;
	border-radius: 14px;
}

.calc-about-text h2 {
	font-family: ArialBold, Arial, sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #222;
	margin: 0 0 22px 0;
}

.calc-about-text p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin: 0 0 18px 0;
}

.calc-about-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 0 35px;
}

.calc-about-item {
	background: #fff;
	border-radius: 12px;
	padding: 20px 18px;
	min-height: 145px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}

.calc-about-item span {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 0 12px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.calc-about-item strong {
	display: block;
	font-family: ArialBold, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #222;
	margin: 0 0 8px 0;
}

.calc-about-item p {
	font-size: 13px;
	line-height: 18px;
	color: #666;
	margin: 0;
}

.icon-shield span {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4L39 10V22C39 32 33 40 24 44C15 40 9 32 9 22V10L24 4Z' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M17 24L22 29L32 18' stroke='%23ef3337' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-layers span {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 7L42 16L24 25L6 16L24 7Z' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M8 24L24 32L40 24' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M8 32L24 40L40 32' stroke='%23ef3337' stroke-width='2.5'/%3E%3C/svg%3E");
}

.icon-ruler span {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 35L35 11L42 18L18 42H11V35Z' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M30 16L34 20M25 21L29 25M20 26L24 30' stroke='%23ef3337' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-clock span {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='18' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M24 13V25L31 30' stroke='%23ef3337' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-wrench span {
	background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.5 7C36.8 7 34.4 7.8 32.4 9.2L39 15.8L33.8 21L27.2 14.4C25.8 16.4 25 18.8 25 21.5C25 24 25.8 26.4 27.1 28.3L11 44.4C9.4 46 9.4 48.6 11 50.2C12.6 51.8 15.2 51.8 16.8 50.2L32.9 34.1C34.8 35.4 37.2 36.2 39.7 36.2C46.1 36.2 51.3 31 51.3 24.6C51.3 22.1 50.5 19.7 49.2 17.8L42.8 24.2L37.6 19L44 12.6C42.7 9.2 41.2 7 39.5 7Z' stroke='%23ef3337' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.icon-medal span {
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='19' r='13' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M18 31L14 43L24 38L34 43L30 31' stroke='%23ef3337' stroke-width='2.5'/%3E%3Cpath d='M18 19L22 23L31 14' stroke='%23ef3337' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ===== БЛОК ВЫЗОВА ЗАМЕРЩИКА (как на макете) ===== */
.measure-call {
    background: #f0f2f5;  /* светло-серый фон, как у калькулятора */
    border-radius: 16px;
    margin: 48px auto;
    max-width: 1240px;
    width: calc(100% - 40px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.measure-call__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.measure-call__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 28px 32px;
    background: #f0f2f5;
    border-radius: 16px;
}

/* Иконка календаря */
.measure-call__icon {
    flex-shrink: 0;
}

.measure-call__icon svg {
    width: 56px;
    height: 56px;
    display: block;
}

/* Текстовый блок */
.measure-call__content {
    flex: 1;
}

.measure-call__title {
    font-size: 24px;
    font-weight: 800;
    font-family: 'Akrobat', 'ArialBold', Arial, sans-serif;
    color: #1a1a2e;
    margin: 0 0 6px 0;
}

.measure-call__text {
    font-size: 16px;
    line-height: 1.45;
    font-family: Arial, sans-serif;
    color: #4a5568;
    margin: 0;
}

/* КНОПКА — КВАДРАТНАЯ, КРАСНАЯ (как на макете) */
.measure-call__btn {
    background: #ef3337;
    border: none;
    border-radius: 12px;  /* квадратная, с небольшим скруглением как на макете */
    padding: 14px 28px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Akrobat', 'ArialBold', Arial, sans-serif;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(239, 51, 55, 0.2);
}

.measure-call__btn span {
    font-weight: 800;
    background: rgba(255, 255, 255, 0.2);
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 14px;
}

.measure-call__btn:hover {
    background: #cf2a2e;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(239, 51, 55, 0.3);
	
}

/* ===== БЛОК: ВЫЗОВ ЗАМЕРЩИКА БЕСПЛАТНО ===== */
/* ===== БЛОК: ВЫЗОВ ЗАМЕРЩИКА БЕСПЛАТНО ===== */
.hero-measure {
    position: relative;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.85) 30%, rgba(239, 51, 55, 0) 60%), url(images/hero-measure-bg.jpg);
    background-size: 74% auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    min-height: 580px;
    display: flex;
    align-items: center;
    margin: 50px 0;
 
    overflow: hidden;
    width: 100%;


.hero-measure img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Сохраняем пропорции изображения */
} 

/* Убираем конфликт с flex */
.hero-measure.flex {
    display: flex;
}

.hero-measure__container {
  width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.hero-measure__content {
    max-width: 50%;
    padding: 60px 0;
}

.hero-measure__title {
    font-size: 48px;
    line-height: 1.2;
    font-family: 'Akrobat', 'ArialBold', Arial, sans-serif;
    font-weight: 800;
    color: #1a1a2e;
    margin-bottom: 20px;
}

.hero-measure__title-accent {
    color: #ef3337;
}

.hero-measure__title-free {
    color: #1a1a2e;
}

.hero-measure__subtitle {
    font-size: 16px;
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: 45px;
    font-family: 'Arial', 'ArialBold', sans-serif;
    font-weight: 600;
}

/* Три пункта */
.hero-measure__features {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.hero-measure__feature {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.hero-measure__feature-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.hero-measure__feature-icon img {
    width: 41px;
    height: 41px;
    display: block;
}

.hero-measure__feature-text h3 {
    font-size: 19px;
    line-height: 1.3;
    font-family: 'Akrobat', 'ArialBold', Arial, sans-serif;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
}

.hero-measure__feature-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #4a5568;
    margin: 0;
    font-family: 'Arial', 'ArialBold', sans-serif;
    font-weight: 500;
}

.hero-measure__feature-text p strong {
    color: #ef3337;
    font-weight: 700;
}


/* ===== NEW FOOTER DESKTOP FIX ===== */

body .new-footer {
	background: #111 !important;
	background-image: linear-gradient(135deg, #101010 0%, #181818 45%, #0b0b0b 100%) !important;
	color: #fff !important;
	padding: 42px 0 30px !important;
}

body .new-footer .container {
	max-width: 1240px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
}

body .new-footer__wrapper {
	display: grid !important;
	grid-template-columns: 1.25fr 1fr 1fr 1.3fr 1fr !important;
	gap: 48px !important;
	align-items: flex-start !important;
}

body .new-footer__logo img {
	width: 128px !important;
	height: auto !important;
	display: block !important;
	margin: 0 0 22px 0 !important;
}

body .new-footer__copyright {
	font-size: 13px !important;
	line-height: 19px !important;
	color: rgba(255,255,255,.65) !important;
}

body .new-footer__title {
	font-family: ArialBold, Arial, sans-serif !important;
	font-size: 15px !important;
	line-height: 20px !important;
	color: #fff !important;
	margin: 0 0 12px 0 !important;
	text-transform: uppercase !important;
}

body .new-footer__list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body .new-footer__list li {
	margin: 0 0 7px 0 !important;
	padding: 0 !important;
	color: rgba(255,255,255,.72) !important;
	font-size: 13px !important;
	line-height: 18px !important;
}

body .new-footer__list a,
body .new-footer__email,
body .new-footer__phone {
	color: rgba(255,255,255,.72) !important;
	text-decoration: none !important;
}

body .new-footer__phone {
	display: block !important;
	font-family: ArialBold, Arial, sans-serif !important;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #fff !important;
	margin: 0 0 3px 0 !important;
}

body .new-footer__address,
body .new-footer__work-time,
body .new-footer__email {
	font-size: 13px !important;
	line-height: 18px !important;
	color: rgba(255,255,255,.72) !important;
	margin: 0 0 7px 0 !important;
}

body .new-footer__messengers {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 10px 0 8px 0 !important;
}

body .new-footer__messengers img {
	width: 28px !important;
	height: 28px !important;
	object-fit: contain !important;
	display: block !important;
}

body .new-footer__arrow {
	display: none !important;
}

.breadcrumbs {
    margin: 25px 0 25px 0 !important;
    padding: 0 !important;
    font-size: 13px;
    line-height: 18px;
    background: transparent !important;
    border-radius: 0 !important;
    color: #777;
}

.breadcrumbs a {
    color: #777;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #ef3337;
    text-decoration: none;
}

.breadcrumbs span,
.breadcrumbs .sep {
    color: #999;
    margin: 0 7px;
}

.breadcrumbs span:last-child {
    color: #777;
}

.calc-page__wrap {
    margin: 0 !important;
}
.category-btn-item {
    text-decoration: none;
    color: inherit;
}
body .calc-page__wrap a.category-btn-item,
body .calc-page__wrap a.category-btn-item:link,
body .calc-page__wrap a.category-btn-item:visited,
body .calc-page__wrap a.category-btn-item:hover,
body .calc-page__wrap a.category-btn-item:active {
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: none !important;
}

body .calc-page__wrap a.category-btn-item p {
    text-decoration: none !important;
}
body .breadcrumbs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 1240px !important;
    margin: 25px auto 25px auto !important;
    padding: 0 20px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #777 !important;
    background: transparent !important;
}

body .breadcrumbs a {
    color: #777 !important;
    text-decoration: none !important;
}

body .breadcrumbs a:hover {
    color: #ef3337 !important;
}

body .breadcrumbs .sep {
    color: #aaa !important;
}

body .breadcrumbs span {
    color: #777 !important;
}

body .mobile-menu-custom {
	background: #fff !important;
	width: min(360px, 88vw) !important;
	height: 100vh !important;
	padding: 28px 28px 40px 28px !important;
	overflow-y: auto !important;
	box-shadow: -10px 0 35px rgba(0,0,0,.18) !important;
}

body .mobile-menu-custom__logo {
	display: block !important;
	width: 120px !important;
	margin: 0 0 42px 0 !important;
	text-decoration: none !important;
}

body .mobile-menu-custom__logo img {
	display: block !important;
	width: 120px !important;
	height: auto !important;
}

body .mobile-menu-custom .header__menu-close {
	top: 32px !important;
	right: 28px !important;
}

body .mobile-menu-custom .header__menu-close span {
	background: #111 !important;
}

body .mobile-menu-custom__main-link,
body .mobile-accordion__header,
body .mobile-menu-contacts__title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	min-height: 58px !important;
	padding: 0 !important;
	border: none !important;
	border-top: 1px solid #e7e7e7 !important;
	background: transparent !important;
	color: #111 !important;
	font-family: ArialBold, Arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 22px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body .mobile-menu-contacts {
	border-top: 1px solid #e7e7e7 !important;
	padding: 18px 0 0 0 !important;
}

body .mobile-menu-contacts__title {
	border-top: none !important;
	min-height: auto !important;
	margin: 0 0 14px 0 !important;
	cursor: default !important;
}

body .mobile-accordion:last-of-type {
	border-bottom: 1px solid #e7e7e7 !important;
}

body .mobile-accordion__header i {
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	border-right: 2px solid #111 !important;
	border-bottom: 2px solid #111 !important;
	transform: rotate(45deg) !important;
	transition: transform .25s ease !important;
	margin: -4px 2px 0 0 !important;
}

body .mobile-accordion.active .mobile-accordion__header i {
	transform: rotate(225deg) !important;
	margin-top: 4px !important;
}

body .mobile-accordion__content {
	display: none !important;
	padding: 0 0 18px 0 !important;
}

body .mobile-accordion.active .mobile-accordion__content {
	display: block !important;
}

body .mobile-accordion__content a {
	display: block !important;
	padding: 8px 0 8px 14px !important;
	color: #333 !important;
	font-family: Arial, sans-serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-decoration: none !important;
	border: none !important;
}

body.page-template-page-calc .container > .breadcrumbs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 169px 0 24px 0 !important;
    padding: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #777 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 5 !important;
}

body.page-template-page-calc .container > .breadcrumbs a,
body.page-template-page-calc .container > .breadcrumbs a:link,
body.page-template-page-calc .container > .breadcrumbs a:visited,
body.page-template-page-calc .container > .breadcrumbs a:hover,
body.page-template-page-calc .container > .breadcrumbs a:active {
    color: #777 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

body.page-template-page-calc .container > .breadcrumbs a:hover {
    color: #ef3337 !important;
}

body.page-template-page-calc .container > .breadcrumbs .sep {
    color: #aaa !important;
    margin: 0 !important;
}

body.page-template-page-calc .container > .breadcrumbs span {
    color: #777 !important;
}

body.page-template-page-calc .category-btn a.category-btn-item,
body.page-template-page-calc .category-btn a.category-btn-item:link,
body.page-template-page-calc .category-btn a.category-btn-item:visited,
body.page-template-page-calc .category-btn a.category-btn-item:hover,
body.page-template-page-calc .category-btn a.category-btn-item:active {
    text-decoration: none !important;
    color: inherit !important;
    box-shadow: none !important;
}

body.page-template-page-calc .category-btn a.category-btn-item p {
    text-decoration: none !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

body.page-template-page-calc .category-btn a.category-btn-item p.active {
    background: #ff2b2b !important;
    border: 1px solid #ff2b2b !important;
    color: #fff !important;
}

/* сохраняем цвет активной кнопки */
body.page-template-page-calc .category-btn a.category-btn-item p.active {
    background: #ff2b2b !important;
    border-color: #ff2b2b !important;
    color: #fff !important;
} 
/* ===== Наши работы: новая карусель фото + видео ===== */
.works-showcase {
    margin: 70px 0 90px 0;
    padding: 56px 46px 62px 46px;
    background: linear-gradient(135deg, #101010 0%, #1b1b1b 52%, #090909 100%);
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(0,0,0,.18);
}
.works-showcase:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 0%, rgba(239,51,55,.22), transparent 35%), radial-gradient(circle at 100% 30%, rgba(255,255,255,.08), transparent 34%);
    pointer-events: none;
}
.works-showcase__head,
.works-showcase__slider,
.works-showcase__btn {
    position: relative;
    z-index: 2;
}
.works-showcase__head {
    text-align: center;
    margin: 0 0 34px 0;
}
.works-showcase .homepage__title,
.works-showcase__title {
    color: #fff !important;
    padding: 0 0 13px 0 !important;
    margin: 0 !important;
}
.works-showcase__title:after {
    content: "";
    width: 72px;
    height: 3px;
    background: #ef3337;
    border-radius: 5px;
    display: block;
    margin: 15px auto 0 auto;
}
.works-showcase__subtitle {
    max-width: 720px;
    margin: 0 auto;
    color: rgba(255,255,255,.74);
    font-size: 17px;
    line-height: 26px;
}
.works-showcase__slider {
    overflow: hidden;
    padding: 0 58px 58px 58px;
}
.works-showcase__item {
    display: grid;
    grid-template-columns: minmax(210px, .82fr) minmax(330px, 1.34fr) minmax(210px, .82fr);
    gap: 24px;
    align-items: center;
}
.works-showcase__media {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #202020;
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 15px 35px rgba(0,0,0,.3);
}
.works-showcase__media img,
.works-showcase__media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.works-showcase__media--side {
    height: 390px;
}
.works-showcase__media--video {
    height: 520px;
    box-shadow: 0 24px 55px rgba(0,0,0,.45);
}
.works-showcase__media--video:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.6), transparent 45%);
    pointer-events: none;
}
.works-showcase__label {
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    backdrop-filter: blur(8px);
}
.works-showcase__label:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef3337;
    display: inline-block;
}
.works-showcase__name {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 62px;
    z-index: 3;
    color: #fff;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.works-showcase__play {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.65);
    background: rgba(239,51,55,.92);
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(239,51,55,.34);
    transition: transform .25s ease, opacity .25s ease, background .25s ease;
}
.works-showcase__play span {
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 19px solid #fff;
    margin: 0 0 0 29px;
}
.works-showcase__play:hover {
    transform: translate(-50%, -50%) scale(1.08);
    background: #ef3337;
}
.works-showcase__media--video.is-playing .works-showcase__play {
    opacity: 0;
    pointer-events: none;
}
.works-showcase__nav.swiper-button-prev,
.works-showcase__nav.swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.28);
    backdrop-filter: blur(8px);
    top: calc(50% - 20px) !important;
    transition: background .25s ease, transform .25s ease;
}
.works-showcase__nav.swiper-button-prev:hover,
.works-showcase__nav.swiper-button-next:hover {
    background: #ef3337 !important;
    transform: scale(1.06);
}
.works-showcase__nav.swiper-button-prev {
    left: 0 !important;
}
.works-showcase__nav.swiper-button-next {
    right: 0 !important;
}
.works-showcase__nav.swiper-button-prev:after,
.works-showcase__nav.swiper-button-next:after {
    background: none !important;
    width: auto !important;
    height: auto !important;
    color: #fff;
    font-size: 20px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold;
}
.works-showcase__nav.swiper-button-prev:after {
    content: "‹" !important;
}
.works-showcase__nav.swiper-button-next:after {
    content: "›" !important;
}
.works-showcase__pagination.swiper-pagination {
    bottom: 10px !important;
    left: 0 !important;
    width: 100% !important;
}
.works-showcase__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,.45);
    opacity: 1;
}
.works-showcase__pagination .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 999px;
    background: #ef3337;
}
.works-showcase__btn {
    display: block;
    width: 230px;
    height: 54px;
    margin: 0 auto;
    border-radius: 10px;
    background: #ef3337;
    color: #fff;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 15px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 12px 28px rgba(239,51,55,.28);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.works-showcase__btn:hover {
    color: #fff;
    background: #d92024;
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(239,51,55,.36);
}

/* ===== Страница архива всех работ ===== */
.works-archive {
    padding: 120px 0 70px 0;
}
.works-archive__title {
    text-align: center;
    font-family: ArialBold, Arial, sans-serif;
    font-size: 42px;
    line-height: 48px;
    margin: 0 0 45px 0;
    color: #111;
}
.works-archive__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}
.works-archive__item {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 18px;
    overflow: hidden;
}
.works-archive__item .works-showcase__item {
    grid-template-columns: 1fr 1.25fr 1fr;
    gap: 12px;
}
.works-archive__item .works-showcase__media--side {
    height: 260px;
}
.works-archive__item .works-showcase__media--video {
    height: 340px;
}
.works-archive__item-title {
    font-family: ArialBold, Arial, sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 16px 0;
    color: #111;
}


/* ===== FIX 2026-05-16: hero options + mobile messengers ===== */
.homepage__mobile-messengers {
    display: none !important;
}

/* Убираем старый fixed-блок WhatsApp/мессенджеров на главной, чтобы не конфликтовал с макетом */
body.home .messenger-icons,
body.front-page .messenger-icons,
body.home .whatsapp,
body.front-page .whatsapp,
body.home .whatsapp-icon,
body.front-page .whatsapp-icon,
body.home a[href*="wa.me"],
body.front-page a[href*="wa.me"],
body.home a[href*="whatsapp"],
body.front-page a[href*="whatsapp"] {
    display: none !important;
}
.homepage__mobile-messengers {
    display: none !important;
}

/* Планшет: общий сброс конфликтующих правил hero-features */
@media screen and (min-width: 769px) and (max-width: 1180px) {
    body.home .homepage__top-v3.homepage__top-modern,
    body.front-page .homepage__top-v3.homepage__top-modern {
        overflow: hidden !important;
    }

    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 22px 0 !important;
        padding: 0 !important;
        align-items: start !important;
        justify-content: start !important;
        overflow: visible !important;
    }

    body.home .homepage__top-modern .homepage__hero-features > div,
    body.front-page .homepage__top-modern .homepage__hero-features > div {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        text-align: left !important;
    }

    body.home .homepage__top-modern .homepage__hero-features span,
    body.front-page .homepage__top-modern .homepage__hero-features span {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        flex: 0 0 24px !important;
        border-radius: 7px !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }

    body.home .homepage__top-modern .homepage__hero-features p,
    body.front-page .homepage__top-modern .homepage__hero-features p {
        margin: 0 !important;
        text-align: left !important;
        color: #fff !important;
        font-family: ArialBold, Arial, sans-serif !important;
    }
}

/* iPad Mini / 768px: как мобильная версия — пункты ровно вертикально по центру */
@media screen and (min-width: 701px) and (max-width: 800px) {
    body.home .homepage__top-modern .homepage__top-v3-wrap,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap {
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-text-1,
    body.front-page .homepage__top-modern .homepage__top-v3-text-1,
    body.home .homepage__top-modern .homepage__top-v3-wrap h1,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap h1,
    body.home .homepage__top-modern .homepage__top-v3-text-4,
    body.front-page .homepage__top-modern .homepage__top-v3-text-4 {
        text-align: center !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-wrap h1,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap h1 {
        font-size: 40px !important;
        line-height: 1.08 !important;
        max-width: 560px !important;
        margin-bottom: 20px !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-text-4,
    body.front-page .homepage__top-modern .homepage__top-v3-text-4 {
        font-size: 24px !important;
        margin-bottom: 32px !important;
    }

    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: 390px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
    }

    body.home .homepage__top-modern .homepage__hero-features > div,
    body.front-page .homepage__top-modern .homepage__hero-features > div {
        width: 100% !important;
    }

    body.home .homepage__top-modern .homepage__hero-features p,
    body.front-page .homepage__top-modern .homepage__hero-features p {
        font-size: 20px !important;
        line-height: 1.24 !important;
    }
}

/* iPad Air 820 и близкие: 2 ряда по 2 пункта */
@media screen and (min-width: 801px) and (max-width: 900px) {
    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 22px !important;
        max-width: 620px !important;
    }

    body.home .homepage__top-modern .homepage__hero-features p,
    body.front-page .homepage__top-modern .homepage__hero-features p {
        font-size: 15px !important;
        line-height: 1.22 !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-wrap h1,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap h1 {
        font-size: 44px !important;
        line-height: 1.05 !important;
        max-width: 630px !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-text-4,
    body.front-page .homepage__top-modern .homepage__top-v3-text-4 {
        font-size: 22px !important;
        margin-bottom: 24px !important;
    }
}

/* iPad Pro 1024: 4 пункта в один ряд, но меньше шрифт, чтобы не вылезало */
@media screen and (min-width: 901px) and (max-width: 1180px) {
    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        max-width: 100% !important;
    }

    body.home .homepage__top-modern .homepage__hero-features p,
    body.front-page .homepage__top-modern .homepage__hero-features p {
        font-size: 12px !important;
        line-height: 1.18 !important;
    }

    body.home .homepage__top-modern .homepage__hero-features span,
    body.front-page .homepage__top-modern .homepage__hero-features span {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        flex-basis: 21px !important;
        font-size: 12px !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-wrap h1,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap h1 {
        font-size: 38px !important;
        line-height: 1.06 !important;
        max-width: 610px !important;
        margin-bottom: 16px !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-text-1,
    body.front-page .homepage__top-modern .homepage__top-v3-text-1 {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-text-4,
    body.front-page .homepage__top-modern .homepage__top-v3-text-4 {
        font-size: 18px !important;
        margin-bottom: 18px !important;
    }
}

/* Телефон: мессенджеры статично внутри hero, не поверх кнопок */
@media screen and (max-width: 768px) {
    body.home .homepage__top-v3.homepage__top-modern,
    body.front-page .homepage__top-v3.homepage__top-modern {
        position: relative !important;
        overflow: hidden !important;
    }

    body.home .homepage__top-modern .homepage__top-v3-wrap,
    body.front-page .homepage__top-modern .homepage__top-v3-wrap {
        position: relative !important;
        z-index: 2 !important;
    }

    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 390px !important;
        margin: 0 auto 28px auto !important;
        gap: 18px !important;
    }

    body.home .homepage__top-modern .homepage__hero-features > div,
    body.front-page .homepage__top-modern .homepage__hero-features > div {
        width: 280px !important;
        max-width: 88vw !important;
        flex: none !important;
        margin: 0 auto !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    body.home .homepage__mobile-messengers,
    body.front-page .homepage__mobile-messengers {
        position: absolute !important;
        left: -4px !important;
        bottom: 114px !important;
        z-index: 6 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        width: 58px !important;
        pointer-events: auto !important;
    }

    body.home .homepage__mobile-messenger,
    body.front-page .homepage__mobile-messenger {
        width: 58px !important;
        height: 58px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    body.home .homepage__mobile-messenger img,
    body.front-page .homepage__mobile-messenger img {
        width: 58px !important;
        height: 58px !important;
        object-fit: contain !important;
        display: block !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.home .homepage__mobile-messenger--max img,
    body.front-page .homepage__mobile-messenger--max img {
        width: 62px !important;
        height: 62px !important;
    }
}

/* Не показываем эти плавающие иконки на десктопе/широкой версии: там они уже есть в header */
@media screen and (min-width: 769px) {
    body.home .homepage__mobile-messengers,
    body.front-page .homepage__mobile-messengers {
        display: none !important;
    }
}


/* ===== FINAL FIX 2026-05-16: Telegram/MAX fixed on mobile/tablet, hidden on desktop ===== */
body.home a[href*="wa.me"],
body.front-page a[href*="wa.me"],
body.home a[href*="whatsapp"],
body.front-page a[href*="whatsapp"],
body.home .mobile_whatsapp,
body.front-page .mobile_whatsapp,
body.home .whatsapp,
body.front-page .whatsapp,
body.home .whatsapp-icon,
body.front-page .whatsapp-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media screen and (max-width: 1180px) {
    body.home .homepage__mobile-messengers,
    body.front-page .homepage__mobile-messengers {
        position: fixed !important;
        left: max(8px, env(safe-area-inset-left)) !important;
        bottom: max(92px, calc(env(safe-area-inset-bottom) + 92px)) !important;
        z-index: 999 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        width: 58px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    body.home .homepage__mobile-messenger,
    body.front-page .homepage__mobile-messenger {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    body.home .homepage__mobile-messenger img,
    body.front-page .homepage__mobile-messenger img {
        display: block !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        opacity: 1 !important;
    }

    body.home .homepage__mobile-messenger--max img,
    body.front-page .homepage__mobile-messenger--max img {
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
    }
}

@media screen and (min-width: 1181px) {
    body.home .homepage__mobile-messengers,
    body.front-page .homepage__mobile-messengers {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}



/* ===== БЛОК ПРЕИМУЩЕСТВ (ИКОНКИ + РАЗДЕЛИТЕЛИ) ===== */
body.home .homepage__top-modern .homepage__hero-features,
body.front-page .homepage__top-modern .homepage__hero-features,
.homepage__top-modern .homepage__hero-features {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 0 42px 0 !important;
    padding: 0 !important;
    align-items: start !important;
}

/* Каждый пункт */
body.home .homepage__top-modern .homepage__hero-feature,
body.front-page .homepage__top-modern .homepage__hero-feature,
.homepage__top-modern .homepage__hero-feature {
    position: relative !important;
    display: block !important;
    padding: 0 32px 0 0 !important;
    text-align: left !important;
    color: #fff !important;
}

/* Вертикальный разделитель (кроме последнего) */
body.home .homepage__top-modern .homepage__hero-feature:not(:last-child)::after,
body.front-page .homepage__top-modern .homepage__hero-feature:not(:last-child)::after,
.homepage__top-modern .homepage__hero-feature:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    right: 24px !important;
    width: 1px !important;
    height: 122px !important;
    background: rgba(255,255,255,.22) !important;
    display: block !important;
}

/* Иконка */
body.home .homepage__top-modern .homepage__hero-feature-icon,
body.front-page .homepage__top-modern .homepage__hero-feature-icon,
.homepage__top-modern .homepage__hero-feature-icon {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 0 15px 0 !important;
    color: #ef3337 !important;
    line-height: 0 !important;
}

body.home .homepage__top-modern .homepage__hero-feature-icon svg,
body.front-page .homepage__top-modern .homepage__hero-feature-icon svg,
.homepage__top-modern .homepage__hero-feature-icon svg {
    width: 46px !important;
    height: 46px !important;
    color: #ef3337 !important;
}

/* Заголовок (жирный) */
body.home .homepage__top-modern .homepage__hero-feature-title,
body.front-page .homepage__top-modern .homepage__hero-feature-title,
.homepage__top-modern .homepage__hero-feature-title {
    display: block !important;
    color: #ffffff !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    margin: 0 0 10px 0 !important;
}

/* Подзаголовок (тонкий) */
body.home .homepage__top-modern .homepage__hero-feature-desc,
body.front-page .homepage__top-modern .homepage__hero-feature-desc,
.homepage__top-modern .homepage__hero-feature-desc {
    display: block !important;
    color: rgba(255,255,255,.82) !important;
    font-family: Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

@media screen and (max-width: 1180px) {
    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features,
    .homepage__top-modern .homepage__hero-features {
        max-width: 100% !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature,
    body.front-page .homepage__top-modern .homepage__hero-feature,
    .homepage__top-modern .homepage__hero-feature {
        padding-right: 18px !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-title,
    body.front-page .homepage__top-modern .homepage__hero-feature-title,
    .homepage__top-modern .homepage__hero-feature-title {
        font-size: 16px !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-desc,
    body.front-page .homepage__top-modern .homepage__hero-feature-desc,
    .homepage__top-modern .homepage__hero-feature-desc {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 768px) {
    body.home .homepage__top-modern .homepage__hero-features,
    body.front-page .homepage__top-modern .homepage__hero-features,
    .homepage__top-modern .homepage__hero-features {
        display: flex !important;
        flex-direction: column !important;
        max-width: 340px !important;
        margin: 0 auto 28px auto !important;
        gap: 0 !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature,
    body.front-page .homepage__top-modern .homepage__hero-feature,
    .homepage__top-modern .homepage__hero-feature {
        display: grid !important;
        grid-template-columns: 44px 1fr !important;
        column-gap: 16px !important;
        padding: 0 0 15px 0 !important;
        margin: 0 0 15px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.18) !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature:not(:last-child)::after,
    body.front-page .homepage__top-modern .homepage__hero-feature:not(:last-child)::after,
    .homepage__top-modern .homepage__hero-feature:not(:last-child)::after {
        display: none !important;
        content: none !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature:last-child,
    body.front-page .homepage__top-modern .homepage__hero-feature:last-child,
    .homepage__top-modern .homepage__hero-feature:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-icon,
    body.front-page .homepage__top-modern .homepage__hero-feature-icon,
    .homepage__top-modern .homepage__hero-feature-icon {
        grid-row: 1 / span 2 !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        margin: 0 !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-icon svg,
    body.front-page .homepage__top-modern .homepage__hero-feature-icon svg,
    .homepage__top-modern .homepage__hero-feature-icon svg {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-title,
    body.front-page .homepage__top-modern .homepage__hero-feature-title,
    .homepage__top-modern .homepage__hero-feature-title {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin: 0 0 4px 0 !important;
    }
    body.home .homepage__top-modern .homepage__hero-feature-desc,
    body.front-page .homepage__top-modern .homepage__hero-feature-desc,
    .homepage__top-modern .homepage__hero-feature-desc {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}


/* ===== 2026-05-17: hero features exactly like mockup ===== */
.homepage__top-modern .gs-hero-features {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 820px !important;
    max-width: calc(100vw - 260px) !important;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
    align-items: start !important;
}
.homepage__top-modern .gs-hero-feature {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    padding: 0 28px 0 0 !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: left !important;
    background: transparent !important;
}
.homepage__top-modern .gs-hero-feature:not(:first-child) {
    padding-left: 28px !important;
}
.homepage__top-modern .gs-hero-feature:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 12px !important;
    width: 1px !important;
    height: 126px !important;
    background: rgba(255,255,255,.22) !important;
}
.homepage__top-modern .gs-hero-feature__icon {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    line-height: 0 !important;
    color: #ef3337 !important;
}
.homepage__top-modern .gs-hero-feature__icon svg {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
    fill: none !important;
    stroke: #ef3337 !important;
    stroke-width: 2.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}
.homepage__top-modern .gs-hero-feature__text {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: left !important;
    font-family: Arial, sans-serif !important;
}
.homepage__top-modern .gs-hero-feature__title {
    display: block !important;
    margin: 0 0 9px 0 !important;
    color: #fff !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    font-style: normal !important;
}
.homepage__top-modern .gs-hero-feature__desc {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
@media screen and (max-width: 1180px) {
    .homepage__top-modern .gs-hero-features {
        width: 100% !important;
        max-width: 760px !important;
    }
    .homepage__top-modern .gs-hero-feature {
        padding-right: 20px !important;
    }
    .homepage__top-modern .gs-hero-feature:not(:first-child) {
        padding-left: 20px !important;
    }
    .homepage__top-modern .gs-hero-feature__title {
        font-size: 17px !important;
    }
    .homepage__top-modern .gs-hero-feature__desc {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 900px) {
    .homepage__top-modern .gs-hero-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 0 !important;
        max-width: 620px !important;
    }
    .homepage__top-modern .gs-hero-feature:nth-child(2)::after {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .homepage__top-modern .gs-hero-features {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100% - 48px) !important;
        max-width: 360px !important;
        margin: 0 auto 28px auto !important;
        gap: 0 !important;
        align-items: stretch !important;
        justify-content: center !important;
    }
    .homepage__top-modern .gs-hero-feature,
    .homepage__top-modern .gs-hero-feature:not(:first-child) {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 20px !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 15px 0 !important;
        margin: 0 auto !important;
        border-bottom: 1px solid rgba(255,255,255,.18) !important;
        text-align: left !important;
    }
    .homepage__top-modern .gs-hero-feature:first-child {
        padding-top: 0 !important;
    }
    .homepage__top-modern .gs-hero-feature:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .homepage__top-modern .gs-hero-feature::after {
        display: none !important;
        content: none !important;
    }
    .homepage__top-modern .gs-hero-feature__icon {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
    }
    .homepage__top-modern .gs-hero-feature__icon svg {
        width: 50px !important;
        height: 50px !important;
        stroke-width: 2.8 !important;
    }
    .homepage__top-modern .gs-hero-feature__text {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    .homepage__top-modern .gs-hero-feature__title {
        font-size: 16px !important;
        line-height: 1.2 !important;
        margin: 0 0 5px 0 !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
    .homepage__top-modern .gs-hero-feature__desc {
        font-size: 14px !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
}
@media screen and (max-width: 360px) {
    .homepage__top-modern .gs-hero-features {
        width: calc(100% - 32px) !important;
        max-width: 328px !important;
    }
    .homepage__top-modern .gs-hero-feature,
    .homepage__top-modern .gs-hero-feature:not(:first-child) {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        column-gap: 15px !important;
    }
    .homepage__top-modern .gs-hero-feature__icon,
    .homepage__top-modern .gs-hero-feature__icon svg {
        width: 44px !important;
        height: 44px !important;
    }
    .homepage__top-modern .gs-hero-feature__title {
        font-size: 15px !important;
    }
    .homepage__top-modern .gs-hero-feature__desc {
        font-size: 13px !important;
    }
}


/* ===== Single calc: visual selected partition summary ===== */
.gs-calc-visual-summary {
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    box-shadow: 0 12px 34px rgba(18, 32, 56, .06);
    padding: 18px 18px 14px 18px;
    margin: 18px 0 26px 0;
    width: 100%;
}
.gs-calc-visual-summary__title {
    color: #252b35;
    font-family: ArialBold, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 5px 0;
}
.gs-calc-visual-summary__text,
.gs-calc-visual-summary__note {
    color: #7d8592;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
.gs-calc-visual-summary__chips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 15px 0 10px 0;
}
.gs-calc-visual-summary__chip {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 9px 12px;
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 9px;
    color: #424b58;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.gs-calc-visual-summary__chip span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}
.gs-calc-visual-summary__icon,
.gs-calc-visual-summary__thumb {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gs-calc-visual-summary__icon svg {
    width: 23px;
    height: 23px;
    stroke: #9aa2ad;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.gs-calc-visual-summary__thumb img {
    display: block;
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
}

@media screen and (max-width: 1100px) {
    .gs-calc-visual-summary__chips {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 768px) {
    .gs-calc-visual-summary {
        border-radius: 12px;
        padding: 15px 14px 13px 14px;
        margin: 10px 0 18px 0;
    }
    .gs-calc-visual-summary__title {
        font-size: 15px;
        line-height: 20px;
    }
    .gs-calc-visual-summary__text,
    .gs-calc-visual-summary__note {
        font-size: 12px;
        line-height: 17px;
    }
    .gs-calc-visual-summary__chips {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 12px;
    }
    .gs-calc-visual-summary__chip {
        min-height: 44px;
        padding: 8px 9px;
        font-size: 12px;
        line-height: 16px;
        gap: 7px;
    }
    .gs-calc-visual-summary__chip--size {
        grid-column: span 2;
    }
}

/* ===== Страница калькулятора: новый блок "Как мы работаем" v1.0.6 ===== */
body.page-template-page-calc .gs-calc-process,
body.page-template-page-calc-php .gs-calc-process {
    position: relative !important;
    background: #fff !important;
    color: #111 !important;
    padding: 58px 0 54px 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.page-template-page-calc .gs-about-process__container,
body.page-template-page-calc-php .gs-about-process__container {
    position: relative !important;
    z-index: 1 !important;
}

body.page-template-page-calc .gs-about-section-head,
body.page-template-page-calc-php .gs-about-section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 42px 0 !important;
    text-align: center !important;
}

body.page-template-page-calc .gs-about-section-head h2,
body.page-template-page-calc-php .gs-about-section-head h2 {
    margin: 0 !important;
    color: #111 !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
}

body.page-template-page-calc .gs-about-section-head span,
body.page-template-page-calc-php .gs-about-section-head span {
    display: block !important;
    width: 42px !important;
    height: 3px !important;
    margin: 14px auto 0 auto !important;
    border-radius: 999px !important;
    background: #ef3337 !important;
}

body.page-template-page-calc .gs-about-process__steps,
body.page-template-page-calc-php .gs-about-process__steps {
    display: grid !important;
    grid-template-columns: 1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr !important;
    align-items: start !important;
    gap: 0 !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

body.page-template-page-calc .gs-about-process-step,
body.page-template-page-calc-php .gs-about-process-step {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    text-align: center !important;
    padding: 0 12px !important;
}

body.page-template-page-calc .gs-about-process-step__num,
body.page-template-page-calc-php .gs-about-process-step__num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 0 14px 0 !important;
    border-radius: 50% !important;
    background: #ef3337 !important;
    color: #fff !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(239,51,55,.22) !important;
}

body.page-template-page-calc .gs-about-process-step__icon,
body.page-template-page-calc-php .gs-about-process-step__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 18px 0 !important;
    color: #222 !important;
}

body.page-template-page-calc .gs-about-process-step__icon img,
body.page-template-page-calc-php .gs-about-process-step__icon img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: contain !important;
}

body.page-template-page-calc .gs-about-process-step h3,
body.page-template-page-calc-php .gs-about-process-step h3 {
    margin: 0 0 10px 0 !important;
    color: #111 !important;
    font-family: ArialBold, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
}

body.page-template-page-calc .gs-about-process-step p,
body.page-template-page-calc-php .gs-about-process-step p {
    max-width: 170px !important;
    margin: 0 auto !important;
    color: #555 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
}

body.page-template-page-calc .gs-about-process-arrow,
body.page-template-page-calc-php .gs-about-process-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 92px !important;
    color: #b8b8b8 !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-calc .gs-calc-process,
    body.page-template-page-calc-php .gs-calc-process {
        padding: 48px 0 48px 0 !important;
    }

    body.page-template-page-calc .gs-about-process__steps,
    body.page-template-page-calc-php .gs-about-process__steps {
        grid-template-columns: 1fr !important;
        max-width: 470px !important;
        gap: 0 !important;
    }

    body.page-template-page-calc .gs-about-process-step,
    body.page-template-page-calc-php .gs-about-process-step {
        display: grid !important;
        grid-template-columns: 34px 54px minmax(0, 1fr) !important;
        grid-template-areas:
            "num icon title"
            "line icon text" !important;
        align-items: start !important;
        column-gap: 14px !important;
        row-gap: 4px !important;
        padding: 0 0 30px 0 !important;
        text-align: left !important;
    }

    body.page-template-page-calc .gs-about-process-step:not(:last-child)::after,
    body.page-template-page-calc-php .gs-about-process-step:not(:last-child)::after {
        content: "" !important;
        grid-area: line !important;
        justify-self: center !important;
        width: 1px !important;
        height: 100% !important;
        min-height: 42px !important;
        background: #e4e4e4 !important;
    }

    body.page-template-page-calc .gs-about-process-step__num,
    body.page-template-page-calc-php .gs-about-process-step__num {
        grid-area: num !important;
        width: 26px !important;
        height: 26px !important;
        margin: 0 auto !important;
        font-size: 12px !important;
    }

    body.page-template-page-calc .gs-about-process-step__icon,
    body.page-template-page-calc-php .gs-about-process-step__icon {
        grid-area: icon !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
    }

    body.page-template-page-calc .gs-about-process-step__icon img,
    body.page-template-page-calc-php .gs-about-process-step__icon img {
        width: 42px !important;
        height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }

    body.page-template-page-calc .gs-about-process-step h3,
    body.page-template-page-calc-php .gs-about-process-step h3 {
        grid-area: title !important;
        margin: 0 0 6px 0 !important;
        font-size: 17px !important;
        line-height: 1.22 !important;
    }

    body.page-template-page-calc .gs-about-process-step p,
    body.page-template-page-calc-php .gs-about-process-step p {
        grid-area: text !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.page-template-page-calc .gs-about-process-arrow,
    body.page-template-page-calc-php .gs-about-process-arrow {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    body.page-template-page-calc .gs-calc-process,
    body.page-template-page-calc-php .gs-calc-process {
        padding: 42px 0 38px 0 !important;
    }

    body.page-template-page-calc .gs-about-section-head,
    body.page-template-page-calc-php .gs-about-section-head {
        margin-bottom: 32px !important;
    }

    body.page-template-page-calc .gs-about-section-head h2,
    body.page-template-page-calc-php .gs-about-section-head h2 {
        font-size: 28px !important;
    }

    body.page-template-page-calc .gs-about-process__steps,
    body.page-template-page-calc-php .gs-about-process__steps {
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    body.page-template-page-calc .gs-about-process-step,
    body.page-template-page-calc-php .gs-about-process-step {
        grid-template-columns: 32px 44px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        padding-bottom: 28px !important;
    }

    body.page-template-page-calc .gs-about-process-step__num,
    body.page-template-page-calc-php .gs-about-process-step__num {
        width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
    }

    body.page-template-page-calc .gs-about-process-step__icon,
    body.page-template-page-calc-php .gs-about-process-step__icon,
    body.page-template-page-calc .gs-about-process-step__icon img,
    body.page-template-page-calc-php .gs-about-process-step__icon img {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    body.page-template-page-calc .gs-about-process-step h3,
    body.page-template-page-calc-php .gs-about-process-step h3 {
        font-size: 15px !important;
    }

    body.page-template-page-calc .gs-about-process-step p,
    body.page-template-page-calc-php .gs-about-process-step p {
        font-size: 12px !important;
    }
}

/* ===== Главная: возврат старой рабочей логики hover-фото v1.1.5 ===== */
/* Старый вариант работал так: основное фото всегда снизу, фото открытой двери лежит сверху absolute и только меняет opacity. */
body.home .homepage-calc-types__list .calc__list-img-wrap,
body.front-page .homepage-calc-types__list .calc__list-img-wrap {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.home .homepage-calc-types__list .photo_anons,
body.front-page .homepage-calc-types__list .photo_anons {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    background: transparent !important;
}

body.home .homepage-calc-types__list .photo_anons_open,
body.front-page .homepage-calc-types__list .photo_anons_open {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: visible !important;
    background: transparent !important;
    pointer-events: none !important;
    transition: opacity .12s linear !important;
}

/* Если старый JS добавляет active — будет работать как раньше */
body.home .homepage-calc-types__list .photo_anons_open.active,
body.front-page .homepage-calc-types__list .photo_anons_open.active {
    opacity: 1 !important;
}

/* Если JS по какой-то причине не сработает — hover всё равно сработает сразу без белого экрана */
@media (hover: hover) and (pointer: fine) {
    body.home .homepage-calc-types__list .calc__list-img-wrap.has-hover-image:hover .photo_anons_open,
    body.front-page .homepage-calc-types__list .calc__list-img-wrap.has-hover-image:hover .photo_anons_open {
        opacity: 1 !important;
    }
}

body.home .homepage-calc-types__list .photo_anons img,
body.home .homepage-calc-types__list .photo_anons_open img,
body.front-page .homepage-calc-types__list .photo_anons img,
body.front-page .homepage-calc-types__list .photo_anons_open img {
    display: block !important;
    background: transparent !important;
}

/* Убрать старые новые классы, чтобы они не конфликтовали */
body.home .homepage-calc-types__list .gs-home-calc-card-image__main,
body.home .homepage-calc-types__list .gs-home-calc-card-image__hover,
body.front-page .homepage-calc-types__list .gs-home-calc-card-image__main,
body.front-page .homepage-calc-types__list .gs-home-calc-card-image__hover {
    all: unset !important;
}

/* На мобильной открытое фото не показываем */
@media screen and (max-width: 768px) {
    body.home .homepage-calc-types__list .photo_anons_open,
    body.front-page .homepage-calc-types__list .photo_anons_open {
        display: none !important;
    }
}