@media screen and (max-width: 1170px) {
    
    .wrapper {
        max-width: 992px;
    }

    .banner-background--circle {
        width: 600px;
        height: 800px;
        top: -500px;
        right: -350px;
    }

    .banner-background {
        height: 500px;
    }
    
    .banner-container {
        height: 500px;
    }

    .banner-background--velum {
        right: -50px;
    }

    .banner-content--text {
        font-size: 42px;
    }

    .banner-content--text strong {
        font-size: 60px;
    }

    .banner-content--button {
        font-size: 16px;
        padding: 16px;
    }

    .banner-background--girl {
        right: -30px;
    }

    .banner-background--waves {
        background-size: 1500px;
    }

    @keyframes animation-waves {
        0% {
            background-position-x: 0;
        }
        100% {
            background-position-x: 3000px;
        }
    }

    .header-logo img {
        width: 160px;
    }

    .header-logo--text {
        font-size: 9px !important;
        line-height: 12px !important;
        margin-top: 4px !important;
    }

    .header-company img {
        height: 44px;
        max-height: 44px;
        max-width: 120px;
        width: auto;
        object-fit: contain;
    }

    .header-nav--list a {
        font-size: 13px;
    }

    .header-nav--list li {
        padding: 0 12px;
    }

    .adventages-item--content-title {
        font-size: 30px;
    }

    .adventages-item--content-description {
        margin-top: 8px;
    }

    .adventages-item {
        padding: 15px;
    }

    .slicer-content--info-title {
        font-size: 42px;
    }

    .adventages-list {
        margin-top: 5px !important;
    }

    .products-item--tooltips {
        width: 39%;
    }

    .products-item--description {
        width: 61%;
    }
}

/* Мобильная версия - только для экранов <= 992px */
@media screen and (max-width: 992px) {
    .wrapper {
        max-width: 768px;
    }

    /* Скрываем обычное горизонтальное меню на мобильных */
    .header-nav--list {
        pointer-events: none;
        display: none !important;
        position: fixed;
        flex-direction: column;
        justify-content: flex-start;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        max-width: 100% !important;
        transform: translateX(100%);
        opacity: 0;
        z-index: 99999;
        background: #000;
        border-radius: 0;
        box-shadow: none;
        padding: 80px 20px 20px 20px;
        transition: transform 0.3s ease-out, opacity 0.3s ease-out;
        overflow-y: auto;
    }

    .header-nav.active .header-nav--list {
        pointer-events: all;
        opacity: 1;
        transform: translateX(0);
        display: flex !important;
        z-index: 99999 !important;
    }
    
    .header-nav.active .header-nav--list li a {
        pointer-events: auto;
    }
    
    /* Когда меню открыто, все элементы страницы должны быть ниже */
    body.menu-open .banner,
    body.menu-open .content,
    body.menu-open .banner .banner-content,
    body.menu-open .banner .banner-content--text,
    body.menu-open .banner .banner-content--btns,
    body.menu-open .banner .banner-content--button,
    body.menu-open .banner-background,
    body.menu-open .banner-background--girl {
        z-index: 1 !important;
    }
    
    .header-nav--list li {
        padding: 12px 0;
        list-style: none;
        margin-bottom: 5px;
    }
    
    .header-nav--list li a {
        font-size: 18px;
        color: #FFF;
        display: block;
        width: 100%;
        padding: 10px 0;
        text-decoration: none;
        cursor: pointer;
        pointer-events: auto;
    }

    .header-nav--list li a:hover {
        color: #ee5c69;
    }
    
    .header-nav--list li a:active {
        color: #ee5c69;
    }
    
    /* Выделение кнопки "Купить" в бургер-меню */
    .header-nav--list li a[href="#buy-product"] {
        background: linear-gradient(135deg, #8D1B2D 0%, #6B1522 100%) !important;
        color: #FFF !important;
        border-radius: 25px !important;
        padding: 15px 25px !important;
        text-align: center !important;
        font-weight: 700 !important;
        margin-top: 10px !important;
        box-shadow: 0 4px 15px rgba(141, 27, 45, 0.5) !important;
        transition: all 0.3s ease !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:hover {
        background: linear-gradient(135deg, #6B1522 0%, #8D1B2D 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(141, 27, 45, 0.7) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(141, 27, 45, 0.5) !important;
    }

    .mobile-menu-close-btn {
        color: #FFF !important;
    }
    
    .mobile-menu-close-btn:hover {
        color: #ee5c69 !important;
    }

    .mobile-menu-buttons {
        display: none;
    }
    
    .mobile-menu-close {
        display: block;
    }

    .banner-content--btns {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .banner-content--button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    
    .cta-block {
        border-radius: 30px 30px 0 0 !important;
        overflow: hidden !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2) !important;
        margin-top: 40px !important;
    }
    
    .cta-block .banner-background {
        background: linear-gradient(135deg, #8a0d2d 0%, #c31c32 50%, #8a0d2d 100%) !important;
        border-radius: 30px 30px 0 0 !important;
    }
    
    .cta-block .banner-content {
        padding: 50px 20px 40px 20px !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .cta-block .banner-content--text {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 30px !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }
    
    .cta-block .banner-content--text strong {
        font-size: 32px !important;
        font-weight: 700 !important;
    }
    
    .cta-block .banner-content--btns {
        flex-direction: column !important;
        gap: 15px !important;
        display: flex !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    
    .cta-block .banner-content--button {
        width: 100% !important;
        display: block !important;
        background: rgba(255, 255, 255, 0.15) !important;
        backdrop-filter: blur(10px) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 20px !important;
        padding: 16px 24px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Кнопка "Купить" в CTA блоке - такой же стиль как у других кнопок */
    .cta-block .banner-content--button[href="#buy-product"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    .cta-block .banner-content--button:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    /* Hover для кнопки "Купить" в CTA блоке - такой же как у других */
    .cta-block .banner-content--button[href="#buy-product"]:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    .cta-block .banner-content--button:active {
        transform: translateY(0) !important;
    }
    
    .cta-block .banner-content--button[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }

    .banner-background--circle {
        display: none !important;
    }

    .banner-background,
    .banner-container {
        height: auto !important;
        min-height: 500px !important;
        position: relative;
    }
    
    /* Убираем затемнение баннера на мобильных - фон прозрачный */
    .banner-background {
        background: transparent !important;
        background-image: none !important;
    }

    /* Изменяем структуру баннера на мобильных: сначала изображение, потом кнопки */
    .banner {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
    }
    
    .banner-background {
        order: 1 !important;
        height: 60vh !important;
        min-height: 400px !important;
        position: relative !important;
        background: transparent !important;
        background-image: none !important;
        overflow: visible !important;
    }
    
    .banner-background--girl {
        display: block !important;
        height: 100% !important;
        text-align: right !important;
        z-index: 2 !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: auto !important;
    }
    
    .banner-background--girl img {
        max-height: 100% !important;
        height: 100% !important;
        width: auto !important;
        display: block !important;
        margin-left: auto !important;
        object-fit: cover !important;
        object-position: right center !important;
        opacity: 1 !important;
        filter: none !important;
    }
    
    /* Убираем все затемнения и оверлеи */
    .banner-background::before,
    .banner-background::after {
        display: none !important;
    }
    
    /* Два объекта справа от женщины - изогнутые формы */
    .banner-background--object {
        display: block !important;
        position: absolute !important;
        z-index: 3 !important;
        background: linear-gradient(135deg, #dc1444 0%, #8a0d2d 50%, #6b1522 100%) !important;
    }
    
    .banner-background--object-1 {
        width: 200px !important;
        height: 300px !important;
        right: -30px !important;
        top: 0% !important;
        transform: rotate(-20deg) scaleY(1.3) !important;
        border-radius: 60% 40% 50% 50% !important;
        opacity: 0.95 !important;
        box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.3) !important;
    }
    
    .banner-background--object-2 {
        width: 180px !important;
        height: 280px !important;
        right: -25px !important;
        top: 15% !important;
        transform: rotate(12deg) scaleY(1.2) !important;
        border-radius: 50% 30% 60% 40% !important;
        opacity: 0.9 !important;
        box-shadow: -8px 8px 25px rgba(0, 0, 0, 0.3) !important;
    }

    .banner-background--velum {
        display: none !important;
    }

    .banner-background--fcircle {
        display: none !important;
    }
    
    .banner-background--circle {
        display: none !important;
    }
    
    .banner-background--waves {
        display: none !important;
    }

    /* Убираем wrapper с кнопками из баннера на мобильных, так как кнопки теперь в отдельном блоке */
    .banner .wrapper {
        display: none !important;
    }
    
    /* НО оставляем видимым wrapper в CTA блоке внизу страницы */
    .cta-block .wrapper {
        display: block !important;
    }
    
    .cta-block .banner-container {
        display: flex !important;
    }
    
    .cta-block .banner-content {
        display: block !important;
    }
    
    .cta-block .banner-content--btns {
        display: flex !important;
    }
    
    .cta-block .banner-content--button {
        display: block !important;
    }
    
    /* Убеждаемся что контент баннера не накладывается на фото */
    .banner-container {
        padding: 0 !important;
        height: auto !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* НО для CTA блока оставляем нормальную высоту */
    .cta-block .banner-container {
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .banner-content {
        z-index: 1 !important;
        position: relative !important;
        padding: 0 !important;
    }
    
    /* Для CTA блока оставляем нормальный padding */
    .cta-block .banner-content {
        padding: 50px 20px 40px 20px !important;
    }
    
    .banner-content--text {
        display: none !important;
    }
    
    /* Скрываем старые кнопки в баннере на мобильных */
    .banner-content--btns {
        display: none !important;
    }
    
    .banner-content--button {
        display: none !important;
    }
    
    /* Новый блок с кнопками только для мобильных */
    .banner-buttons-mobile {
        display: block !important;
        background: transparent !important;
        padding: 15px 0 100px 0 !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }
    
    .banner-buttons-mobile .wrapper {
        padding: 0 20px !important;
    }
    
    .banner-buttons-mobile--btns {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
    
    .banner-buttons-mobile--button {
        width: 100% !important;
        text-align: center !important;
        padding: 14px 20px !important;
        min-height: 50px !important;
        line-height: 22px !important;
        font-size: 18px !important;
        border: 2px solid #8a0d2d !important;
        background: #8a0d2d !important;
        color: #FFF !important;
        text-decoration: none !important;
        border-radius: 26px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: background .2s ease-out, border-color .2s ease-out !important;
    }
    
    .banner-buttons-mobile--button:hover {
        background: #6d0a23 !important;
        border-color: #6d0a23 !important;
        color: #FFF !important;
    }
    
    .banner-buttons-mobile--button span {
        text-transform: uppercase !important;
        display: block !important;
        line-height: 22px !important;
    }
    
    .banner-content--button::after {
        background: rgba(255, 255, 255, 0.3) !important;
    }

    /* Показываем бургер-меню на мобильных */
    .header-nav--burger {
        display: flex !important;
        flex-direction: column !important;
        padding: 15px 20px !important;
        gap: 9px !important;
    }
    
    .header-nav--burger span {
        width: 40px !important;
        height: 5px !important;
    }
    
    .header-nav {
        order: 2;
    }

    .header-logo {
        order: 1;
    }

    .header {
        z-index: 6;
    }

    .technology-img img {
        max-width: 100%;
    }

    .adventages-item--content-title {
        font-size: 24px;
    }

    .ab-slider {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0 !important;
    }

    /* Полностью скрываем .products на мобильных */
    .products {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        max-width: 100%;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Скрываем старый раздел slicer-row на мобильных */
    .slicer-row {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    .banner-content--text {
        font-size: 30px;
    }

    .banner-content--text strong {
        font-size: 42px;
    }

    .banner-content {
        padding-bottom: 30px;
    }

    .banner-content--button {
        border: 1px solid #FFF;
        font-size: 13px;
        padding: 12px;
        border-radius: 15px;
    }

    .banner-content--btns {
        gap: 15px;
    }

    .adventages-item--content-description {
        font-size: 14px;
    }

    .content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        top: 0 !important;
    }
    
    /* Убираем отрицательный отступ у content на мобильных */
    .content {
        top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Увеличиваем отступ между новым блоком с кнопками и разделом "Почему Resaltys HA®" */
    .banner-buttons-mobile + .content {
        margin-top: 200px !important;
        padding-top: 0 !important;
    }
    
    /* Убираем весь отступ между баннером и разделом "Почему Resaltys HA®" и подтягиваем вверх (на случай если новый блок не загрузился) */
    .banner + .content {
        margin-top: -20px !important;
        padding-top: 0 !important;
    }
    
    /* Убираем отступы у нового блока с кнопками, но оставляем место для третьей кнопки */
    .banner-buttons-mobile {
        margin-bottom: 0 !important;
        padding-bottom: 100px !important;
    }
    
    .banner-buttons-mobile--btns {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .banner-buttons-mobile--button:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убеждаемся что все кнопки видны */
    .banner-buttons-mobile--button:nth-child(3) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 50px !important;
        padding: 14px 20px !important;
    }
    
    .content-title {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* Убираем все лишние отступы между баннером и контентом */
    .banner {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .banner .wrapper:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у wrapper внутри content */
    .content .wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Убираем отступы у первого элемента в content */
    .content .wrapper:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Убираем отступы у content-title - он должен идти сразу после кнопок */
    #adventages .content-title {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
    
    /* Убираем все отступы между последней кнопкой и разделом "Почему Resaltys HA®" */
    .banner-content--button:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .banner-content--btns {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .banner-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .banner-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем все возможные отступы у content и подтягиваем вверх */
    #adventages {
        margin-top: -20px !important;
        padding-top: 0 !important;
    }
    
    #adventages .wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Убираем отступы у первого элемента в #adventages */
    #adventages > .wrapper > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Убираем отступы у первого элемента в content */
    .content .wrapper:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Убираем отступы у content-title - он должен идти сразу после кнопок */
    #adventages .content-title {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
    
    /* Уменьшаем отступы у элементов перед products-mobile в 4 раза */
    .content .wrapper:last-of-type {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .content .technology-row {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем все отступы перед products-mobile */
    .content > .wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у всех секций перед products-mobile */
    .adventages-description + .adventages-btn,
    .technology-row,
    .technology-description {
        margin-bottom: 0 !important;
    }
    
    /* Убираем отступы у wrapper перед products-mobile */
    .content > .wrapper:has(+ .products-mobile),
    .content > .wrapper:has(~ .products-mobile) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у всех элементов внутри content перед products-mobile */
    .content .technology-row:last-child,
    .content .wrapper:last-of-type {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Отступ перед разделом "О продукте" на мобильных */
    .products-mobile {
        margin-top: -10px !important;
        padding-top: 30px !important;
        padding-bottom: 20px !important;
        margin-bottom: 0 !important;
    }
    
    .products-mobile .content-title {
        margin-top: 0 !important;
        margin-bottom: 25px !important;
    }
    
    /* Скрываем старый раздел "О продукте" на мобильных - полностью убираем пространство */
    .slicer-content {
        display: none !important;
        visibility: hidden !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    
    .slicer-row {
        display: none !important;
        visibility: hidden !important;
    }
    
    .slicer-content--images,
    .slicer-content--info,
    .slicer-content--info-title,
    .slicer-content--info-description {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Убираем все отступы у элементов перед разделом "О продукте" */
    .technology-row {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .technology-description {
        margin-bottom: 5px !important;
    }
    
    .adventages-list {
        margin-bottom: 0 !important;
        margin-top: 15px !important;
    }
    
    .adventages-description {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .technology-content--title {
        margin-top: 15px !important;
        margin-bottom: 5px !important;
    }
    
    /* Убираем отступы у скрытых секций - полностью убираем пространство */
    .products {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Убираем пространство у wrapper с products */
    .content > .wrapper:has(.products) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Убираем отступы у контента перед разделом "О продукте" */
    .content .wrapper:last-of-type {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем все отступы у секции content перед products-mobile */
    .content {
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у всех элементов перед products-mobile */
    .content > .wrapper:has(+ .products-mobile),
    .content > .wrapper:has(~ .products-mobile) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у products внутри content */
    .content .products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у slicer-content внутри content */
    .content .slicer-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .content-title {
        font-size: 40px;
    }

    .banner-background--fcircle img {
        opacity: .6;
    }

    .adventages-item--img img {
        height: unset;
        width: 66px;
    }

    .technology-description {
        font-size: 13px;
    }

    /* Скрываем старые метки свойств продуктов на мобильных */
    .products-item--description-line {
        display: none !important;
        visibility: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
    }
    
    .products-item--description-text {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Скрываем метки свойств из старого мобильного раздела */
    .property-label,
    .products-properties-mobile {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Скрываем все элементы со свойствами продуктов */
    .products-item--description-line span {
        display: none !important;
        visibility: hidden !important;
    }

    .products-item--tooltips {
        width: 47%;
    }

    .products-item--description {
        pointer-events: none;
    }

    /* Убеждаемся, что слайдер "До и после" виден на мобильных */
    .ab-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 300px !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .ab-slider.slick-initialized {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-track {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-slide {
        display: none !important;
        float: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide.slick-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider .ab-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .ab-slider .ab-item img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .ab-slider.slick-initialized .ab-item img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .slicer-content--info {
        padding: 30px 0;
    }

    .ab-subtitle {
        font-size: 18px;
    }

    .ab-list ul li {
        font-size: 14px;
    }

    .ab-list--description {
        font-size: 16px;
    }

    .ab-text {
        font-size: 14px;
    }

    .ab-btn a {
        font-size: 18px !important;
        background: #8a0d2d !important;
        border: 2px solid #8a0d2d !important;
        color: #FFF !important;
        padding: 14px 20px !important;
    }
    
    .ab-btn a:hover {
        background: #6d0a23 !important;
        border-color: #6d0a23 !important;
        color: #FFF !important;
    }
    
    .ab-btn a::after {
        display: none !important;
    }
    
    .ab-btn--img svg {
        fill: #FFF !important;
    }
    
    .ab-btn a:hover .ab-btn--img svg {
        fill: #FFF !important;
    }
}

@media screen and (max-width: 768px) {
    .wrapper {
        max-width: 576px;
    }

    .technology-item {
        max-width: 33.33%;
    }

    .technology-circle {
        width: 140px;
        height: 140px;
    }

    .video-row > div {
        font-size: 14px;
    }

    .adventages-btn {
        margin-top: 30px;
    }

    .adventages-btn a {
        padding: 10px;
    }

    .online-video {
        height: unset;
        align-self: stretch;
    }

    .adventages-item--content-title {
        font-size: 20px;
    }

    .adventages-item {
        max-width: 100%;
        width: 100%;
    }

    .adventages-list {
        flex-direction: column;
        margin-top: 15px;
    }

    .content-title {
        font-size: 32px;
    }

    .technology-row {
        gap: 15px;
    }

    .technology-img {
        margin-top: auto;
    }

    .products-item--description-img {
        max-width: 250px;
    }

    .products-item--description-img img {
        max-width: 100%;
    }

    .ab-subtitle {
        font-size: 16px;
    }

    .slicer-content--info-title {
        font-size: 34px;
    }

    .products-item--tooltips {
        width: 65%;
    }

    .banner-background, 
    .banner-container {
        height: auto !important;
        min-height: 300px !important;
        position: relative;
    }

    .banner {
        position: relative;
        overflow: hidden;
    }

    .banner-content {
        padding: 20px 0 !important;
        z-index: 10 !important;
        position: relative !important;
        width: 100% !important;
    }

    .banner-content--text {
        z-index: 10 !important;
        position: relative !important;
        text-align: center !important;
    }

    .banner-content--btns {
        z-index: 10 !important;
        position: relative !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 20px !important;
        display: flex !important;
    }

    .banner-content--button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }

    .banner-background--circle {
        display: none !important;
    }

    .banner-background--velum {
        display: none !important;
    }

    .banner-background--girl {
        display: block !important;
        height: inherit !important;
        text-align: right !important;
        z-index: 2 !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: auto !important;
    }
    
    .banner-background--girl img {
        max-height: 100% !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
        margin-left: auto !important;
    }

    .banner-background--fcircle {
        display: none !important;
    }

    .banner-background--waves {
        display: none !important;
    }

    /* Убираем затемнение - фон прозрачный для показа фото */
    .banner-background {
        background: transparent !important;
        background-image: none !important;
    }

    .banner-content {
        z-index: 10 !important;
        position: relative !important;
    }

    .content {
        border-radius: 30px 30px 0 0 !important;
        top: -20px !important;
        z-index: 5 !important;
        position: relative !important;
    }

    .banner-background--waves {
        background-size: 1000px;
    }

    @keyframes animation-waves {
        0% {
            background-position-x: 0;
        }
        100% {
            background-position-x: 2000px;
        }
    }


    .banner-content--text {
        font-size: 26px;
    }

    .banner-content--text strong {
        font-size: 36px;
    }

    .header-container {
        padding: 20px 0;
    }

    .banner {
        position: relative;
        overflow: hidden;
    }

    .banner {
        position: relative !important;
        overflow: visible !important;
    }

    .banner-container {
        overflow: visible !important;
    }

    .banner-content {
        overflow: visible !important;
    }

    .banner-background {
        position: absolute !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .banner-container {
        position: relative !important;
        z-index: 10 !important;
    }

    .banner-content {
        padding: 40px 0 20px 0 !important;
        z-index: 10 !important;
        position: relative !important;
        width: 100% !important;
    }

    .banner-content--text {
        z-index: 10 !important;
        position: relative !important;
        text-align: center !important;
    }

    .banner-content--btns {
        z-index: 10 !important;
        position: relative !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 20px !important;
        display: flex !important;
    }

    .banner-content--button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    
    .cta-block {
        border-radius: 30px 30px 0 0 !important;
        overflow: hidden !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2) !important;
        margin-top: 40px !important;
    }
    
    .cta-block .banner-background {
        background: linear-gradient(135deg, #8a0d2d 0%, #c31c32 50%, #8a0d2d 100%) !important;
        border-radius: 30px 30px 0 0 !important;
    }
    
    .cta-block .banner-content {
        padding: 50px 20px 40px 20px !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .cta-block .banner-content--text {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 30px !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }
    
    .cta-block .banner-content--text strong {
        font-size: 32px !important;
        font-weight: 700 !important;
    }
    
    .cta-block .banner-content--btns {
        flex-direction: column !important;
        gap: 15px !important;
        display: flex !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    
    .cta-block .banner-content--button {
        width: 100% !important;
        display: block !important;
        background: rgba(255, 255, 255, 0.15) !important;
        backdrop-filter: blur(10px) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 20px !important;
        padding: 16px 24px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Кнопка "Купить" в CTA блоке - такой же стиль как у других кнопок */
    .cta-block .banner-content--button[href="#buy-product"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    .cta-block .banner-content--button:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    /* Hover для кнопки "Купить" в CTA блоке - такой же как у других */
    .cta-block .banner-content--button[href="#buy-product"]:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    .cta-block .banner-content--button:active {
        transform: translateY(0) !important;
    }
    
    .cta-block .banner-content--button[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }

    .header-nav--burger {
        display: flex !important;
        flex-direction: column !important;
        padding: 15px 20px !important;
        gap: 9px !important;
    }
    
    .header-nav--burger span {
        width: 40px !important;
        height: 5px !important;
    }

    .header-nav--list {
        pointer-events: none;
        display: none !important;
        position: fixed;
        flex-direction: column;
        justify-content: flex-start;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        max-width: 100% !important;
        transform: translateX(100%);
        opacity: 0;
        z-index: 99999;
        background: #000;
        border-radius: 0;
        box-shadow: none;
        padding: 80px 20px 20px 20px;
        transition: transform 0.3s ease-out, opacity 0.3s ease-out;
        overflow-y: auto;
    }

    .header-nav.active .header-nav--list {
        pointer-events: all;
        opacity: 1;
        transform: translateX(0);
        display: flex !important;
    }
    
    .header-nav.active .header-nav--list li a {
        pointer-events: auto;
    }
    
    .mobile-menu-close {
        text-align: right;
        padding: 20px 20px 10px 20px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #333;
    }
    
    .mobile-menu-close-btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
        color: #FFF !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .mobile-menu-close-btn:hover {
        color: #ee5c69 !important;
    }
    
    .header-nav--list li {
        padding: 12px 0;
        list-style: none;
        margin-bottom: 5px;
    }
    
    .header-nav--list li a {
        font-size: 18px;
        color: #FFF;
        display: block;
        width: 100%;
        padding: 10px 0;
        text-decoration: none;
        cursor: pointer;
        pointer-events: auto;
    }

    .header-nav--list li a:hover {
        color: #ee5c69;
    }
    
    .header-nav--list li a:active {
        color: #ee5c69;
    }
    
    /* Выделение кнопки "Купить" в бургер-меню */
    .header-nav--list li a[href="#buy-product"] {
        background: linear-gradient(135deg, #8D1B2D 0%, #6B1522 100%) !important;
        color: #FFF !important;
        border-radius: 25px !important;
        padding: 15px 25px !important;
        text-align: center !important;
        font-weight: 700 !important;
        margin-top: 10px !important;
        box-shadow: 0 4px 15px rgba(141, 27, 45, 0.5) !important;
        transition: all 0.3s ease !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:hover {
        background: linear-gradient(135deg, #6B1522 0%, #8D1B2D 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(141, 27, 45, 0.7) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(141, 27, 45, 0.5) !important;
    }

}

@media screen and (max-width: 567px) {
    .wrapper {
        max-width: unset;
        padding: 0 20px !important;
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden !important;
    }

    * {
        max-width: 100%;
    }

    .banner,
    .banner-container,
    .banner-content {
        overflow: visible !important;
    }

    .video-row {
        flex-direction: column;
    }

    .video-row > div {
        flex: unset;
    }

    .online-video {
        height: 240px;
        width: 100%;
		max-width: unset;
    }

    .adventages-description {
        margin-top: 15px;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .adventages-btn {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

    .adventages-btn a {
        width: 100%;
        text-align: center;
    }

    .adventages-btn {
        margin-top: 30px;
    }

    .technology-row {
        flex-direction: column;
    }

    .technology-item {
        max-width: 100%;
        padding: 15px 0;
        background: rgb(247, 250, 255);
        border-radius: 10px;
        box-shadow: 0 0 18px -6px rgba(0,0,0,.2);
    }

    .technology-circle {
        width: 200px;
        height: 200px;
    }

    .ab-btn a {
        font-size: 18px !important;
        width: 100% !important;
        justify-content: center !important;
        background: #8a0d2d !important;
        border: 2px solid #8a0d2d !important;
        color: #FFF !important;
        padding: 14px 20px !important;
        border-radius: 26px !important;
        transition: background .2s ease-out, border-color .2s ease-out !important;
    }
    
    .ab-btn a:hover {
        background: #6d0a23 !important;
        border-color: #6d0a23 !important;
        color: #FFF !important;
    }
    
    .ab-btn a::after {
        display: none !important;
    }
    
    .ab-btn--img svg {
        fill: #FFF !important;
    }
    
    .ab-btn a:hover .ab-btn--img svg {
        fill: #FFF !important;
    }

    /* Скрываем стрелки только на мобильных устройствах */
    .products-arrows,
    .products .products-arrows,
    .ab-slider .products-arrows,
    .products-arrows.arrow-left,
    .products-arrows.arrow-right,
    .ab-slider .products-arrows.arrow-left,
    .ab-slider .products-arrows.arrow-right,
    .slick-prev,
    .slick-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* Улучшаем отображение слайдеров для перетаскивания */
    .products .slick-list,
    .ab-slider .slick-list {
        cursor: grab !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: pan-y !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    
    .products .slick-list:active,
    .ab-slider .slick-list:active {
        cursor: grabbing !important;
    }
    
    /* Убеждаемся, что все слайды доступны для переключения */
    .products .slick-slide,
    .ab-slider .slick-slide {
        touch-action: pan-y !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    
    /* Убеждаемся, что все три продукта доступны через слайдер */
    .products .products-item {
        display: block !important;
        width: 100% !important;
    }
    
    .products.slick-initialized .products-item:not(.slick-active) {
        display: none !important;
    }
    
    .products.slick-initialized .products-item.slick-active {
        display: block !important;
    }
    
    /* Убеждаемся, что слайдер "До и после" виден на мобильных */
    .ab-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 300px !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .ab-slider .slick-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-track {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider.slick-initialized {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-slide {
        display: none !important;
        float: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .ab-slider.slick-initialized .slick-slide.slick-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider .ab-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .ab-slider .ab-item img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .ab-slider.slick-initialized .ab-item img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Убеждаемся, что слайдер "О продукте" виден на мобильных */
    .products {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 400px !important;
    }
    
    .products.slick-initialized {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-track {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-slide {
        display: none !important;
        float: none !important;
    }
    
    .products.slick-initialized .slick-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .products.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .products.slick-initialized .slick-slide.slick-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .products .products-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .products.slick-initialized .products-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Скрываем старый раздел slicer-row на мобильных */
    .slicer-row {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        min-height: 0 !important;
    }
    
    .slicer-row.slick-initialized {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .slicer-row .slick-list {
        display: none !important;
        visibility: hidden !important;
    }
    
    .slicer-row .slick-track {
        display: none !important;
        visibility: hidden !important;
    }
    
    .slicer-row .slick-slide {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide.slick-active {
        display: none !important;
    }
    
    .slicer-row .slicer-row--item {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slicer-row--item {
        display: none !important;
    }

    /* Убираем затемнение баннера на мобильных */
    .banner-background {
        opacity: 1 !important;
        background: transparent !important;
        background-image: none !important;
    }

    .banner-background--circle {
        display: none !important;
    }

    .banner-background--velum {
        display: none !important;
    }

    .banner-background--girl {
        display: block !important;
        height: inherit !important;
        text-align: right !important;
        z-index: 2 !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: auto !important;
    }
    
    .banner-background--girl img {
        max-height: 100% !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
        margin-left: auto !important;
    }

    .banner-background--fcircle {
        display: none !important;
    }

    .banner-background--waves {
        display: none !important;
    }

    .content {
        border-radius: 30px 30px 0 0 !important;
        top: -20px !important;
        z-index: 5 !important;
        position: relative !important;
    }

    .banner {
        position: relative !important;
        overflow: hidden !important;
        min-height: 300px !important;
    }

    .banner-background {
        position: absolute !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .banner-container {
        position: relative !important;
        z-index: 10 !important;
        height: auto !important;
        min-height: 500px !important;
        padding: 40px 0 20px 0 !important;
    }

    .banner-content {
        z-index: 10 !important;
        position: relative !important;
        padding: 60px 0 30px 0 !important;
        width: 100% !important;
    }

    .banner-content--text {
        z-index: 10 !important;
        position: relative !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .banner-content--btns {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 20px !important;
        display: flex !important;
    }

    .banner-content--button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    
    .cta-block {
        border-radius: 30px 30px 0 0 !important;
        overflow: hidden !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2) !important;
        margin-top: 40px !important;
    }
    
    .cta-block .banner-background {
        background: linear-gradient(135deg, #8a0d2d 0%, #c31c32 50%, #8a0d2d 100%) !important;
        border-radius: 30px 30px 0 0 !important;
    }
    
    .cta-block .banner-content {
        padding: 50px 20px 40px 20px !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .cta-block .banner-content--text {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 30px !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }
    
    .cta-block .banner-content--text strong {
        font-size: 32px !important;
        font-weight: 700 !important;
    }
    
    .cta-block .banner-content--btns {
        flex-direction: column !important;
        gap: 15px !important;
        display: flex !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    
    .cta-block .banner-content--button {
        width: 100% !important;
        display: block !important;
        background: rgba(255, 255, 255, 0.15) !important;
        backdrop-filter: blur(10px) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 20px !important;
        padding: 16px 24px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Кнопка "Купить" в CTA блоке - такой же стиль как у других кнопок */
    .cta-block .banner-content--button[href="#buy-product"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    }
    
    .cta-block .banner-content--button:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    /* Hover для кнопки "Купить" в CTA блоке - такой же как у других */
    .cta-block .banner-content--button[href="#buy-product"]:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
        border-color: #fff !important;
    }
    
    .cta-block .banner-content--button:active {
        transform: translateY(0) !important;
    }
    
    .cta-block .banner-content--button[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    }

    .header-nav--list {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #000 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 80px 20px 20px 20px !important;
        z-index: 99999 !important;
        pointer-events: none !important;
        opacity: 0 !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s ease-out, opacity 0.3s ease-out !important;
    }

    .header-nav.active .header-nav--list {
        display: flex !important;
        pointer-events: all !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
        z-index: 99999 !important;
    }
    
    .header-nav.active .header-nav--list li a {
        pointer-events: auto !important;
    }
    
    /* Когда меню открыто, все элементы страницы должны быть ниже */
    body.menu-open .banner,
    body.menu-open .content,
    body.menu-open .banner .banner-content,
    body.menu-open .banner .banner-content--text,
    body.menu-open .banner .banner-content--btns,
    body.menu-open .banner .banner-content--button,
    body.menu-open .banner-background,
    body.menu-open .banner-background--girl {
        z-index: 1 !important;
    }
    
    .mobile-menu-close {
        text-align: right;
        padding: 20px 20px 10px 20px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #333;
    }
    
    .mobile-menu-close-btn {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 5px !important;
        color: #FFF !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .mobile-menu-close-btn:hover {
        color: #ee5c69 !important;
    }
    
    .header-nav--list li {
        padding: 12px 0 !important;
        margin-bottom: 5px !important;
    }
    
    .header-nav--list li a {
        font-size: 18px !important;
        color: #FFF !important;
        display: block !important;
        width: 100% !important;
        padding: 10px 0 !important;
        text-decoration: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
    
    .header-nav--list li a:hover {
        color: #ee5c69 !important;
    }
    
    .header-nav--list li a:active {
        color: #ee5c69 !important;
    }
    
    /* Выделение кнопки "Купить" в бургер-меню */
    .header-nav--list li a[href="#buy-product"] {
        background: linear-gradient(135deg, #8D1B2D 0%, #6B1522 100%) !important;
        color: #FFF !important;
        border-radius: 25px !important;
        padding: 15px 25px !important;
        text-align: center !important;
        font-weight: 700 !important;
        margin-top: 10px !important;
        box-shadow: 0 4px 15px rgba(141, 27, 45, 0.5) !important;
        transition: all 0.3s ease !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:hover {
        background: linear-gradient(135deg, #6B1522 0%, #8D1B2D 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(141, 27, 45, 0.7) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .header-nav--list li a[href="#buy-product"]:active {
        transform: translateY(0) !important;
        box-shadow: 0 2px 10px rgba(141, 27, 45, 0.5) !important;
    }

    .header-logo {
        flex: 1;
    }

    .header-company {
        display: none !important;
    }

    .content-title {
        font-size: 30px;
    }

    .products-item--tooltips {
        opacity: 0;
    }

    .products-item--description {
        width: 100%;
    }

    .products-item--img-face {
        opacity: .3;
    }
    
    /* Убеждаемся, что слайдер "О продукте" виден на мобильных */
    .products {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 400px !important;
    }
    
    .products.slick-initialized {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-track {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .products .slick-slide {
        display: none !important;
        float: none !important;
    }
    
    .products.slick-initialized .slick-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .products.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .products.slick-initialized .slick-slide.slick-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .products .products-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .products.slick-initialized .products-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Скрываем старый раздел slicer-row на мобильных */
    .slicer-row {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        min-height: 0 !important;
    }
    
    .slicer-row.slick-initialized {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .slicer-row .slick-list {
        display: none !important;
        visibility: hidden !important;
    }
    
    .slicer-row .slick-track {
        display: none !important;
        visibility: hidden !important;
    }
    
    .slicer-row .slick-slide {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slick-slide.slick-active {
        display: none !important;
    }
    
    .slicer-row .slicer-row--item {
        display: none !important;
    }
    
    .slicer-row.slick-initialized .slicer-row--item {
        display: none !important;
    }
    
    /* Убеждаемся, что слайдер "До и после" виден на мобильных */
    .ab-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 300px !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .ab-slider .slick-list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-track {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .ab-slider .slick-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider .slick-slide:not(.slick-active) {
        display: none !important;
    }
    
    .ab-slider .slick-slide.slick-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
    }
    
    .ab-slider .ab-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .ab-slider .ab-item img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .footer-social--list img, .footer-social--list svg {
        width: 42px;
        height: 42px;
    }

    .footer-tel {
        margin: 15px 0 5px 0;
        flex-direction: column;
        font-size: 12px;
        align-items: center;
    }
    
    .footer-addres {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .footer-copyright {
        margin-top: 5px;
    }

    .footer-tel a {
        margin: 0 0 5px;
        font-size: 18px;
    }

    .footer {
        text-align: center;
    }

    .footer-social--list {
        justify-content: center;
        margin-top: 20px;
    }

    .footer-social-max-text {
        font-size: 14px;
    }

    .footer-addres {
        font-size: 12px;
        line-height: 1.6 !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    
    .footer-addres br {
        display: block !important;
        line-height: 1.4 !important;
    }
    
    .footer-copyright {
        margin-top: 5px !important;
    }

    .footer-copyright {
        font-size: 10px;
    }
    
    /* Убеждаемся что кнопки мессенджеров в попапе видны на мобильных */
    .messenger-buttons {
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        gap: 15px !important;
        margin-top: 20px !important;
    }
    
    .messenger-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
    
    .messenger-btn--telegram,
    .messenger-btn--whatsapp,
    .messenger-btn--max {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .messenger-icon {
        width: 35px !important;
        height: 35px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .messenger-btn span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .products-item--description-img {
        max-width: unset;
    }

    .technology-img img {
        max-width: 200px;
    }

    .adventages-item--img {
        min-width: 66px;
    }

    .adventages-list .adventages-item:last-of-type img {
        width: 60px;
    }

    .ab-list ul {
        max-height: unset;
    }

    .adventages-description {
        line-height: 23px;
    }

    .video-row {
        padding: 15px;
        border-radius: 10px;
        background: #ffeef0;
    }

    .content-title.text-center {
        line-height: 32px;
    }

    .technology-description {
        margin-top: 12px;
    }
	
	.br-mobile{
		display: block;
	}
    
}