/* Start:/bitrix/templates/verfmos/components/bitrix/menu/burger/style.css?17846215997207*/
#menu-toggle {display: none;}
.header-container-top {position: fixed; top: 40px; left: 50%;transform: translateX(-50%); width: 95%; background: rgb(255 255 255 / 50%); max-width: 2500px;
    backdrop-filter: blur(4px);  -webkit-backdrop-filter: blur(4px); border-radius: 73px;overflow: hidden; z-index: 300; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0px 0px 5px #c2cdd6; border: 1px solid rgb(255 255 255 / 50%); @apply bg-muted/25;}
#menu-toggle:checked ~ .header-container-top {border-radius: 43px; background: hsl(224deg 53% 35% / 70%);}
.header-container-top .header-top {height: 80px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;position: relative;}
.header-container-top .logo-header {display: flex; align-items: center;}
.header-container-top .logo-header img {width:200px; transition: all 0.5s ease; filter: grayscale(1) brightness(1000%);}
.header-container-top .logo-header a {display: flex;}

.header-container-top .header-top .burger {width: 40px;height: 30px;cursor: pointer;display: flex;flex-direction: column;justify-content: center;gap: 6px;position: relative;z-index: 2;right: 55px;}
.header-container-top .header-top .burger span {display: block; width: 40px; height: 3px; background: #fff; border-radius: 4px; transition: all 0.3s ease;}

#menu-toggle:checked ~ .header-container-top .burger span:nth-child(1) {transform: rotate(45deg) translate(4px, 4px);}
#menu-toggle:checked ~ .header-container-top .burger span:nth-child(2) {opacity: 0;}
#menu-toggle:checked ~ .header-container-top .burger span:nth-child(3) {transform: rotate(-45deg) translate(4px, -4px);}
#menu-toggle:checked ~ .header-container-top .burger {opacity: 0; pointer-events: none;}
.header-container-top .menu-content {max-height: 0; overflow: hidden; opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex; flex-direction: column; align-items: center; padding: 0 25px;}
.header-container-top .burger-menu__list {list-style: none; text-align: center; display: flex; flex-direction: column; gap: 26px; padding: 0; margin: 25px 0px;}
.header-container-top .burger-menu__item {opacity: 0;transform: translateY(15px);transition: all 0.4s ease;}
.header-container-top .menu-close {position: absolute; top: 50%; right: 80px; transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; z-index: 3;  opacity: 0; pointer-events: none;
 transition: opacity 0.3s ease;}
.header-container-top .menu-close::before,
.header-container-top .menu-close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 3px; background: #fff; border-radius: 4px; transition: all 0.5s ease;}
.header-container-top .menu-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.header-container-top .menu-close::after {transform: translate(-50%, -50%) rotate(-45deg);}

#menu-toggle:checked ~ .header-container-top .menu-close {opacity: 1; pointer-events: all;}
#menu-toggle:checked ~ .header-container-top .menu-content {max-height: 600px; opacity: 1; padding: 20px 25px 40px;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(1) {opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(2) {opacity: 1; transform: translateY(0); transition-delay: 0.15s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(3) {opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(4) {opacity: 1; transform: translateY(0); transition-delay: 0.25s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(5) {opacity: 1; transform: translateY(0); transition-delay: 0.3s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(6) {opacity: 1; transform: translateY(0); transition-delay: 0.35s;}
#menu-toggle:checked ~ .header-container-top .burger-menu__item:nth-child(7) {opacity: 1; transform: translateY(0); transition-delay: 0.4s;}

.header-container-top .burger-menu__link {color: #ffffff; text-decoration: none; font-size: 35px; text-transform: uppercase;
    line-height: 1; position: relative; display: inline-block; transition: color 0.3s ease;}
.header-container-top .burger-menu__link::after { content: '';  position: absolute;  bottom: -4px; left: 50%; width: 0; height: 1px;
    background: #ffffff; transition: all 0.3s ease;transform: translateX(-50%); border-radius: 4px;}
.header-container-top .burger-menu__link:hover::after {width: 100%;}
.header-container-top .burger-menu__text {display: inline;}
.header-container-top .burger-menu__item--active .burger-menu__link {font-weight: bold;}
.header-container-top .head-social img {margin: 10px; filter: grayscale(1) brightness(1000%);}

.header-top-change {background: hsl(224deg 53% 35% / 70%); box-shadow: 0px 0px 5px #3e83bc; border: 1px solid rgb(125 155 255 / 50%);}
.header-top-change .header-top .burger span,
.header-top-change .menu-close::before,
.header-top-change .menu-close::after,
.header-top-change .burger-menu__link::after {background: #ffffff;}
.header-top-change .logo-header img,
.header-top-change .head-social img {filter: grayscale(1) brightness(1000%);}
.header-top-change .burger-menu__link {color: #ffffff;}

@supports not (hanging-punctuation:first) {
.header-container-top {backdrop-filter: url(#displacementFilter) blur(2px);}
}

@media (prefers-color-scheme: dark) {
.header-container-top {background: hsl(224deg 53% 35% / 70%);}
.header-container-top .burger-menu__link::after,
.header-top-change .header-top .burger span,
.header-top-change .menu-close::before,
.header-top-change .menu-close::after,
.header-top-change .burger-menu__link::after {background: hsl(224deg 100% 94.13% / 70%);}
}

@media screen and (max-width: 980px) {
.header-container-top .logo-header img {width: 150px;}
.header-container-top .menu-close {width: 20px; height: 20px; right: 20px;}
.header-container-top .header-top .burger {right: 0;}
.header-container-top .header-top {height: 60px; padding: 0 10px 0 20px;}
.header-container-top {top: 25px;}
#menu-toggle:checked ~ .header-container-top {border-radius: 15px;}
.header-container-top .burger-menu__link {font-size:20px; line-height:1.4}
.header-container-top .burger-menu__list {gap:10px;margin:10px 0px;}
#menu-toggle:checked ~ .header-container-top .menu-content {padding:5px 5px 20px 25px;}
.header-container-top .header-top .burger span { width: 30px; height: 2px;}
.header-container-top .menu-close::before,
.header-container-top .menu-close::after {width: 30px;height: 2px;}
}

@media screen and (max-width: 480px) {
.header-container-top .logo-header img {width: 120px;}
#menu-toggle:checked ~ .header-container-top .menu-content {display:flex;align-items: flex-start;}
#menu-toggle:checked ~ .header-container-top {border-radius: 25px 0px 0px 25px; transform: none;right: 0px;width: auto; left: 30%;}
#menu-toggle:checked ~ .header-container-top .burger-menu__list {gap:10px;margin:10px 0px;text-align: left;}
.header-container-top {top: 10px;}
}

/* End */


/* Start:/bitrix/templates/verfmos/css/footer.css?17829794698972*/
.footer {background: #2A438A; position: relative; z-index: 90;}
.footer-wrap {padding: 25px 25px 0px 25px; max-width: 2500px; margin: 0 auto;}
.footer-wrap .footer-top {padding-bottom:35px;width: 95%;margin: 0 auto;}
.footer-wrap .footer-top .footer-column-logo img {filter: grayscale(1) brightness(1000%); max-width:314px;}
.footer-wrap .footer-top .footer-grid {display: flex;justify-content: space-between;align-items: center;}
.footer-wrap .footer-top .footer-grid .footer-column-menu a {color: rgb(255 255 255 / 70%);text-decoration:none;
	transform: translateX(0);font-size:20px;display: inline;transition: all 0.5s ease;line-height: 1.4;}
.footer-wrap .footer-top .footer-grid .footer-column-menu a:hover {padding-left:5px;}
.footer-wrap .footer-bottom {border-top: 1px solid rgb(255 255 255 / 30%);padding-top:35px;padding-bottom: 45px;}
.footer-wrap .footer-bottom .footer-bottom-inner {display: flex;justify-content: space-between;align-items: flex-start;width: 95%;margin: 0 auto;}
.footer-wrap .footer-bottom .footer-bot-contacts,
.footer-wrap .footer-bottom .footer-bot-contacts a {color:rgb(255 255 255 / 70%);text-decoration:none;font-size:25px;line-height: 1.6;}
.footer-wrap .footer-bottom .footer-bot-contacts {padding-right: 10px;}
.footer-wrap .footer-bottom .footer-bot-social img {filter: grayscale(1) brightness(1000%); margin:10px; opacity:0.7;}
.footer-wrap .footer-bottom .footer-politics a {color:#c0c7dc;display:block;text-decoration:none;max-width:320px;font-size:20px;line-height: 1.4; padding-bottom: 10px;}
.footer-wrap .footer-bottom:after { content: ""; display:block; position:absolute; bottom: 0;left: 40%; width: 460px; height:100%; z-index:150;
     background: url(/bitrix/templates/verfmos/images/sudno-footer.png) no-repeat bottom+40px center; background-size:460px; pointer-events: none;
animation: moveSudno 5s ease-in-out infinite;}
.footer-wrap .footer-top .footer-grid .footer-column-menu {column-count: 3;column-gap: 24px;width: 80%;line-height: 1.4;margin: 0 auto;padding-left: 10%;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p {font-size: 20px;display: block;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(1),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(4),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(7) {border-left:1px solid rgb(255 255 255 / 30%); padding:30px 5px 0px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(3),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(6),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(9) {border-left:1px solid rgb(255 255 255 / 30%); padding:0px 5px 60px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(2),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(5),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(8) {border-left:1px solid rgb(255 255 255 / 30%); padding:0px 5px 0px 10px;}

@keyframes moveSudno {
	0% {opacity: 0; transform: translateX(0);}
    5% {opacity: 0.5;}
	30% {opacity: 1; transform: translateX(10px);}
    85% {opacity: 1;}
	95% {opacity: 0.5;}
    100% {opacity: 0; transform: translateX(180px);}
}

@keyframes moveSudnoY {
	0% {opacity: 0; transform: translateX(0) scaleX(-1);}
    5% {opacity: 0.5;}
	30% {opacity: 1; transform: translateX(-10px) scaleX(-1);}
    85% {opacity: 1;}
	95% {opacity: 0.5;}
    100% {opacity: 0; transform: translateX(-180px) scaleX(-1);}
}


@media screen and (max-width: 1750px) {
.footer-wrap .footer-bottom:after {left: 30%;}
}

@media screen and (max-width: 1480px) {
.footer-wrap .footer-bottom:after {left: 20%;}
}

@media screen and (max-width: 1300px) {
.footer-wrap .footer-bottom:after {background: url(/bitrix/templates/verfmos/images/sudno-footer.png) no-repeat bottom+35px center; background-size:360px; width: 360px;}
}

@media screen and (max-width: 1190px) {
.footer-wrap .footer-top {width:100%;}
.footer-wrap .footer-top .footer-grid {display:block;}
.footer-wrap .footer-top .footer-column-logo img {max-width:150px;}
.footer-wrap .footer-bottom .footer-bottom-inner {padding-left:300px;}
.footer-wrap .footer-bottom .footer-bot-social {position:absolute; top:20px; right:30px;}
.footer-wrap .footer-bottom .footer-bot-social img {width:25px; height: auto; margin:5px;}
.footer-wrap .footer-bottom .footer-bot-contacts,
.footer-wrap .footer-bottom .footer-bot-contacts a, 
.footer-wrap .footer-bottom .footer-politics a {font-size:14px; line-height: 1.4;}
.footer-wrap .footer-bottom:after { content: ""; display:block; position:absolute; bottom: 0;left: 0; width: 170px; height:100%; z-index:150;
     background: url(/bitrix/templates/verfmos/images/sudno-footer.png) no-repeat bottom+35px center; background-size:170px; pointer-events: none;}
.footer-wrap .footer-bottom {padding-top:15px;padding-bottom: 15px;}
}

@media screen and (max-width: 880px) {
.footer-wrap .footer-top .footer-grid .footer-column-menu {width: 95%;}
}


@media screen and (max-width: 740px) {
.footer-wrap .footer-top .footer-column-logo {position:relative;}
.footer-wrap .footer-top .footer-column-logo:after { content: ""; display:block; position:absolute; bottom: 0px;right: 0; width: 170px; height:100%; z-index:150;
 background: url(/bitrix/templates/verfmos/images/sudno-footer.png) no-repeat bottom center; background-size:170px; pointer-events: none; 
	transform: scaleX(-1); animation: moveSudnoY 5s ease-in-out infinite;}
.footer-wrap .footer-bottom {padding-top:15px;padding-bottom: 15px;}
.footer-wrap .footer-top {padding: 0;}
.footer-wrap .footer-top .footer-grid .footer-column-menu a {font-size: 16px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu {column-count: 2;width: 100%;line-height: 1.4;margin: 20px auto 0px auto;padding-left: 0;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(2),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(3),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(4) {border-left:none; padding:0px 5px 5px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(1) {border-left:none; padding:30px 5px 0px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(5) {border-left:none; padding:0px 5px 50px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(6) {padding:30px 5px 0px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(9) {padding:0px 5px 50px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(7),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(8) {padding:0px 5px 5px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(6),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(7),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(8),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(9) {border-left:1px solid rgb(255 255 255 / 30%);}
.footer-wrap .footer-top .footer-column-logo img {max-width:110px;}
.footer-wrap .footer-bottom .footer-bottom-inner {padding-left:0;width: 100%;}
.footer-wrap .footer-bottom .footer-bot-contacts,
.footer-wrap .footer-bottom .footer-bot-contacts a, 
.footer-wrap .footer-bottom .footer-politics a {font-weight:bold; line-height: 1.4;}
.footer-wrap .footer-bottom:after {display:none;}
}

@media screen and (max-width: 480px) {
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(2),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(3),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(4) {border-left:none; padding:0px 2px 2px 0px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(1) {border-left:none; padding:10px 2px 0px 0px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(5) {border-left:none; padding:0px 2px 50px 0px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(6) {padding:10px 2px 0px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(9) {padding:0px 2px 50px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(7),
.footer-wrap .footer-top .footer-grid .footer-column-menu p:nth-child(8) {padding:0px 2px 2px 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu a:hover {padding-left:0px;}
}

@media screen and (max-width: 380px) {
.footer-wrap {padding: 25px 10px 0px 10px;}
}

@media screen and (max-width: 340px) {
.footer-wrap .footer-bottom .footer-bottom-inner {display: block;}
.footer-wrap .footer-bottom .footer-bot-contacts {padding-bottom: 10px;}
.footer-wrap .footer-top .footer-grid .footer-column-menu a {line-height: 1; font-size: 14px;}
}

/* End */


/* Start:/bitrix/templates/verfmos/css/scroll-top.css?1779543428886*/
#bx-scroll-top {position: fixed; bottom: 20px; right: 20px; width: 80px; height: 80px; border: none; border-radius: 50%; border:2px solid rgb(255 255 255 / 70%);
	backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); background: rgb(42 67 138 / 70%); color: #ffffff; cursor: pointer; 
	display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden;
transform: translateY(20px); transition: all 0.3s ease; box-shadow: 0 4px 12px rgb(26 46 159 / 30%); z-index: 9999;}
#bx-scroll-top.visible {opacity: 1; visibility: visible; transform: translateY(0);}
#bx-scroll-top:hover {transform: translateY(-2px);  box-shadow: 0 6px 20px rgba(42 67 138 / 70%); background: rgb(42 67 138 / 100%);}
#bx-scroll-top:active {transform: translateY(0);}
@media (max-width: 768px) {
#bx-scroll-top {bottom: 20px; right: 20px; width: 44px; height: 44px;}
}
/* End */


/* Start:/bitrix/templates/verfmos/styles.css?178403087483677*/
/* ==================== RESET & BASE ==================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0; padding: 0; border: 0;
  font-size: 100%; font: inherit; vertical-align: baseline;
}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clear:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clear { height:1%; }
* { box-sizing: border-box; }
strong, b {font-weight: bold;}

body {
    line-height: 160%; 
    color: #2A438A; 
    font-size: 16px; 
    background: #fff; font-family: 'MoscowSans-Light', arial, sans-serif;
    overflow-x: hidden;
}


/* ==================== CONTAINER (FIGMA WIDTH) ==================== */
.container {
    width: 100%;
    max-width: 2500px; /* По Figma */
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

/* ==================== TYPOGRAPHY ==================== */
.section-title {
    font-size: 64px;
    line-height: 75px;
    font-weight: 300;
    margin-bottom: 40px;
    color: #2A438A;
    text-transform: uppercase;
}
.section-title.white { color: #fff; }

.text-body { font-size: 24px; line-height: 28px; font-weight: 300; }
.text-small { font-size: 20px; line-height: 28px; font-weight: 300; }

/* ==================== BUTTONS ==================== */
.btn-pill {
    display: inline-flex; justify-content: center; align-items: center; gap: 20px;
    height: 80px; padding: 0 40px; border-radius: 65px;
    background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff; text-decoration: none; text-transform: uppercase;
    font-size: 20px; font-weight: 400; backdrop-filter: blur(5px); transition: all 0.3s; cursor: pointer;
}
.btm-full{
    width: 100%;
}
.btn-pill:hover { background: rgba(255, 255, 255, 0.4); }

.btn-outline-blue {
    display: inline-flex; justify-content: center; align-items: center; gap: 20px;
    height: 81px; padding: 0 60px; border-radius: 77px;
    border: 1px solid #2A438A; color: #2A438A; text-decoration: none;
    text-transform: uppercase; font-size: 16px; transition: all 0.3s;
}
.btn-outline-blue:hover { background: #2A438A; color: #fff; }

/* ==================== HERO ==================== */
.hero-section {
    position: relative; height: 1123px; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.hero-bg-blurred {
    position: absolute; inset: 0;
    background: url('/bitrix/templates/verfmos/images/hero-ship.jpg') center/cover;
    filter: blur(54px); transform: scale(1.1); z-index: -2;
}
.hero-bg {
    position: absolute; inset: 0;
    background: url('/bitrix/templates/verfmos/images/hero-ship.jpg') center/cover;
    z-index: -1;
}
.hero-content {
    position: relative; text-align: center; color: #fff; z-index: 2; margin-bottom: 140px;
}
.hero-title {
    font-size: 150px; line-height: 175px; font-weight: 300;
    text-shadow: 6px 4px 6.8px rgba(0,0,0,0.25);
}
.hero-subtitle {
    font-size: 24px; line-height: 28px; margin-top: 20px; max-width: 640px; margin: 20px auto 0;
    text-shadow: 8px 4px 4.4px rgba(0,0,0,0.25);
}
.hero-button-wrapper {
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%; /* 95% от ширины */
    max-width: 1920px;
    z-index: 2;
    text-align: center;
}

.hero-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1920px; /* Ограничение максимальной ширины */
    margin: 0 auto;
}
/* ==================== HERO: АДАПТИВ ==================== */

/* Планшеты и большие телефоны */
@media (max-width: 992px) {
    .hero-section {
        height: auto;
        min-height: 85dvh; /* dvh учитывает плавающую адресную строку Safari/Chrome */
        padding: 100px 20px 120px;
    }
    .first-block-content{
        padding-top: 300px!important;
    }
    .first-block-content h1.first-block-title{
        font-size: 40px!important;
    }
    .first-block-content .first-block-subtitle{
        margin-left: 0!important;
        font-size: 18px!important;
        ine-height: normal!important;
        padding: 25px 5px 80px 0px!important;
    }
    .hero-content {
        margin-bottom: 40px;
    }
    
    .hero-title {
        font-size: 48px;
        line-height: 1.1;
    }
    
    .hero-subtitle {
        font-size: 18px;
        line-height: 1.4;
        max-width: 85%;
    }
    
    /* Переводим кнопку в обычный поток, чтобы не перекрывала текст */
    .hero-button-wrapper {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
        padding: 0 20px;
    }
}

/* Мобильные телефоны */
@media (max-width: 576px) {
    .hero-section {
        min-height: 75dvh;
        padding: 80px 15px 100px;
    }
    
    .hero-title {
        font-size: 42px;
        line-height: 1.15;
    }
    
    .hero-subtitle {
        font-size: 16px;
        max-width: 100%;
    }
    
    .hero-button-wrapper {
        padding: 0 15px;
        margin-top: 20px;
    }
    
    .hero-button {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ==================== PRODUCTS — БАЗОВЫЕ СТИЛИ ==================== */
.products-section {
    padding: 100px 0 0 0;
    background: #fff;
    position: relative;
}

.products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.product-card {
    position: relative;
    height: 512px;
    overflow: hidden;
    cursor: pointer;
}

.product-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-title {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    text-shadow: 8px 4px 4.4px rgba(0, 0, 0, 0.25);
    z-index: 2;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.product-card:hover .product-title {
    opacity: 0;
    transform: translateY(10px);
}

.product-hover-text {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 40%;
    background: rgba(0, 0, 0, 0.7);
    padding: 40px;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 3;
}

.product-hover-text p {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.product-card:hover .product-hover-text {
    opacity: 1;
    transform: translateY(0);
}

/* ==================== SLIDER CORE ==================== */
.products-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.swiper-wrapper {
    display: flex;
    transition: transform 0.5s ease;
    gap: 40px;
    margin-right: -40px;
}

.products-swiper.products-swiper--single .swiper-wrapper {
    display: block !important;
    gap: 0 !important;
    margin-right: 0 !important;
}

.products-swiper.products-swiper--single .swiper-slide {
    width: 100% !important;
    height: 700px !important;
    flex: none !important;
}

.products-swiper:not(.products-swiper--single) .swiper-slide {
    flex: 0 0 910px;
    width: 910px;
    height: 512px;
}

/* ==================== 🔹 НОВАЯ НАВИГАЦИЯ: СТИЛИ СТРЕЛОК ==================== */
.products-nav {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 40px;
}

.nav-circle {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 1px solid rgba(42, 67, 138, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #2A438A; /* 🔹 Синий фон по умолчанию */
    transition: all 0.3s ease;
    padding: 0;
    flex-shrink: 0;
}

.nav-circle svg {
    width: 24px;
    height: 8px;
    display: block;
    color: #fff; /* 🔹 Белая стрелка по умолчанию */
    transition: color 0.3s ease;
    flex-shrink: 0;
}

/* 🔹 Инверсия при наведении */
.nav-circle:hover {
    background: #fff;
    border-color: #2A438A;
}
.nav-circle:hover svg {
    color: #2A438A; /* 🔹 Синяя стрелка */
}

/* Disabled state (для скрипта) */
.nav-circle.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    background: rgba(42, 67, 138, 0.1) !important;
}
.nav-circle.swiper-button-disabled svg {
    color: rgba(42, 67, 138, 0.3) !important;
}

/* Скрываем навигацию, если слайд один */
.products-swiper.products-swiper--single ~ .products-nav {
    display: none !important;
}
.nav-prev::before{
    content:none!important;
}
.nav-prev::after{
    content:none!important;
}
.nav-next::before{
    content:none!important;
}
.nav-next::after{
    content:none!important;
}
.nav-prev{
    background: #2a438a;
}
/* ==================== МОБИЛЬНЫЙ АДАПТИВ: GRID-ПЕРЕСТРОЙКА (≤992px) ==================== */
@media (max-width: 992px) {
    /* Превращаем контейнер секции в Grid-сетку */
    .products-section{
        padding: 0;
    }
    .products-section > .container {
        display: grid !important;
        grid-template-columns: 1fr auto; /* Левая колонка (заголовок) | Правая (стрелки) */
        grid-template-rows: auto auto auto; /* 3 строки: шапка, слайдер, кнопка */
        align-items: center;
        gap: 20px 15px;
        padding: 60px 0px 40px !important;
        width: 100%;
    }
    .sec-title-products-home{
            padding-left: 10px;
    }
    .btn-outline-blue{
        max-width: 95% !important;
    }

    /* 🔑 Магия: "распаковываем" обёртку шапки, чтобы её дети стали ячейками сетки */
    .products-header {
        display: contents !important;
    }

    /* 1-я строка, левая колонка: Заголовок */
    .section-title {
        grid-column: 1;
        grid-row: 1;
        font-size: 28px !important;
        margin: 0 !important;
        line-height: 1.1;
    }

    /* 1-я строка, правая колонка: Навигация */
    .products-nav {
        grid-column: 2;
        grid-row: 1;
        margin: 0 !important;
        gap: 12px;
        justify-content: flex-end;
    }
    .nav-circle {
        width: 44px !important;
        height: 44px !important;
        border-radius: 22px !important;
    }
    .nav-circle svg {
        width: 20px !important;
        height: 7px !important;
    }

    /* 2-я строка, на всю ширину: Слайдер */
    .products-swiper {
        grid-column: 1 / -1;
        grid-row: 2;
        overflow: hidden;
        width: 100%;
        padding-left: 10px;
    }
    .swiper-wrapper {
        gap: 15px;
        margin-right: -15px; /* 🔹 Компенсация последнего отступа (убирает пустое поле) */
    }
    .products-swiper:not(.products-swiper--single) .swiper-slide {
        flex: 0 0 70%;
        width: 100%;
        height: 340px;
    }

    /* 3-я строка, на всю ширину: Кнопка "Смотреть все" */
    .btn-outline-blue {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: center; /* Центрируем в строке */
        width: 100% !important;
        max-width: 340px !important;
        margin: 0 !important;
        padding: 18px 24px !important;
        font-size: 14px !important;
        border-radius: 50px !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Текст на карточке */
    .product-title {
        bottom: 20px; left: 20px;
        font-size: 20px; line-height: 1.2;
        text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    }

    /* Тач-адаптация (убираем hover-эффекты на телефонах) */
    @media (hover: none) {
        .product-hover-text {
            opacity: 0; transform: none; height: auto; padding: 20px; background: rgba(0,0,0,0.6);
        }
        .product-card:hover .product-title { opacity: 1; transform: none; }
    }
}

/* Компактные смартфоны (≤576px) */
@media (max-width: 576px) {
    .products-swiper:not(.products-swiper--single) .swiper-slide { height: 200px; }
    .product-title { font-size: 18px; }
    .product-hover-text p { font-size: 14px; line-height: 1.4; }
    .nav-circle { width: 40px; height: 40px; }
    .nav-circle svg { width: 18px; height: 6px; }
    .btn-outline-blue { max-width: 90% !important; }
    .product-hover-text {
            opacity: 0; transform: none; height: auto; padding: 20px; background: rgba(0,0,0,0.6);
        }
        .btn-outline-blue{
        max-width: 95% !important;
    }
}
/* ==================== 3. NEWS (RESPONSIVE - ПЛАВНОЕ МАСШТАБИРОВАНИЕ) ==================== */
.news-section {
    position: relative;
    padding: 0;
    background: #fff;
    min-height: 110vh;
}

.news-grid {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(20px, 2.17vw, 40px);
    min-height: 110vh;
}

.news-col {
    position: absolute;
    width: clamp(280px, 24%, 575px);
    background: rgba(42, 67, 138, 0.05);
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: block;
    transition: all 0.4s ease;
}

/* Позиции карточек: % для координат, clamp() для высоты */
.news-col:nth-child(1) { left: 0%; top: 29.5%; height: clamp(420px, 54%, 680px); }
.news-col:nth-child(2) { left: 25.3%; top: 17.8%; height: clamp(520px, 65.5%, 820px); }
.news-col:nth-child(3) { left: 50.5%; top: 17.8%; height: clamp(520px, 65.4%, 820px); }
.news-col:nth-child(4) { left: 75.8%; top: 17.8%; height: clamp(420px, 53.4%, 680px); }

.news-bg-image {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    opacity: 0; transition: opacity 0.4s ease; z-index: 0;
}
.news-bg-image::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(42, 67, 138, 0.85), rgba(42, 67, 138, 0.85));
    mix-blend-mode: hard-light; z-index: 1;
}

.news-content {
    position: relative; z-index: 2;
    padding: clamp(20px, 2.5vw, 40px);
    height: 100%;
    display: flex; flex-direction: column; justify-content: space-between;
    transition: color 0.4s ease;
}

/* 🔹 ШРИФТЫ: clamp() ограничивает рост, сохраняя плавность */
.news-date {
    font-size: clamp(12px, 0.5vw + 0.5rem, 16px);
    color: rgba(42, 67, 138, 0.5);
    margin-bottom: clamp(15px, 2vw, 35px);
    transition: color 0.4s ease;
}

.news-preview {
    font-size: clamp(14px, 0.6vw + 0.5rem, 20px);
    line-height: 1.45; /* Фиксируем для читаемости, вместо vw */
    color: rgba(42, 67, 138, 0.8);
    margin-bottom: clamp(10px, 1.5vw, 20px);
    flex: 1;
    transition: color 0.4s ease;
}

.news-headline {
    font-size: clamp(22px, 0.9vw + 0.6rem, 34px);
    font-weight: 400;
    line-height: 1.2;
    color: #2A438A;
    margin-top: auto;
    transition: color 0.4s ease;
}

/* Ховер */
.news-col:hover .news-bg-image { opacity: 1; }
.news-col:hover .news-date,
.news-col:hover .news-preview,
.news-col:hover .news-headline { color: #fff; }

.news-col-always-image .news-bg-image { opacity: 1; }
.news-col-always-image .news-date,
.news-col-always-image .news-preview,
.news-col-always-image .news-headline { color: #fff; }

/* Кнопка */
.news-read-all-btn {
    position: absolute;
    left: 75.8%;
    top: 75%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 0.8vw, 20px);
    padding: clamp(14px, 1.2vw, 26px) clamp(24px, 4vw, 90px);
    border: 1px solid #2A438A;
    border-radius: clamp(30px, 3vw, 70px);
    color: #2A438A;
    text-decoration: none;
    text-transform: uppercase;
    font-size: clamp(13px, 0.6vw + 0.3rem, 16px);
    font-weight: 400;
    transition: all 0.3s;
    white-space: nowrap;
    width: auto;
    min-width: clamp(180px, 12vw, 280px);
    overflow: hidden;
}

.news-read-all-btn:hover {
    background: #2A438A;
    color: #fff;
}

/* Стрелка */
.news-read-all-btn .btn-arrow {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: clamp(20px, 1.5vw, 30px); height: clamp(6px, 0.4vw, 8px);
    margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important;
    background: transparent !important; box-shadow: none !important; line-height: 1 !important;
    font-size: 0 !important; flex-shrink: 0 !important;
}
.news-read-all-btn .btn-arrow::before,
.news-read-all-btn .btn-arrow::after { display: none !important; content: none !important; }
.news-read-all-btn .btn-arrow svg {
    display: block !important; width: 100% !important; height: 100% !important;
    margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important;
}
.news-read-all-btn .btn-arrow svg::before,
.news-read-all-btn .btn-arrow svg::after { display: none !important; content: none !important; }
.news-read-all-btn .btn-arrow svg path {
    fill: #2A438A !important; stroke: none !important; transition: filter 0.3s ease !important;
}
.news-read-all-btn:hover .btn-arrow svg path { filter: grayscale(1) brightness(1000%) !important; }

/* Заголовок секции */
.news-section .section-title {
    position: absolute;
    left: clamp(20px, 2.17vw, 40px);
    top: clamp(80px, 10vw, 135px);
    margin: 0;
    font-size: clamp(65px, 1.8vw + 0.5rem, 76px); /* Было 3.33vw (~64px на 1920px) */
    line-height: 1.1;
}

/* ==================== TABLET: СЕТКА 2×2 (769px – 1024px) ==================== */
@media (max-width: 1024px) and (min-width: 769px) {
    .news-section {
        min-height: auto;
        padding: 60px 0;
    }

    .news-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 колонки */
        gap: 20px;
        padding: 0 2.17% !important; /* Те же горизонтальные отступы, что на ПК */
        min-height: auto;
        position: relative;
    }

    /* 🔑 Сбрасываем абсолютное позиционирование для всех детей */
    .news-section .section-title,
    .news-read-all-btn,
    .news-col {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;
        width: 100% !important;
        font-size: 16px;
    }
    .news-section .section-title br { display: none; }

    /* Заголовок: занимает всю ширину, стоит над сеткой */
    .news-section .section-title {
        grid-column: 1 / -1;
        margin: 0 0 30px 0 !important;
        font-size: 28px !important;
        text-align: left;
    }

    /* Карточки: убираем фиксированную высоту ПК, задаём единую для планшета */
    .news-col {
        margin-bottom: 0;
        border-radius: 4px;
    }
    .news-bg-image {
        height: 300px !important; /* Единая высота карточек */
    }

    /* Кнопка: занимает всю ширину, прижата вправо (как на ПК left: 75.8%) */
    .news-read-all-btn {
        grid-column: 1 / -1;
        margin: 30px 0 0 0 !important;
        justify-self: end; /* Визуально повторяет смещение десктопа */
        width: 100% !important;
        min-width: auto;
        padding: 16px 30px;
        font-size: 14px;
        border-radius: 50px;
    }
}

/* ==================== MOBILE: 1 КОЛОНКА (≤ 768px) ==================== */
@media (max-width: 768px) {
    .news-section {
        padding: 40px 0;
        min-height: auto;
    }
    .news-grid {
        padding: 0 15px;
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .news-col {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        height: auto !important;
        margin-bottom: 0;
        border-radius: 4px;
    }
    .news-bg-image { height: 310px !important; }
    .news-content { padding: 20px !important; min-height: auto; }

    .news-date { font-size: 12px; margin-bottom: 10px; }
    .news-preview { font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
    .news-headline { font-size: 18px; line-height: 1.3; }

    .news-section .section-title {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 0 25px 0 !important;
        font-size: 28px !important;
        text-align: left;
    }
    .news-section .section-title br { display: none; }

    .news-read-all-btn {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin: 20px 0 0 0 !important;
        width: 100% !important;
        justify-content: center;
        padding: 16px 20px;
        font-size: 14px;
        border-radius: 50px;
        height: auto;
    }
}


/* ==================== 4. EXCURSIONS (FIGMA EXACT) ==================== */
.excursions-section {
    max-width: 2500px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding: 0 40px; /* Отступ контейнера по Figma */
    gap: 20px;       /* 970px - (45px + 905px) = 20px зазор */
    position: relative;
    margin-bottom: 80px;
}

/* Левая картинка */
.excursions-left {
    width: 50%;
    height: 684px;
    flex-shrink: 0;
    margin-left: 5px; /* 45px (Figma left) - 40px (padding) = 5px */
}
.excursions-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Родительский контейнер (разрешаем выходить за границы) */
.excursions-right {
    width: 50%;
    position: relative;
    overflow: visible !important; /* Критично: иначе трамвай обрежется */
}

.excursions-title {
    margin: 0 0 20px 0;
    font-size: 64px;
    line-height: 75px;
    font-weight: 300;
    /*color: #2A438A;*/
    text-transform: uppercase;
    max-width: 804px;
}

.excursions-desc {
    margin: 0 0 140px 0; /* Отступ до зоны трамвая/кнопки */
    max-width: 688px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    /*color: #2A438A;*/
}

/* Трамвайчик (PNG) */
.excursions-tram {
    position: absolute;
    top: 460px; /* Стартовая высота (подгоните ±15px под ваш монитор, чтобы встать в красный квадрат) */
    left: 0;    /* Старт строго слева от колонки */
    width: 382px;
    height: auto;
    pointer-events: none;
    z-index: 10;
    opacity: 0.9;
    will-change: transform; /* Оптимизация для плавности */
    transform: translateX(0); /* Начальная позиция */
}

/* Кнопка */
.excursions-btn {
    position: relative;
    left: 2px;   
    top: 100%;  
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    padding: 30px 30px;
    margin-bottom: 0px;
    margin-top: 25px;
    border: 1px solid #2A438A;
    border-radius: 77px;
    color: #2A438A;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s;
    box-sizing: border-box;
    overflow: hidden;
}

.excursions-btn:hover {
    background: #2A438A;
    color: #fff;
}

/* Полностью сбрасываем стили для .btn-arrow */
.excursions-btn .btn-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1 !important;
    font-size: 0 !important; /* Убираем любой текст */
}

/* Убираем псевдоэлементы */
.excursions-btn .btn-arrow::before,
.excursions-btn .btn-arrow::after {
    display: none !important;
    content: none !important;
}

/* SVG внутри стрелки */
.excursions-btn .btn-arrow svg {
    display: block !important;
    width: 39px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    vertical-align: middle !important;
}

/* Убираем псевдоэлементы у SVG */
.excursions-btn .btn-arrow svg::before,
.excursions-btn .btn-arrow svg::after {
    display: none !important;
    content: none !important;
}

/* Путь SVG */
.excursions-btn .btn-arrow svg path {
    fill: #2A438A !important;
    stroke: none !important;
    transition: filter 0.3s ease !important;
}

/* При наведении — делаем стрелку белой */
.excursions-btn:hover .btn-arrow svg path {
    filter: grayscale(1) brightness(1000%) !important;
}

/* Адаптив */
@media (max-width: 1440px) {
    .excursions-section { flex-direction: column; padding: 40px; gap: 40px; }
    .excursions-left { width: 100%; height: auto; margin-left: 0; }
    .excursions-right { width: 100%; min-height: auto; }
    .excursions-tram { display: none; }
    .excursions-btn { position: static; width: 100%; padding: 27px 40px; margin-top: 40px; }
    .excursions-desc { margin-bottom: 40px; }
}
/* ==================== ЭКСКУРСИИ: МОБИЛЬНЫЙ АДАПТИВ ==================== */
@media (max-width: 768px) {
    .excursions-section {
        flex-direction: column;
        padding: 40px 10px;
        gap: 0;
        align-items: stretch;
        margin-bottom: 20px;
    }
    .excursions-tram-wrapper{
        display: none !important;
    }

    /*  КЛЮЧЕВОЕ: Делаем правый контейнер "прозрачным" для Flex-потока.
       Это позволяет менять порядок его дочерних элементов вместе с .excursions-left */
    .excursions-right {
        display: contents;
    }

    /*  1. ЗАГОЛОВОК */
    .excursions-title {
        order: 1;
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 15px 0;
        max-width: 100%;
    }

    /*  2. ТЕКСТ */
    .excursions-desc {
        order: 2;
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 30px 0;
        max-width: 100%;
    }

    /*  3. КАРТИНКА */
    .excursions-left {
        order: 3;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .excursions-left img {
        border-radius: none;
    }

    /*  4. КНОПКА */
    .excursions-btn {
        order: 4;
        position: static !important; /* Сбрасываем хак с top: 100% */
        left: auto !important;
        top: auto !important;
        width: 100%;
        padding: 16px;
        margin: 20px 0 0 0;
        border-radius: 60px;
        justify-content: center;
        font-size: 14px;
    }

    /* Трамвай скрываем на мобильных */
    .excursions-tram {
        display: none;
    }
    /*кнопки общие*/
    .btn-pill{
    padding: 26px;
    font-size: 14px;
    height: 56px;
    }
}


/* ==================== CAREERS ==================== */
.careers-section {
    position: relative; height: 100vh;
    display: flex; flex-direction: column; justify-content: space-between;
    overflow: hidden; color: #fff;
    margin: 0 auto;
    background: #2a438a;
    z-index: 0;
}
.careers-bg {
    position: absolute; inset: 0; z-index: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(42, 67, 138, 0) 43.08%, rgba(42, 67, 138, 0.2) 78.4%), 
                linear-gradient(0deg, rgba(42, 67, 138, 0.2), rgba(42, 67, 138, 0.2)), 
                url('/bitrix/templates/verfmos/images/careers-bg.jpg');
    background-size: cover;
    max-width: 2500px;
    margin: 0 auto;
}
.careers-content-top { padding: 100px 0 0 40px; max-width: 2500px; position: relative; width: 100%; margin: 0 auto;}
.careers-content-bottom { padding: 0 40px 150px 40px; max-width: 2500px; position: relative; width: 100%; margin: 0 auto;}
.careers-text { max-width: 428px; margin-bottom: 20px; }
.careers-text text-body-work{ font-size: 24px; line-height: 28px; font-weight: 500; }
.careers-text text-small-wordk { font-size: 22px; line-height: 28px; font-weight: 300; }
@media (max-width: 768px) {
    .careers-content-bottom{
        padding: 0 40px 50px 20px;
    }
    .careers-content-top{
        padding: 40px 0 0 20px;
    }
    .careers-section{
        height: 100vh;
    }
    .text-small{
        font-size: 16px;
        line-height: 1.4;
    }

}
/* ==================== PRESS & SUBSCRIBE (НОВАЯ СТРУКТУРА) ==================== */

/* 🔹 Основной контейнер */
.press-subscribe-section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 420px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background: #2a438a;
}

/* 🔹 Фоновое изображение */
.ps-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 2500px;
    background: url('/bitrix/templates/verfmos/images/press-bg.jpg') center center no-repeat;
    background-size: cover;
    z-index: 0;
    margin: 0 auto;
}

/* 🔹 Сетка 50/50 */
.ps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 2500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* 🔹 Колонки */
.ps-col {
    position: relative;
    padding: 150px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 420px;
}

/* 🔹 Оверлеи */
.ps-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.ps-col-left .ps-overlay {
    background: rgba(42, 67, 138, 0.85);
}

.ps-col-right .ps-overlay {
    background: rgba(255, 255, 255, 0.85);
}

/* 🔹 Контент */
.ps-content {
    position: relative;
    width: 100%;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
}

.ps-title {
    font-size: 64px;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    letter-spacing: -0.01em;
}

.ps-col-left .ps-title { color: #FFFFFF; }
.ps-col-right .ps-title { color: #2A438A; }

.ps-text {
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 40px 0;
}

.ps-col-left .ps-text { color: rgba(255, 255, 255, 0.9); }
.ps-col-right .ps-text { color: #54585A; }

/* 🔹 ЦВЕТОВЫЕ ФИКСЫ для кнопок внутри колонок (не переопределяем размеры!) */
.ps-col-left .btn-pill.btm-full {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.ps-col-right .subscribe-pill {
    /* Не переопределяем width/padding — берём из глобальных стилей */
    background: rgba(42, 67, 138, 0.7) !important;
    border-color: #fff !important;
}

.ps-col-right .subscribe-pill input {
    color: rgba(255,255,255,0.4) !important;
}

.ps-col-right .subscribe-pill input::placeholder {
    color: #ffffff !important;
    opacity: 0.75;
}

.ps-col-right .subscribe-pill button {
    color: #fff !important;
}
/* Стили формы подписки (без изменений) */
.subscribe-pill {
    display: flex; align-items: center;
    background: rgba(42, 67, 138, 0.7); 
    border: 1px solid #fff; 
    border-radius: 65px;
    padding: 22px 50px; 
    width: 100%; 
    max-width: 870px; 
    margin-top: 30px;
}
.subscribe-pill input { 
    flex: 1; 
    background: transparent; 
    border: none; 
    color: rgba(255,255,255,0.4); 
    font-size: 30px; 
    outline: none; 
}
.subscribe-pill button { 
    background: none; 
    border: none; 
    color: #fff; 
    /*font-size: 30px; */
    cursor: pointer; 
}

/* 1. Белый placeholder в форме подписки */
.subscribe-pill input::placeholder {
    color: #ffffff !important;
    opacity: 0.75;
}
/* ==================== АДАПТИВ (только для структуры, кнопки — глобальные стили) ==================== */

@media (max-width: 1024px) {
    .ps-grid { grid-template-columns: 1fr; }
    .ps-col { padding: 60px 40px; min-height: auto; }
    .ps-title { font-size: 36px; }
    .ps-text { font-size: 16px; }
    
    /* Кнопки: пусть глобальные стили адаптируют ширину */
    .ps-col-left .btn-pill.btm-full,
    .ps-col-right .subscribe-pill {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .press-subscribe-section { min-height: auto; }
    .ps-col { padding: 50px 20px; }
    .ps-title { font-size: 28px; }
    .ps-text { font-size: 14px; margin-bottom: 30px; }
    
    /* Форма подписки на мобильном: глобальные стили + вертикаль */
    .ps-col-right .subscribe-pill {
        flex-direction: row;
        padding: 12px 16px !important;
        gap: 10px;
    }
    .subscribe-pill input{
        font-size: 20px;
    }
    .ps-col-right .subscribe-pill input {
        width: 100%;
        text-align: center;
    }
    .ps-col-right .subscribe-pill button {
        width: 30%;
    }
}
/* ЗАВЕРШЕННЫЕ ПРОЕКТЫ */
/* Завершенные проекты - уникальные классы */
.ready-projects-section {
    padding: 60px 0 80px;
    background: #fff;
}

.ready-projects-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.ready-projects-title {
    font-size: 64px;
    line-height: 75px;
    text-transform: uppercase;
    color: #2A438A;
    margin: 0;
}

.ready-projects-btn-all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 20px 40px;
    border: 1px solid #2A438A;
    border-radius: 77px;
    text-decoration: none;

    font-size: 16px;
    text-transform: uppercase;
    color: #2A438A;
    transition: all 0.3s ease;
}

.ready-projects-btn-all:hover {
    background: #2A438A;
    color: #fff;
}

/* Слайдер */
.ready-projects-slider-wrap {
    position: relative;
    overflow: hidden;
}

.ready-projects-slides-track {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
}

.ready-projects-slide-item {
    flex: 0 0 calc(50% - 15px);
    min-width: 0;
}

/* Карточка */
.ready-projects-card-box {
    border: 1px solid #2A438A;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ready-projects-image-area {
    position: relative;
    height: 488px;
    overflow: hidden;
}

.ready-projects-image-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ready-projects-title-label {
    position: absolute;
    left: 48px;
    top: 35px;
    font-size: 32px;
    line-height: 37px;
    color: #FFFFFF;
}

.ready-projects-desc-area {
    padding: 30px 48px 40px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ready-projects-desc-area p {
    font-size: 24px;
    line-height: 28px;
    color: #2A438A;
    margin: 0 0 auto;
}

.ready-projects-link-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    color: #2A438A;
    transition: gap 0.3s ease;
    align-self: flex-end;
    margin-top: 20px;
}

.ready-projects-link-more:hover {
    gap: 12px;
}

/* Навигация */
.ready-projects-controls {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 30px;
}

.ready-projects-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Кнопка НАЗАД (бледная по умолчанию) */
.ready-projects-btn.ready-projects-btn-prev {
    border: 1px solid rgba(42, 67, 138, 0.3);
    color: rgba(42, 67, 138, 0.3);
}

.ready-projects-btn.ready-projects-btn-prev:hover {
    border-color: #2A438A;
    color: #fff;
    background: #2A438A;
}

/* Кнопка ВПЕРЕД (яркая по умолчанию) */
.ready-projects-btn.ready-projects-btn-next {
    border: 1px solid #2A438A;
    color: #2A438A;
}

.ready-projects-btn.ready-projects-btn-next:hover {
    background: #2A438A;
    color: #fff;
}

@media (max-width: 992px) {
  .ready-projects-section {
    position: relative; /* Якорь для абсолютного позиционирования */
    padding-bottom: 80px; /* Резервируем место, чтобы кнопка не перекрывала контент */
  }

  .ready-projects-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
  }

  .ready-projects-title {
    font-size: 28px;
    line-height: 1.2;
    margin: 0;
  }

  /* 🔹 КНОПКА: ПРИЖАТА К НИЗУ СЕКЦИИ */
  .ready-projects-btn-all {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 340px;
    margin: 0 !important;
    justify-content: center;
    padding: 18px 24px;
    font-size: 14px;
    border-radius: 50px;
    z-index: 10; /* Поверх слайдера */
  }

  /* Слайдер */
  .ready-projects-slider-wrap { padding: 0 10px; }
  .ready-projects-slide-item { flex: 0 0 100%; padding-bottom: 100px;}
  .ready-projects-image-area { height: 260px; }
  .ready-projects-title-label { left: 20px; top: 20px; font-size: 18px; line-height: 1.2; }
  
  /* Текст в карточке */
  .ready-projects-desc-area { padding: 15px 20px; }
  .ready-projects-desc-area p { font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
  .ready-projects-link-more { font-size: 14px; margin-top: 10px; }

  /* Навигация */
  .ready-projects-controls {
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
  }
  .ready-projects-controls{
      display: none;
  }
  .ready-projects-btn { width: 44px; height: 44px; font-size: 18px; }
}
/* ==================== PROJECT DETAIL PAGE ==================== */
.project-detail-page {
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 40px 120px;
    color: #2A438A;
}

.project-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 80px;
    align-items: start;
}

.project-title {
    font-size: 64px;
    line-height: 1.15;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    letter-spacing: -0.02em;
}

.project-text {
    font-size: 20px;
    line-height: 1.55;
    font-weight: 300;
    margin-bottom: 40px;
    color: #2A438A;
}

.project-text--small {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(42, 67, 138, 0.85);
    margin-bottom: 30px;
}

.project-img-wrapper {
    margin-bottom: 40px;
    overflow: hidden;
    border-radius: 6px;
}

.project-img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Адаптив */
@media (max-width: 1024px) {
    .project-grid { grid-template-columns: 1fr; gap: 50px; }
    .project-title { font-size: 48px; }
    .project-detail-page { padding: 60px 20px; }
}
/* ==================== RESPONSIVE ==================== */
@media (max-width: 1440px) {
    .hero-title { font-size: 100px; line-height: 120px; }
    .news-grid { grid-template-columns: repeat(2, 1fr); }
    .products-slider { grid-template-columns: 1fr; }
    .excursions-section { grid-template-columns: 1fr; }
    .global-lines { display: none; } /* Скрываем линии на маленьких экранах */
}
@media (max-width: 768px) {
    .hero-section { height: 80vh; }
    .hero-title { font-size: 48px; line-height: 56px; }
    .section-title { font-size: 32px; line-height: 40px; }
    .news-grid { grid-template-columns: 1fr; }
    .press-subscribe-section { grid-template-columns: 1fr; }
}

/* ============================================
   ПАГИНАЦИЯ НОВОСТЕЙ
   ============================================ */

.news-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.pagination-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Стрелки навигации */
.pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.pagination-arrow:hover:not(.disabled) {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
    color: #1e293b;
    transform: translateX(var(--arrow-direction, 0));
}

.pagination-arrow.prev:hover:not(.disabled) {
    --arrow-direction: -2px;
}

.pagination-arrow.next:hover:not(.disabled) {
    --arrow-direction: 2px;
}

.pagination-arrow.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

/* Контейнер номеров страниц */
.pagination-numbers {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Кнопка страницы */
.pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid transparent;
    background-color: #f1f5f9;  /* Светло-серый фон как на картинке */
    color: #475569;             /* Тёмно-серый текст */
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
}

.pagination-number:hover:not(.active) {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
    color: #1e293b;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Активная страница */
.pagination-number.active {
    background-color: #2e4a8f !important;  /* Синий цвет как на картинке */
    border-color: #2e4a8f !important;
    color: #ffffff !important;
    font-weight: 600;
    cursor: default;
    box-shadow: 0 2px 8px rgba(46, 74, 143, 0.3);
}

/* Многоточие */
.pagination-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    user-select: none;
}

/* ============================================
   АДАПТИВНОСТЬ
   ============================================ */

@media (max-width: 640px) {
    .news-pagination {
        padding: 24px 0;
    }
    
    .pagination-container {
        gap: 4px;
    }
    
    .pagination-arrow,
    .pagination-number,
    .pagination-dots {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
    
    /* На мобильных скрываем многоточие для экономии места */
    .pagination-dots {
        display: none;
    }
}

@media (max-width: 480px) {
    .pagination-arrow,
    .pagination-number {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    
    /* Показываем только текущую, предыдущую и следующую страницы */
    .pagination-numbers .pagination-number:not(.active):not([data-page="<?=$arResult['NavPageNomer']-1?>"]):not([data-page="<?=$arResult['NavPageNomer']+1?>"]) {
        display: none;
    }
}


/* ==================== PHOTO GALLERY SECTION ==================== */

/* --- Секция и заголовок --- */
.photo-gallery-section {
    padding: 0;
    background: #fff;
}

.photo-gallery-section .section-title {
    text-align: left;
    margin-bottom: 50px;
    font-size: 64px;
    font-weight: 300;
    text-transform: uppercase;
    color: #2A438A;
}

/* --- Сетка альбомов (БАЗОВАЯ + ДИНАМИЧЕСКАЯ) --- */
.photo-albums-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки по умолчанию */
    gap: 0;
    margin-bottom: 60px;
}

/* 🔹 Динамические классы (добавляются через PHP) */
.photo-albums-grid.photo-albums-grid--1-item { grid-template-columns: 1fr; }      /* 1 альбом → на всю ширину */
.photo-albums-grid.photo-albums-grid--2-items { grid-template-columns: repeat(2, 1fr); } /* 2 альбома → 2 колонки */
.photo-albums-grid.photo-albums-grid--3-plus { grid-template-columns: repeat(3, 1fr); }  /* 3+ → 3 колонки */

/* --- Карточка альбома --- */
.photo-album-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0; /* Сброс, если был */
}

/* --- Обложка: контейнер с ограничением высоты --- */
.album-cover-wrapper {
    position: relative;
    width: 100%;
    max-height: 500px; /* 🔹 Ограничение высоты для десктопа */
    aspect-ratio: auto; /* Гибкая высота, подстраивается под max-height */
    overflow: hidden;
    z-index: 2;
}

.album-cover-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(42, 67, 138, 0.3);
    z-index: 1;
    pointer-events: none;
    transition: background 0.3s ease;
}

.album-cover-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Заполняет блок, обрезая лишнее */
    object-position: center;
    display: block;
    position: relative;
    z-index: 0;
    transition: transform 0.5s ease;
}

.photo-album-item:hover .album-cover-wrapper img {
    transform: scale(1.1);
}
.photo-album-item:hover .album-cover-wrapper::before {
    background: rgba(42, 67, 138, 0.85);
}

/* --- Инфо-блок (внизу обложки) --- */
.album-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    color: #fff;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: auto;
}

.album-year {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 8px;
}

.album-title {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    margin: 0;
}

/* --- Счётчик фото (в углу) --- */
.album-photo-count {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: auto;
}

/* Скрытие инфо при наведении */
.photo-album-item:hover .album-info,
.photo-album-item:hover .album-photo-count {
    opacity: 0;
}

/* --- Оверлей с подсказкой (появляется при наведении) --- */
.album-overlay {
    position: absolute;
    inset: 0;
    background: rgba(42, 67, 138, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
    z-index: 3;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    overflow: visible;
    pointer-events: none;
}

.photo-album-item:hover .album-overlay {
    transform: translateY(0);
}

.album-overlay-content {
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 4;
}

.album-download-hint {
    font-size: 16px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    flex-shrink: 0;
}

/* --- Кнопка "Скачать" (в оверлее) --- */
.album-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px 50px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 65px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    cursor: pointer;
    line-height: 1;
}

.album-download-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Увеличиваем кликабельную зону кнопки */
.album-download-btn::after {
    content: '';
    position: absolute;
    inset: -10px;
    z-index: -1;
}

/* --- Футер галереи (кнопка "Смотреть все") --- */
.photo-gallery-footer {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    display: grid;
    justify-content: center;
}

.btn-outline-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px 60px;
    background: transparent;
    border: 1px solid #2A438A;
    border-radius: 65px;
    color: #2A438A;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s;
    overflow: hidden;
}

.btn-outline-blue:hover {
    background: #2A438A;
    color: #fff;
}

/* 🔹 Стрелка в кнопке — точное позиционирование */
.btn-outline-blue .btn-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.btn-outline-blue .btn-arrow::before,
.btn-outline-blue .btn-arrow::after {
    display: none !important;
    content: none !important;
}

.btn-outline-blue .btn-arrow svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.btn-outline-blue .btn-arrow svg path {
    fill: #2A438A !important;
    stroke: none !important;
    transition: filter 0.3s ease !important;
}

.btn-outline-blue:hover .btn-arrow svg path {
    filter: grayscale(1) brightness(1000%) !important;
}

/* ==================== АДАПТИВ ==================== */

/* Планшет (≤ 1024px) */
@media (max-width: 1024px) {
    /* Сетка: всегда 1 колонка на планшете */
    .photo-albums-grid,
    .photo-albums-grid.photo-albums-grid--1-item,
    .photo-albums-grid.photo-albums-grid--2-items,
    .photo-albums-grid.photo-albums-grid--3-plus {
        grid-template-columns: 1fr !important;
    }

    /* Заголовок */
    .photo-gallery-section .section-title {
        margin: 0 0 40px 0 !important;
    }

    /* Обложка: уменьшаем высоту */
    .album-cover-wrapper {
        max-height: 400px;
    }
}

/* Планшет малый (≤ 992px) — дублирующий брейкпоинт для надёжности */
@media (max-width: 992px) {
    .photo-gallery-section .section-title {
        margin: 0 0 40px 0 !important;
    }
}

/* Мобильный (≤ 768px) */
@media (max-width: 768px) {
    /* Сетка */
    .photo-albums-grid {
        grid-template-columns: 1fr !important;
        margin-bottom: 0;
    }

    /* Заголовок */
    .photo-gallery-section .section-title {
        font-size: 35px;
        margin: 0 0 40px 0 !important;
    }

    /* Карточка */
    .photo-album-item {
        margin-bottom: 0;
    }

    /* Обложка: ещё компактнее */
    .album-cover-wrapper {
        max-height: 300px;
    }

    /* Инфо */
    .album-info {
        padding: 20px;
    }
    .album-title {
        font-size: 18px;
    }

    /* Оверлей */
    .album-overlay-content {
        min-height: 120px;
    }
    .album-download-hint {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .album-download-btn {
        padding: 18px 40px;
        font-size: 14px;
    }

    /* Кнопка "Смотреть все" */
    .btn-outline-blue {
        font-size: 14px;
        height: 56px;
        min-width: 100%;
        padding: 16px 20px;
    }
}
/* ==================== VIDEO MATERIALS SECTION ==================== */
.video-materials-section {
    padding: 100px 0 120px;
    background: #fff;
    position: relative;
}

.video-materials-section .section-title {
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
    color: #2A438A;
    margin: 0 0 80px 40px;
}

/* =========================================
   1. ДЕСКТОП (Координаты в %, база 1920x1800)
   ========================================= */
.video-items-grid {
    position: relative;
    min-height: 1800px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.video-item {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Блок 1 */
.video-item:nth-child(1) { left: 10.16%; top: 8.06%; width: 31.25%; }
.video-item:nth-child(1) .video-wrapper { width: 100%; height: 18.78%; }

/* Блок 2 */
.video-item:nth-child(2) { left: 50.52%; top: 17.44%; width: 47.40%; }
.video-item:nth-child(2) .video-wrapper { width: 100%; height: 28.44%; }

/* Блок 3 */
.video-item:nth-child(3) { left: 10.16%; top: 60.44%; width: 39.48%; }
.video-item:nth-child(3) .video-wrapper { width: 100%; height: 23.67%; }

/* Блок 4 */
.video-item:nth-child(4) { left: 58.59%; top: 69.28%; width: 31.25%; }
.video-item:nth-child(4) .video-wrapper { width: 100%; height: 18.72%; }

/* =========================================
   2. ПЛАНШЕТ И НОУТБУК (До 1440px)
   ========================================= */
@media (max-width: 1440px) {
    .video-items-grid {
        position: relative;
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 60px;
        padding: 0 40px;
    }
    .video-item {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
    }
    .video-item .video-wrapper {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/9;
    }
    .video-materials-section .section-title{
        margin: 0 0 40px 40px !important;
    }
}

/* =========================================
   3. МОБИЛЬНЫЙ (До 768px)
   ========================================= */
@media (max-width: 768px) {
    .video-materials-section {
        padding: 60px 0 80px;
    }
    .video-materials-section .section-title {
        font-size: 32px;
        margin: 0 20px 40px !important;
    }
    .video-items-grid {
        gap: 30px;
        padding: 0px;
    }
    .video-info { padding: 15px 0; }
    .video-title { font-size: 22px!important; line-height: 1.2; }
    .video-year { font-size: 18px!important; }
}

/* =========================================
   ОБЩИЕ СТИЛИ ЭЛЕМЕНТОВ
   ========================================= */
.video-wrapper {
    position: relative;
    overflow: hidden;
}

.video-poster {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    background: #f0f0f0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.video-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Кнопка Play (всегда поверх) */
.video-play-btn-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 86px;
    height: 86px;
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
}

.video-play-circle {
    position: absolute;
    width: 87px;
    height: 87px;
    left: calc(50% - 87px/2 - 0.5px);
    top: calc(50% - 87px/2 - 0.5px);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0px 4.74386px 29.1747px rgba(22, 22, 23, 0.23);
    backdrop-filter: blur(2.37193px);
}

.video-play-triangle {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 23px;
    top: 23px;
    background: #F8F8FA;
    border-radius: 1px;
    clip-path: polygon(30% 20%, 30% 80%, 90% 50%);
}

/* Видео для автоплея */
.video-autoplay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.video-wrapper.video-active .video-autoplay {
    opacity: 1;
    visibility: visible;
}

.video-wrapper.video-active .video-poster {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Информация о видео */
.video-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.video-year {
    font-size: 20px;
    line-height: 140%;
    color: #5F5F5F;
}

.video-title {
    font-size: 32px;
    line-height: 100%;
    color: #161616;
    margin: 0;
}

/* =========================================
   КНОПКА "СМОТРЕТЬ ВСЕ ВИДЕО" (КАК В ФОТОГАЛЕРЕЕ)
   ========================================= */
.video-gallery-footer {
    text-align: center;
    margin-top: 60px;
    padding: 0 20px;
    width: 100%;
}

.btn-solid-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px 60px;
    background: #fff;
    border: 1px solid #2A438A;
    border-radius: 65px;
    color: #2A438A;
    text-decoration: none !important;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.3s;
    cursor: pointer;
}

.btn-solid-blue span {
    display: inline-block;
    transition: transform 0.3s;
}

.btn-solid-blue:hover {
    background: #2A438A;
    border-color: #2A438A;
    color:#fff;
    transform: translateY(-2px);
}

.btn-solid-blue:hover span {
    transform: translateX(5px);
}

/* Адаптив для кнопки */
@media (max-width: 768px) {
    .video-gallery-footer {
        margin-top: 40px;
    }
    .btn-solid-blue {
        width: 100%;
        padding: 18px 30px;
    }
}

/* =========================================
   МОДАЛЬНОЕ ОКНО
   ========================================= */
.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.video-modal-content {
    position: relative;
    width: 100%;
    max-width: 1200px;
}

.video-modal-close {
    position: absolute;
    top: -50px;
    right: 0;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    transition: transform 0.3s;
}

.video-modal-close:hover {
    transform: scale(1.2);
}

.video-modal-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
}

.video-modal-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.video-modal-title {
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}

/* ==================== PRESS BOTTOM SECTION ==================== */
.press-bottom-section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 420px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    background: #2a438a;
}

/* Общий фон для обоих блоков */
.pb-bg {
    position: absolute;
    width: 100%; height: 100%;
    max-width: 2500px;
    background: url('/bitrix/templates/verfmos/images/press-bottom-bg.jpg') center center no-repeat;
    background-size: cover; /* Показываем всё изображение */
    z-index: 0;
    max-width: 2500px;
    margin: 0 auto;
}

/* Сетка 50/50 - на всю ширину */
.pb-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 2500px;
    margin: 0 auto; /* Центрируем */
    position: relative;
    z-index: 1;
}

.pb-col {
    position: relative;
    padding: 150px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 420px;
}

/* Оверлеи */
.pb-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
    transition: background 0.3s ease;
}

.pb-col-left .pb-overlay {
    background: rgba(42, 67, 138, 0.85); /* Синий оверлей */
}

.pb-col-right .pb-overlay {
    background: rgba(255, 255, 255, 0.85); /* Белый/светлый оверлей */
}

/* Контент */
.pb-content {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 80%;
    margin: 0 auto; /* Центрируем контент внутри колонки */
    text-align: center; /* Выравниваем текст по центру */
}

.pb-title {
    font-size: 48px;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    letter-spacing: -0.01em;
}

.pb-col-left .pb-title { color: #FFFFFF; }
.pb-col-right .pb-title { color: #2A438A; }

.pb-text {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 40px 0;
}

.pb-col-left .pb-text { color: rgba(255, 255, 255, 0.9); }
.pb-col-right .pb-text { color: #54585A; }

/* Кнопки */
.pb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px 50px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s;
}

.pb-btn span {
    display: inline-block;
    transition: transform 0.3s;
}

.pb-btn:hover span {
    transform: translateX(5px);
}

/* Левая кнопка (прозрачная с белой обводкой) */
.pb-btn-outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFFFFF;
    width: 100%;
}
.pb-btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #FFFFFF;
}

/* Правая кнопка (синяя) */
.pb-btn-solid {
    background: #2A438A;
    border: 1px solid #2A438A;
    color: #FFFFFF;
    width:100%;
}
.pb-btn-solid:hover {
    background: #2A438A;
    border-color: #2A438A;
}

/* Адаптив */
@media (max-width: 1024px) {
    .pb-grid { grid-template-columns: 1fr; }
    .pb-col { padding: 60px 40px; min-height: auto; }
    .pb-title { font-size: 36px; }
    .pb-text { font-size: 16px; }
}

@media (max-width: 768px) {
    .press-bottom-section { min-height: auto; }
    .pb-col { padding: 50px 20px; }
    .pb-title { font-size: 28px; }
    .pb-btn { width: 90%; padding: 18px 30px; }
}

/* ==================== PRESS CONTACT SECTION ==================== */
.press-contact-section {
    padding: 80px 0 120px;
    background: #fff;
}

.press-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
    min-height: 600px;
}

/* Левая колонка: Изображение с диагональным срезом */
.press-contact-image-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.press-contact-image {
    position: relative;
    width: 100%;
    height: 100%;
    /* Диагональный срез правого нижнего угла */
    clip-path: polygon(
        0 0,
        100% 0,
        100% 85%,
        100% 100%,
        0 100%
    );
}

.press-contact-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Правая колонка: Форма */
.press-contact-form-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 80px;
    background: #fff;
}

.press-contact-title {
    font-size: 48px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #2A438A;
    margin: 0 0 50px 0;
    letter-spacing: -0.01em;
}
.captcha-code img, .captcha_img, .captcha-box img, img[src*="captcha"], img[src*="capcha"]{
    margin-left:0px !important;
}

/* ==================== PRESS CONTACT: МОБИЛЬНЫЙ АДАПТИВ (≤768px) ==================== */
@media (max-width: 768px) {
    .press-contact-section {
        padding: 40px 0;
    }

    /* Сетка → одна колонка */
    .press-contact-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 0;
    }

    /* Изображение: естественная высота, без диагонального среза */
    .press-contact-image-wrapper {
        height: auto;
        min-height: 240px; /* Визуальный акцент, если фото грузится с задержкой */
        order: 1;
    }
    .press-contact-image {
        clip-path: none; /* На мобильном срез обрезает композицию */
        height: 100%;
    }
    .press-contact-image img {
        height: auto; /* Разрешаем картинке тянуться по пропорциям */
        aspect-ratio: 4/3; /* Сохраняем приятные пропорции на мобильном */
    }

    /* Форма: комфортные отступы, контент идёт естественно */
    .press-contact-form-wrapper {
        padding: 30px 20px;
        justify-content: flex-start;
        order: 2;
    }

    /* Типографика */
    .press-contact-title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 25px;
    }

    /* 🔹 БОНУС: Поля формы под тач-интерфейс (если они есть в HTML) */
    .press-contact-form-wrapper input,
    .press-contact-form-wrapper textarea,
    .press-contact-form-wrapper select {
        font-size: 16px !important; /* Предотвращает авто-зум на iOS */
        padding: 14px 16px !important;
        border-radius: 10px !important;
        margin-bottom: 15px;
        width: 100%;
        box-sizing: border-box;
    }

    .press-contact-form-wrapper button,
    .press-contact-form-wrapper .btn-submit {
        width: 100%;
        padding: 16px !important;
        font-size: 16px !important;
        border-radius: 50px !important;
        margin-top: 10px;
    }
}

/* ==================== FORM STYLES (BITRIX MAIN.FEEDBACK) ==================== */

.press-contact-form-wrapper .mf-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
}

/* Скрываем лейблы */
.press-contact-form-wrapper .mf-text {
    display: none !important;
}

/* Поля ввода */
.press-contact-form-wrapper input[name="user_name"],
.press-contact-form-wrapper input[name="user_email"],
.press-contact-form-wrapper textarea[name="MESSAGE"] {
    width: 100%;
    padding: 18px 0;
    border: none;
    border-bottom: 1px solid rgba(42, 67, 138, 0.2);
    font-size: 16px;
    color: #2A438A;
    background: transparent;
    transition: border-color 0.3s;
    outline: none;
}

.press-contact-form-wrapper input::placeholder,
.press-contact-form-wrapper textarea::placeholder {
    color: rgba(42, 67, 138, 0.4);
}

.press-contact-form-wrapper input:focus,
.press-contact-form-wrapper textarea:focus {
    border-bottom-color: #2A438A;
}

.press-contact-form-wrapper textarea {
    min-height: 100px;
    resize: none;
}

/* Кнопка отправки */
.press-contact-form-wrapper input[type="submit"].press-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 22px 60px;
    background: #2A438A;
    border: none;
    border-radius: 65px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    width: auto;
    -webkit-appearance: none;
}

.press-contact-form-wrapper input[type="submit"].press-contact-submit:hover {
    background: #1a2f6e;
    transform: translateY(-2px);
}

/* Стрелка в кнопке */
.press-contact-form-wrapper input[type="submit"].press-contact-submit::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    position: relative;
    transition: transform 0.3s;
}
.press-contact-form-wrapper input[type="submit"].press-contact-submit::after::after {
    content: '';
    position: absolute;
    right: 0;
    top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.press-contact-form-wrapper input[type="submit"].press-contact-submit:hover::after {
    transform: translateX(5px);
}

/* Сообщения об успехе/ошибке */
.press-contact-form-wrapper .mf-note-ok,
.press-contact-form-wrapper .mf-note-error {
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.press-contact-form-wrapper .mf-note-ok {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid #4CAF50;
    color: #4CAF50;
}

.press-contact-form-wrapper .mf-note-error {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid #f44336;
    color: #f44336;
}

/* Текст о согласии */
.form-consent {
    font-size: 12px;
    color: rgba(42, 67, 138, 0.5);
    text-align: center;
    margin: 20px 0 0 0;
    line-height: 1.4;
}

/* Адаптив */
@media (max-width: 768px) {
    .press-contact-form-wrapper input[type="submit"].press-contact-submit {
        width: 100%;
        border-radius: 30px!important;
    }
}
/* ==================== PRESS TOURS - HERO SECTION ==================== */
.press-tours-hero-section {
    position: relative;
    min-height: 600px;
    padding: 120px 0 80px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.press-tours-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.press-tours-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(42, 67, 138, 0.7) 0%, rgba(26, 47, 110, 0.85) 100%);
    z-index: 2;
}

.press-tours-hero-content {
    position: relative;
    z-index: 3;
    max-width: 700px;
    margin-left: auto;
    margin-right: 40px; /* Сдвиг вправо */
    padding-right: 40px;
}

.press-tours-hero-title {
    font-size: 32px;
    line-height: 1.4;
    color: #ffffff;
    margin: 0 0 30px 0;
    text-transform: none;
}

.press-tours-hero-description {
    font-size: 20px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

/* Адаптив */
@media (max-width: 1024px) {
    .press-tours-hero-content {
        max-width: 100%;
        margin-right: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .press-tours-hero-title {
        font-size: 28px;
    }
    
    .press-tours-hero-description {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .press-tours-hero-section {
        padding: 100px 0 60px;
        min-height: 500px;
    }
    
    .press-tours-hero-content {
        margin-right: 20px;
    }
    
    .press-tours-hero-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .press-tours-hero-description {
        font-size: 16px;
    }
}
/* ==================== TOUR BOOKING SECTION ==================== */
.tour-booking-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    padding: 80px 20px;
    overflow: hidden;
}

.booking-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/bitrix/templates/verfmos/images/press-tours-hero-bg.jpg') center/cover no-repeat;
    z-index: 0;
}

.booking-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 67, 138, 0.85); /* Синий оверлей 85% */
    z-index: 1;
}

.booking-container {
    position: relative;
    z-index: 2;
    max-width: 600px;
    width: 100%;
    margin: 0 auto; /* Дополнительное центрирование */
}

.booking-title {
    font-size: 48px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px 0;
    letter-spacing: 0.02em;
    text-align: center; /* Центрируем текст заголовка */
}

/* Форма */
.booking-form {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 40px;
}

.booking-form-group {
    margin-bottom: 0;
    position: relative;
}

.booking-form-group:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.booking-input {
    width: 100%;
    padding: 20px 0;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #fff;
    outline: none;
}

.booking-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.booking-textarea {
    resize: none;
    min-height: 80px;
}

/* Кнопка отправки */
.booking-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 22px 60px;
    background: #fff;
    border: none;
    border-radius: 65px;
    color: #2A438A;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    width: 100%;
}

.booking-submit-btn:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.booking-consent {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    margin: 20px 0 0 0;
    line-height: 1.4;
}

.booking-success {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 40px;
    text-align: center;
}

.booking-success p {
    font-size: 24px;
    color: #fff;
    margin: 0;
}

/* Адаптив */
@media (max-width: 768px) {
    .tour-booking-section {
        padding: 60px 20px;
    }
    .booking-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .booking-form {
        padding: 30px 20px;
    }
    .booking-input {
        font-size: 14px;
        padding: 16px 0;
    }
    .booking-submit-btn {
        padding: 20px 40px;
    }
}

/* ==================== КАПЧА BITRIX: ФИРМЕННЫЙ ЦВЕТ (ИСПРАВЛЕНО) ==================== */

.captcha-code img,
.captcha_img,
.captcha-box img,
img[src*="captcha"],
img[src*="capcha"] {
    /* 🔹 Исправленная цепочка: сохраняет контраст, красит в #2A438A */
    filter: 
        grayscale(100%)      /* Убираем исходные цвета */
        sepia(100%)          /* Тёплая база для точного сдвига */
        hue-rotate(190deg)   /* Сдвигаем в фирменный синий */
        saturate(300%)       /* Насыщаем цвет */
        brightness(0.85)     /* Чуть затемняем для чёткости */
        contrast(115%);      /* Возвращаем резкость тексту */
    
    /* Защита от слияния с белым фоном */
    border: 1px solid rgba(42, 67, 138, 0.12);
    border-radius: 6px;
    background: #fff; /* Гарантируем белый фон под шумом капчи */
    
    transition: filter 0.2s ease;
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: 40px;
}

/* 🔹 При наведении — лёгкий акцент (опционально) */
.captcha-code img:hover,
.captcha_img:hover {
    filter: 
        grayscale(100%) sepia(100%) hue-rotate(190deg) 
        saturate(350%) brightness(0.9) contrast(120%);
}

/*  Поле капчи: ваше правило + фикс плейсхолдера */
.feedback-form .captcha-group input[name="captcha_word"] {
    width: 100%;
    max-width: 220px;
    padding: 12px 20px;
    background: #fff !important;
    border: 1px solid rgba(42, 67, 138, 0.3) !important; /* 🔹 Точное правило по вашему запросу */
    border-radius: 50px !important;
    color: #333 !important;
    font-size: 15px;
    line-height: 1.4 !important;
    height: auto !important;
    outline: none;
    transition: all 0.3s;
    -webkit-appearance: none;
    margin: 10px 0;
}

/* 🔹 Placeholder: принудительный рендер (чтобы не пропадал в Битриксе/iOS) */
.feedback-form .captcha-group input[name="captcha_word"]::-webkit-input-placeholder {
    color: rgba(42, 67, 138, 0.6) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: rgba(42, 67, 138, 0.6) !important;
}
.feedback-form .captcha-group input[name="captcha_word"]::-moz-placeholder {
    color: rgba(42, 67, 138, 0.6) !important;
    opacity: 1 !important;
}
.feedback-form .captcha-group input[name="captcha_word"]:-ms-input-placeholder {
    color: rgba(42, 67, 138, 0.6) !important;
    opacity: 1 !important;
}
.feedback-form .captcha-group input[name="captcha_word"]::placeholder {
    color: rgba(42, 67, 138, 0.6) !important;
    opacity: 1 !important;
}

/* 🔹 Фокус: легкое усиление рамки, сохраняя ваш стиль */
.feedback-form .captcha-group input[name="captcha_word"]:focus {
    background: rgba(42, 67, 138, 0.04) !important;
    border-color: #2A438A !important;
    box-shadow: 0 0 0 2px rgba(42, 67, 138, 0.15) !important;
}
/* 🔹 Подпись "Введите слово..." */
.captcha-code label,
.captcha-box label,
label[for="captcha_word"] {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 8px;
    font-weight: 400;
}

/* 🔹 Адаптив */
@media (max-width: 768px) {
    .captcha-code img,
    .captcha_img,
    .captcha-box img {
        max-width: 160px;
        filter: grayscale(100%) sepia(100%) hue-rotate(190deg) saturate(250%) brightness(0.8) contrast(110%);
    }
    input[name="captcha_word"] {
        max-width: 100%;
        padding: 10px 16px;
        font-size: 14px;
    }
}
/* End */
/* /bitrix/templates/verfmos/components/bitrix/menu/burger/style.css?17846215997207 */
/* /bitrix/templates/verfmos/css/footer.css?17829794698972 */
/* /bitrix/templates/verfmos/css/scroll-top.css?1779543428886 */
/* /bitrix/templates/verfmos/styles.css?178403087483677 */