/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/ /* Examples (uncomment to use):*/ /* Expand site width */ /* body .wrapper { max-width: 1400px !important; } */ /* Set site background image */ /* body { background: url(image_source) top no-repeat; } /* Hide compare button */ /* a.compare_item { display: none !important; }*/ .item-views.staff1 .item-wrap .item:hover .preview-picture-hide { opacity: 0; height: 0; display: block; }<br>
 a.btn-lg.register {<br>
 display:none;<br>
 }<br>
 
 .top_slider_wrapp .flexslider {
    position: relative;
    width: 100%;
    height: 0;
    /*
      ВАЖНО: Рассчитайте правильное значение padding-bottom!
      Формула: (ВЫСОТА_СЛАЙДЕРА_НА_ДЕКСТОПЕ / ШИРИНА_СЛАЙДЕРА_НА_ДЕКСТОПЕ) * 100
      Например, если на десктопе слайдер 1170px шириной и 450px высотой (из main_slider.css):
      (450 / 1170) * 100 = 38.4615%
      Замените значение ниже на ваше!
    */
    padding-bottom: 38.4615%; /* <<< ЗАМЕНИТЕ ЭТО ЗНАЧЕНИЕ */
    overflow: hidden;
    margin-bottom: 0 !important; /* Отменяем стандартный отступ flexslider, если он мешает */
}

.top_slider_wrapp .flexslider .slides,
.top_slider_wrapp .flexslider .slides > li {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover !important; /* Чтобы фоновое изображение слайда масштабировалось */
    background-position: center center !important;
}

/* Содержимое слайдов */
.top_slider_wrapp .flexslider .slides > li .wrapper_inner,
.top_slider_wrapp .flexslider .slides > li .wrapper_inner > table {
    width: 100%;
    height: 100%;
    display: table; /* Для корректного вертикального выравнивания table-cell */
}

.top_slider_wrapp .flexslider .slides > li .text,
.top_slider_wrapp .flexslider .slides > li .img {
    display: table-cell !important; /* Сохраняем табличную структуру, как на десктопе */
    width: 50% !important; /* Если на десктопе было 50/50 */
    vertical-align: middle; /* Или top/bottom, как на десктопе */
    height: 100%;
    padding: 1vw 2vw !important; /* Адаптивные отступы, можно заменить на % или px */
    box-sizing: border-box !important;
}
.top_slider_wrapp .flexslider .slides > li.center .text { /* Если текст по центру */
    width: 100% !important;
    padding: 2vw 5vw !important;
}
.top_slider_wrapp .flexslider .slides > li.center .img {
    display: none !important; /* Обычно если текст по центру, картинки нет в td.img */
}


.top_slider_wrapp .flexslider .slides > li .img img.plaxy {
    object-fit: contain; /* или cover, по вкусу */
    width: auto; /* Пусть ширина подстраивается под высоту контейнера с сохранением пропорций */
    height: auto;
    max-width: 90%; /* Ограничение, чтобы не было слишком большим */
    max-height: 90%; /* Ограничение */
    position: relative !important; /* Убрать абсолютное позиционирование от Plaxy */
    transform: none !important; /* Убрать трансформации от Plaxy */
    display: block;
    margin: auto; /* Центрирование если object-fit: contain */
}

/* Масштабирование текста и кнопок в главном слайдере */
.top_slider_wrapp .main-slider .banner_title .section {
    font-size: 1.8vw !important; /* Используйте vw или медиа-запросы для адаптивности */
    max-width: 100%; /* чтобы длинный текст переносился */
    white-space: normal !important;
    margin-bottom: 1vw !important;
}
.top_slider_wrapp .main-slider .banner_title .head-title {
    font-size: 3.5vw !important; /* Подберите подходящее значение */
    line-height: 1.2em !important;
    max-width: 100%;
    white-space: normal !important;
}
.top_slider_wrapp .main-slider .banner_text {
    font-size: 1.8vw !important;
    line-height: 1.4em !important;
    margin-top: 1.5vw !important;
    max-height: 12em; /* Ограничение по высоте */
    white-space: normal !important;
}
.top_slider_wrapp .banner_buttons {
    margin-top: 2vw !important;
    white-space: normal !important; /* Чтобы кнопки могли переноситься */
}
.top_slider_wrapp .banner_buttons a,
.top_slider_wrapp .banner_buttons .btn-video {
    padding: 1vw 2vw !important;
    font-size: 1.8vw !important;
    margin: 0.5vw !important;
}
.top_slider_wrapp .main-slider__wrapper .banner_title .prices .price {
    font-size: 2.5vw !important;
}
.top_slider_wrapp .main-slider__wrapper .banner_title .prices .price_old {
    font-size: 1.8vw !important;
}
.top_slider_wrapp .main-slider__wrapper .banner_title .votes_block,
.top_slider_wrapp .main-slider__wrapper .banner_title .view_sale_block {
    transform: scale(0.8); /* Уменьшаем, если нужно */
    transform-origin: left top;
    margin-top: 1vw !important;
}
.top_slider_wrapp .main-slider__wrapper .banner_buttons.with_actions .wraps_buttons {
    margin-top: 1vw !important;
}
.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap {
    height: 4.5vw !important;
    width: 4.5vw !important;
    max-height: 38px; /* Ограничение максимального размера */
    max-width: 38px;
}
.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap .svg {
    transform: scale(0.65);
}


/* 2. Дочерние баннеры (float.php) - сохранение пропорций */
.top_big_banners .items {
    font-size: 0; /* Убрать пробелы между inline-block элементами, если они есть */
}
.top_big_banners .items .item {
    /* Если на десктопе они были, например, 4 в ряд */
    /* width: 25% !important; */ /* Это должно управляться классами c_2, c_3, c_4 */
    /* display: inline-block !important; */ /* Если они меняют display */
    /* vertical-align: top !important; */
    /* float: none !important; */ /* Если используется float */
}

/* Отменяем специальные мобильные классы, если они все еще влияют через CSS */
.top_big_banners .items.mobile-overflow {
    overflow-x: visible !important;
}

.top_big_banners .item .item_inner {
    position: relative;
    width: 100%;
    height: 0;
    /*
      ВАЖНО: Рассчитайте правильное значение padding-bottom для дочерних баннеров!
      Формула: (ВЫСОТА_БАННЕРА_НА_ДЕКСТОПЕ / ШИРИНА_БАННЕРА_НА_ДЕКСТОПЕ) * 100
      Например, если баннер 300px шириной и 275px высотой (из main_slider.css):
      (275 / 300) * 100 = 91.66%
      Замените значение ниже на ваше!
    */
    padding-bottom: 91.66%; /* <<< ЗАМЕНИТЕ ЭТО ЗНАЧЕНИЕ */
    overflow: hidden;
}

.top_big_banners .item .item_inner .img_block { /* Фон */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}

.top_big_banners .item .item_inner .wrap_tizer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    /* Настройте align-items и justify-content как на десктопе */
    /* Например, если текст внизу слева: */
    align-items: flex-end;
    justify-content: flex-start;
    padding: 2vw !important; /* Адаптивные отступы */
    box-sizing: border-box;
}

.top_big_banners .item .item_inner .text .title {
    font-size: 2.2vw !important; /* Подберите подходящее значение */
    line-height: 1.2em !important;
    white-space: normal !important;
}
.top_big_banners .item .item_inner .text .section {
    font-size: 1.6vw !important; /* Подберите подходящее значение */
    margin-bottom: 0.5vw !important;
    white-space: normal !important;
}

/* 3. Отмена стилей из banners.css для мобильных */
@media (max-width: 500px) {
    .banners-content .maxwidth-banner .buttons_block {
        text-align: inherit !important; /* Наследовать от родителя или задать десктопное значение */
    }
    .banners-content .maxwidth-banner .buttons_block > span {
        display: initial !important; /* Или как на десктопе (например, inline) */
    }
    .banners-content h1 {
        /* line-height: inherit !important; */ /* Или десктопное значение */
    }
}

/* Если у вас есть класс .top_slider_wrapp.hidden_narrow и он скрывает слайдер */
@media (max-width: 991px) { /* или другой брейкпоинт, который используется для скрытия */
    .top_slider_wrapp.hidden_narrow {
        display: block !important; /* или flex, или что там было на десктопе */
    }
}