.section-system-layout-modern_banner .breadcrumbs_wrap p,
.section-system-layout-modern_banner .breadcrumbs_wrap{
    margin-bottom:0px;
}

header + .section-system-layout-modern_banner {
    margin-top: 32px;
}

@media (max-width: 990px) {
    header + .section-system-layout-modern_banner {
        margin-top: 0px;
    }
}

/* Стили для слайдера */
.modern_banner_slider-container {
    position: relative;
    overflow: hidden;
}

.modern_banner_slider {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.modern_banner_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    clip-path: polygon(97.32% 0%, 2.68% 0%, 2.68% 0%, 2.245% 0.093%, 1.833% 0.362%, 1.448% 0.792%, 1.097% 1.369%, 0.785% 2.078%, 0.517% 2.905%, 0.299% 3.835%, 0.137% 4.853%, 0.035% 5.944%, 0% 7.095%, 0% 72.284%, 0% 72.284%, 0.035% 73.435%, 0.137% 74.526%, 0.299% 75.545%, 0.517% 76.474%, 0.785% 77.301%, 1.097% 78.01%, 1.448% 78.587%, 1.833% 79.017%, 2.245% 79.286%, 2.68% 79.379%, 12.647% 79.379%, 12.647% 79.379%, 13.081% 79.472%, 13.494% 79.741%, 13.878% 80.171%, 14.229% 80.748%, 14.542% 81.457%, 14.81% 82.284%, 15.027% 83.214%, 15.19% 84.232%, 15.292% 85.324%, 15.327% 86.475%, 15.327% 92.905%, 15.327% 92.905%, 15.362% 94.056%, 15.463% 95.147%, 15.626% 96.165%, 15.844% 97.095%, 16.112% 97.922%, 16.424% 98.631%, 16.775% 99.208%, 17.16% 99.638%, 17.572% 99.907%, 18.007% 100%, 97.32% 100%, 97.32% 100%, 97.755% 99.907%, 98.167% 99.638%, 98.551% 99.208%, 98.903% 98.631%, 99.215% 97.922%, 99.483% 97.095%, 99.701% 96.165%, 99.863% 95.147%, 99.965% 94.056%, 100% 92.905%, 100% 7.095%, 100% 7.095%, 99.965% 5.944%, 99.863% 4.853%, 99.701% 3.835%, 99.483% 2.905%, 99.215% 2.078%, 98.903% 1.369%, 98.551% 0.792%, 98.167% 0.362%, 97.755% 0.093%, 97.32% 0%);
}

.modern_banner_slide.modern_banner_active {
    opacity: 1;
    z-index: 1;
}

.modern_banner_slide-button {
    display: inline-flex;
    align-items: center;
    background-color: white;
    color: #333;
    border: none;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-size: 16px;
}

.modern_banner_slide-button svg {
    margin-left: 10px;
}

.modern_banner_slide-button:hover {
    background-color: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили для навигации внутри заветка */
.modern_banner_slider-nav-container {
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 200px;
    height: 45px;
    display: flex;
    align-items: center;
    z-index: 10;
}

.modern_banner_nav-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    padding: 0 0px;
}

/* Кнопки навигации */
.modern_banner_nav-btn {
    width: 45px;
    height: 45px;
    background-color: #F6F7FB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    color: #333;
}

.modern_banner_prev-btn {
    background-color: #F6F7FB;
    color: #333;
}

/* Кнопка вперед с таймером */
.modern_banner_next-btn-container {
    position: relative;
    width: 45px;
    height: 45px;
}

.modern_banner_next-btn {
    position: relative;
    z-index: 2;
    background-color: #F6F7FB;
    color: #333;
}

/* Таймер вокруг кнопки вперед */
.modern_banner_timer-circle {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    z-index: 1;
    transition: background 0.1s linear;
}

/* Счетчик слайдов */
.modern_banner_slide-counter {
    font-size: 18px;
    color: #333;
    display: flex;
    gap: 4px;
    align-items: baseline;
}

.modern_banner_current-slide {
    font-size: 24px;
    color: #333;
}

.modern_banner_total-slides {
    color: #999;
    font-size: 18px;
}

.modern_banner_template_extended .modern_banner_content{
    padding-bottom:116px;
}

.modern_banner_common_wrapper .modern_banner_in{
    height:590px;
    overflow:hidden;
    position:relative;
    background-color:var(--visual_color_template);
}

.modern_banner_common_wrapper .modern_banner_image video,
.modern_banner_common_wrapper .modern_banner_image img{
    object-fit:cover;
    width:100%;
    height:100%;
    object-position:right top;
}

.modern_banner_common_wrapper .modern_banner_image:after{
    background: linear-gradient(-90deg, var(--visual_color_template) 0%, rgba(11, 103, 190, 0.00) 80%);
    content:'';
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:6;
}

.modern_banner_common_wrapper .modern_banner_image{
    width:50%;
    position:absolute;
    height:100%;
    left:0px;
    top:0px;
}

.modern_banner_common_wrapper .modern_banner_info{
    position:absolute;
    top:0px;
    right:0px;
    height:100%;
    width:50%;
    background-color:var(--visual_color_template);
    z-index:5;
    align-items:center;
    display:flex;
}

.modern_banner_common_wrapper .modern_banner_content{
    position:absolute;
    width:100%;
    left:0px;
    justify-content:flex-end;
    top:0px;
    height:100%;
    display:flex;
    align-items:center;
    color:#fff;
    z-index:12;
}

.modern_banner_common_wrapper .modern_banner_content_in{
    width:50%;
    padding:0 32px;
}

.modern_banner_common_wrapper .modern_banner_content .modern_banner_title{
    margin:0px 0 20px;
    color:#fff !important;
    line-height:1.1  !important;
    font-weight:900;
    font-size: 46px;
    font-weight: var(--h1_weight);
    text-transform: var(--h1_transform);
    font-family: var(--font-title);
}

.modern_banner_common_wrapper .modern_banner_content .modern_banner_btn{
    display:inline-block;
}

.modern_banner_common_wrapper .modern_banner_content .order_button{
    padding-left:24px;
    padding-right:24px;
}

.modern_banner_common_wrapper .modern_banner_content .order_button:hover{
    opacity:0.85;
}

.modern_banner_common_wrapper .modern_banner_text{
    margin-bottom:32px;
}

/* Эффект жидких краев для баннера */
.modern_banner_common_wrapper .modern_banner_in::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: inherit;
    z-index: -1;
    filter: blur(10px) opacity(0.7);
    border-radius: calc(var(--big_border_radius) + 5px);
}

.modern_banner_btns_wrap{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 1390px) {
    .modern_banner_common_wrapper .modern_banner_content .modern_banner_title{
        font-size:40px;
    }
}

@media (max-width: 1250px) {
    .modern_banner_common_wrapper .modern_banner_content .modern_banner_title{
        font-size:32px;
    }
    
    .modern_banner_common_wrapper .modern_banner_content {
        padding-bottom: 75px;
    }
    
    #wrapper_all_redcoder.global_header_subset_container_off_header_attach .modern_banner_common_wrapper .modern_banner_in {
        height: 640px;
    }
    
    .modern_banner_common_wrapper .modern_banner_content .order_button{
        padding-left:15px;
        padding-right:15px;
    }
}

/* Стили для планшетов */
@media (max-width: 1240px) {
    .modern_banner_nav-controls{
        width:110px;
    }
    
    .modern_banner_slide-counter{
        display:none;
    }
}

@media (max-width: 1140px) and (min-width:990px) {
    .modern_banner_common_wrapper .modern_banner_image {
        height: 440px;
        width: 100%;
    }
    
    .modern_banner_slider-nav-container {
        top:423px;
    }
}

@media (max-width: 1140px) {
    .modern_banner_common_wrapper .modern_banner_text{
        margin-bottom:24px;
    }

    .modern_banner_common_wrapper .modern_banner_content .order_button {
        padding-left: 12px;
        padding-right: 12px;
        font-size:12px;
        height:40px;
    }

    .modern_banner_common_wrapper .modern_banner_in {
        height: auto;
        overflow: hidden;
    }

    /* CSS Grid решение - высота по самому высокому слайду без JS */
    .modern_banner_slider {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .modern_banner_slide {
        grid-area: 1 / 1;
        position: relative;
        clip-path: none;
        background-color: var(--visual_color_template);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
        pointer-events: none;
        will-change: opacity;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .modern_banner_slide.modern_banner_active {
        opacity: 1;
        visibility: visible;
        z-index: 2;
        pointer-events: auto;
    }

    .modern_banner_nav-controls{
        width:84px;
    }

    .modern_banner_slide-counter{
        display:none;
    }

    .modern_banner_slider{
        border-radius:var(--big_border_radius);
    }

    .modern_banner_slider-nav-container{
        height:36px;
    }

    .modern_banner_next-btn-container,
    .modern_banner_nav-btn{
        height:36px;
        width:36px;
    }

    .modern_banner_common_wrapper .modern_banner_image{
        position:relative;
        order:0;
        overflow: hidden;
		border-top-right-radius:var(--big_border_radius);
		border-top-left-radius:var(--big_border_radius);
        width: 100%;
    }

    .modern_banner_common_wrapper .modern_banner_content {
        height: auto;
        position:relative;
        order:1;
    }

    .modern_banner_common_wrapper .modern_banner_in{
        border-radius:0;
        overflow: hidden;
    }

    .modern_banner_common_wrapper .modern_banner_out.container{
        max-width:100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .modern_banner_common_wrapper .modern_banner_content_in {
        width:100%;
    }

    .modern_banner_common_wrapper .modern_banner_content {
        padding: 52px 22px 32px;
    }

    .modern_banner_common_wrapper .modern_banner_info {
        display:none;
    }

    .modern_banner_common_wrapper .modern_banner_in {
        height: auto;
        flex-direction: column;
        display: flex;
        justify-content:flex-end;
        overflow: hidden;
    }

    .modern_banner_common_wrapper .modern_banner_info .modern_banner_title {
        font-size: 36px;
    }

    .modern_banner_common_wrapper .modern_banner_image video,
    .modern_banner_common_wrapper .modern_banner_image img {
        object-position: center top;
        display: block;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    header + .section-system-layout-modern_banner .modern_banner_out.container_off_header_attach .modern_banner_image:before {
        display:none;
    }

    .modern_banner_common_wrapper .modern_banner_image:after {
        background: linear-gradient(0deg, var(--visual_color_template) 0%, rgba(11, 103, 190, 0.00) 65%);
    }

    .modern_banner_common_wrapper .modern_banner_in:before {
        display:none;
    }

    .modern_banner_slider-container{
        max-width:100%;
        overflow: hidden;
		padding-top:24px;
    }

    .modern_banner_slider-nav-container{
        left:22px;
        display:flex;
        justify-content:flex-start;
    }

    .modern_banner_common_wrapper .modern_banner_content_in{
        padding:0px;
    }
}

@media (max-width:990px) {
    .modern_banner_common_wrapper .modern_banner_image {
        width: 100%;
        height: 240px;
        top: 0;
        right: 0;
        order: 1;
        overflow: hidden;
    }

    .modern_banner_slider-nav-container{
        top:223px;
    }
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .modern_banner_content .container{
        padding-left:0px;
        padding-right:0px;
    }

    .modern_banner_common_wrapper .modern_banner_content .modern_banner_title {
        font-size: 27px;
    }

    .modern_banner_common_wrapper .modern_banner_info .modern_banner_title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .modern_banner_common_wrapper .modern_banner_text {
        font-size:14px;
    }
}

/* Стили для маленьких мобильных устройств */
@media (max-width: 480px) {
    .modern_banner_common_wrapper .modern_banner_text {
        font-size: 14px;
    }

    .modern_banner_common_wrapper .modern_banner_info .order_button {
        padding: 10px 20px;
        font-size: 14px;
    }

    .modern_banner_info .modern_banner_title {
        font-size: 24px;
    }
}

@media (max-width: 390px) {
    .modern_banner_common_wrapper .modern_banner_content .modern_banner_btn{
        width:100%;
    }
}