/**
 * mobile.css — адаптивная вёрстка для мобильных устройств
 * Стили только через медиа-запросы. Дополняет десктопные стили.
 * Подключить после основных CSS-файлов.
 *
 * Учтённые файлы папки css:
 * - core.css       (контейнер, сетка, колонки, flexbe-row/column, карточки, типографика, модалка)
 * - style.css      (типографика h1–h6, apply-text-style через переменные)
 * - menu.css       (меню, дропдаун, пункты)
 * - button.css     (кнопки)
 * - form.css       (формы, поля, чекбоксы, select)
 * - icon.css       (иконки размеры)
 * - image.css      (изображения, контент, оверлей)
 * - logo.css       (логотип)
 * - slider.css     (слайдер, пагинация, thumbs)
 * - swiper.css     (кнопки слайдера, bullets)
 * - tabs.css       (табы)
 * - socials.css    (соцсети)
 * - video.css      (видео, кнопка play)
 * - bg.css         (фон, fixed/parallax на мобильных)
 * - bg-element_hover.css (без изменений для мобильных)
 * - _animations_basic.css (дистанция анимации модалок)
 * - _cookies.css   (блок cookies)
 * - _fixes.css     (без мобильных правок)
 * - 546b.css       (зона шапки zone_header, модалка BASIC)
 * - lightgallery.min.css (кнопки навигации; в библиотеке есть @media 570px)
 * - 1832402_6673133.css, 1835074_6486185.css, 1835075_3248411.css —
 *   страничные блоки [data-id]/[data-page-id], мобильные правила через body.adaptive-mobile в самих файлах.
 *   При использовании только медиа-запросов либо добавлять класс body.adaptive-mobile по JS, либо продублировать нужные селекторы сюда.
 */

/* ========== Планшеты и телефоны (до 767px) ========== */
@media (max-width: 767px) {

    /* --- _animations_basic.css + core.css: переменные для мобильных --- */
    :root {
        --animationSlideDistance: 10px;
        --containerWidth: 100%;
        --containerMaxWidth: calc(100vw - 0px);
        --headerElementsGap: 2px;
        --headerMaxWidth: calc(100% - 0px);
        --headerWidth: calc(var(--containerWidth) + 5px);
        --xsmallGap: 10px;
        --smallGap: 15px;
        --normalGap: 20px;
        --largeGap: 25px;
    }

    html {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        min-width: 320px;
        overflow-x: hidden;
    }

    /* --- core.css: контейнер и сетка --- */
    .container {
        width: var(--containerWidth) !important;
        max-width: min(var(--containerMaxWidth), 100%) !important;
        padding-left: var(--xsmallGap);
        padding-right: var(--xsmallGap);
    }

    .full-width.am-full-width .container,
    .am-full-width .container {
        --containerWidth: 100%;
        --containerMaxWidth: 100%;
    }

    /* --- core.css: колонки — на мобильных по умолчанию в одну колонку --- */
    .container>.col-2,
    .container>.col-3,
    .container>.col-4,
    .container>.col-5,
    .container>.col-6,
    .container>.col-7,
    .container>.col-8,
    .container>.col-9,
    .container>.col-10,
    .container>.col-11,
    .container>.col-12,
    .container>.col-13,
    .container>.col-14,
    .container>.col-15,
    .container>.col-16,
    .container>.col-17,
    .container>.col-18,
    .container>.col-19,
    .container>.col-20,
    .container>.col-21,
    .container>.col-22,
    .container>.col-23,
    .container>[data-cols]:not([data-cols="24"]) {
        flex-basis: 100%;
        max-width: 100%;
    }

    /* --- core.css: flexbe-row — перенос колонок --- */
    .flexbe-row {
        flex-wrap: wrap;
        margin: 0;
        gap: 10px;
    }

    .flexbe-row.first-row .flexbe-column:first-child {
        padding-top: 0;
    }

    .flexbe-row.last-row .flexbe-column:last-child {
        padding-bottom: 0;
    }

    /* --- core.css: flexbe-column — колонка на всю ширину --- */
    .flexbe-column {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        padding: calc(var(--gapSize, 20px) / 2) 0;
    }

    .flexbe-column.gap-item {
        padding: calc(var(--gapSize) / 2) 0;
    }

    .layout-type-column.am-full-width,
    .layout-type-column.full-width {
        padding-left: var(--gapSize, 20px);
        padding-right: var(--gapSize, 20px);
    }

    /* --- core.css: карточки — одна колонка по умолчанию --- */
    .flexbe-cards-root .flexbe-card {
        flex-basis: calc(100% - var(--gapSize, 20px));
        max-width: calc(100% - var(--gapSize, 20px));
    }

    .flexbe-cards-root .slider-pagination--cards {
        --paginationMargin: 10px;
    }

    .flexbe-cards-root.slider-enabled .flexbe-cards {
        flex-wrap: nowrap;
    }

    /* --- core.css: типографика (apply-text-style) --- */
    .apply-text-style,
    [class*=text-style-] {
        font-size: var(--fontSize_mobile, var(--fontSize));
        font-weight: var(--fontWeight_mobile, var(--fontWeight));
        line-height: var(--lineHeight_mobile, var(--lineHeight));
        letter-spacing: var(--letterSpacing_mobile, var(--letterSpacing));
        text-align: var(--textAlign_mobile, var(--textAlign, inherit));
        color: var(--currentColor_mobile, var(--currentColor));
    }

    /* --- core.css: provide-panel-safe-area --- */
    .provide-panel-safe-area {
        padding-top: 59px;
    }

    .provide-panel-safe-area .layout-type-header {
        padding-top: env(safe-area-inset-top);
    }

    /* Типографика (заголовки) */
    h1 {
        font-size: clamp(1.75rem, 5vw, 2.5rem);
    }

    h2 {
        font-size: clamp(1.5rem, 4vw, 2rem);
    }

    h3 {
        font-size: clamp(1.25rem, 3.5vw, 1.5rem);
    }

    h4 {
        font-size: clamp(1.125rem, 3vw, 1.25rem);
    }

    h5 {
        font-size: 1.125rem;
    }

    h6 {
        font-size: 1rem;
    }

    /* Контейнеры */
    .container-list {
        overflow-x: hidden;
    }

    /* Секции */
    .layout-type-section-title {
        margin-bottom: var(--normalGap, 30px);
    }

    .layout-type-section-footer {
        margin-top: var(--normalGap, 30px);
    }

    .gap-container {
        margin-left: calc(var(--gapSize) / -2);
        margin-right: calc(var(--gapSize) / -2);
        max-width: calc(100% + var(--gapSize));
    }

    .gap-item {
        margin: calc(var(--gapSize) / 2);
    }

    /* Шапка */
    .layout-type-header {
        gap: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-separator {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

    .provide-panel-safe-area .layout-type-header {
        padding-top: env(safe-area-inset-top);
    }

    /* --- 546b.css: зона шапки — колонка на мобильных --- */
    [data-e-id=zone_header][data-am-direction=column] {
        /* --headerMaxWidth: 360px; */
        --elementPaddingTop: 7px;
        --elementPaddingBottom: 7px;
        --elementPaddingRight: 0;
        --elementPaddingLeft: 0;
        flex-flow: column nowrap;
        min-height: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    [data-e-id=zone_header][data-am-direction=column] .element-item:not([data-am-element-justify]) {
        --elementJustify: center;
        --elementTextAlign: center;
        max-width: 100%;
        width: 100%;
    }

    [data-e-id=zone_header][data-am-direction=column] .element-item {
        align-self: var(--elementJustify, center);
        flex-basis: auto;
    }

    [data-e-id=zone_header][data-am-direction=column] [data-e-id=header_divider],
    [data-e-id=zone_header][data-am-direction=column] [data-e-id=header_spacer] {
        display: none;
    }

    [data-e-id=zone_header][data-am-direction=column] [data-e-id=header_logo] .component-logo {
        flex-shrink: 0;
    }

    /* --- bg.css: фон — fixed/parallax на мобильных --- */
    .component-bg[data-effect=fixed] {
        clip-path: inset(0);
    }

    .component-bg[data-effect=fixed] .image-holder,
    .component-bg[data-effect=fixed] .preview-holder {
        position: fixed;
        background-attachment: scroll;
        left: var(--fixedOffset);
        width: var(--100vw);
        height: var(--100lvh);
        will-change: transform;
        transform: translateZ(0);
    }

    .component-bg[data-mobile-video-enabled=false] .video-holder {
        display: none !important;
    }

    .component-bg[data-mobile-video-enabled=false] .image-holder {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .component-bg[data-effect-mobile=off] .layer {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-attachment: scroll !important;
        transform: none !important;
        will-change: auto !important;
    }

    .component-bg[data-effect-mobile=off] .image-holder {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .component-bg[data-effect-mobile=off] .parallax-holder {
        display: none !important;
    }

    /* --- _cookies.css: блок cookies на мобильных --- */
    .cookies-wrap.style--center_compact,
    .cookies-wrap.style--center_long,
    .cookies-wrap.style--right_bottom {
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        height: auto;
        flex-wrap: nowrap;
        flex-direction: row;
        opacity: 1;
        transform: translateY(150%);
        padding: 0;
        min-height: auto;
    }

    .cookies-wrap.style--center_compact .cookies-container,
    .cookies-wrap.style--center_long .cookies-container,
    .cookies-wrap.style--right_bottom .cookies-container {
        padding: 15px 15px 20px;
        box-shadow: 0 -5px 5px rgba(48, 52, 59, 0.03);
        text-align: left;
        min-width: 100%;
        width: 100%;
        border-radius: 0;
        justify-content: flex-start;
    }

    .cookies-wrap.style--center_compact .cookies-container:has(.cookies-close),
    .cookies-wrap.style--center_long .cookies-container:has(.cookies-close),
    .cookies-wrap.style--right_bottom .cookies-container:has(.cookies-close) {
        padding-right: calc(15px + 20px + 5px);
    }

    .cookies-wrap.style--center_compact .cookies-button-container,
    .cookies-wrap.style--center_long .cookies-button-container,
    .cookies-wrap.style--right_bottom .cookies-button-container {
        flex-wrap: wrap;
        max-width: 100%;
    }

    .cookies-wrap.style--center_compact .cookies-button,
    .cookies-wrap.style--center_long .cookies-button,
    .cookies-wrap.style--right_bottom .cookies-button {
        min-width: 120px;
        text-align: center;
        justify-content: center;
    }

    .cookies-wrap.show {
        transform: translate(0);
        opacity: 1;
    }

    /* Контент-зона и элементы */
    .content-zone {
        padding-left: var(--paddingLeft);
        padding-right: var(--paddingRight);
        padding-top: var(--paddingTop);
        padding-bottom: var(--paddingBottom);
    }

    .element-item--static {
        /* padding-left: var(--elementPaddingLeft);
        padding-right: var(--elementPaddingRight);
        padding-top: var(--elementPaddingTop);
        padding-bottom: var(--elementPaddingBottom); */
        padding-left: var(--elementPaddingLeft);
        padding-right: 0;
        padding-top: var(--elementPaddingTop);
        padding-bottom: var(--elementPaddingBottom);
    }

    .element-item.no-gutter {
        margin-left: calc(var(--paddingLeft, 0px) * -1);
        margin-right: calc(var(--paddingRight, 0px) * -1);
    }

    .element-content--free {
        max-width: 100%;
    }

    /* Кнопка закрытия */
    .close-times {
        width: 2.25em;
        height: 2.25em;
        min-width: 44px;
        min-height: 44px;
    }

    .m_modal .modal-data>.close-times {
        top: max(10px, env(safe-area-inset-top));
        right: 10px;
        margin-top: 0;
        margin-right: 0;
    }

    /* Модальное окно */
    .m_modal .scroller {
        padding: 20px 10px;
        -webkit-overflow-scrolling: touch;
    }

    .m_modal .modal-content {
        width: 100%;
        max-width: 100%;
    }

    [data-m-id=BASIC] {
        --width: min(400px, calc(100vw - 20px));
        --gapLeft: 20px;
        --gapRight: 20px;
        --gapTop: 20px;
        --gapBottom: 20px;
    }

    [data-m-id=BASIC] .close--inside {
        top: 7px;
        right: 7px;
    }

    /* Слайдер */
    .slider-button {
        min-width: 44px;
        min-height: 44px;
        --sliderButtonSize: 40px;
        --sliderButtonMargin: 5px;
    }

    .slider-button[data-direction=prev] {
        left: 10px;
    }

    .slider-button[data-direction=next] {
        right: 10px;
    }

    .slider-button.position--overlap[data-direction=prev] {
        left: 5px;
    }

    .slider-button.position--overlap[data-direction=next] {
        right: 5px;
    }

    .component-slider[data-pagination=inside] .component-image__content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .component-slider .fraction-pagination {
        font-size: 0.75rem;
        bottom: 8px;
    }

    .slider-pagination.type--thumbs .thumb-item {
        width: var(--thumbSize);
        height: var(--thumbSize);
    }

    .slider-pagination {
        --paginationMargin: 8px;
        padding: var(--paginationMargin) 0;
    }

    .slider-pagination.type--fraction {
        font-size: 0.8125rem;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .slider-pagination.size--large .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    /* Карточки */
    .flexbe-cards-root .slider-pagination--cards {
        --paginationMargin: 10px;
    }

    .flexbe-card {
        min-width: 0;
    }

    .flexbe-cards-wrapper {
        overflow: visible;
    }

    /* Изображения */
    .component-image__content {
        padding: 10px;
    }

    .component-image__scroll[data-size=large] {
        --titleSize: 1.5rem;
        --descSize: 0.9375rem;
    }

    .component-image__scroll[data-size=small] {
        --titleSize: 1rem;
    }

    .component-image__scroll[data-size=xsmall] {
        --titleSize: 0.875rem;
        --descSize: 0.75rem;
    }

    /* Видео */
    .component-video {
        padding-bottom: 56.25%;
    }

    .component-video__preview .play-btn {
        min-width: 44px;
        max-width: 80px;
    }

    .component-video__preview .play-icon {
        height: 24px;
        width: 22px;
    }

    /* Иконки */
    .component-icon.size--large {
        --iconSize: 56px;
    }

    .component-icon.size--medium {
        --iconSize: 48px;
    }

    .component-icon.size--small {
        --iconSize: 36px;
    }

    .component-icon.size--xsmall {
        --iconSize: 24px;
    }

    .component-icon {
        flex-shrink: 0;
    }

    /* Кнопки */
    .component-button {
        min-height: 44px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /* Меню */
    .component-menu {
        --gapX: 10px;
        --gapY: 8px;
    }

    .component-menu-list .menu-item-text {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .component-menu-dropdown .menu-item-text {
        padding: 10px 12px;
    }

    .component-menu-list .show-more svg {
        width: 16px;
    }

    .component-menu-list .breadcrumbs-active-item {
        font-size: 0.875em;
    }

    /* Полное мобильное поведение component-menu (из menu.css) */
    .component-menu-dropdown {
        max-width: calc(100vw - 20px);
    }

    .component-menu {
        overflow: visible;
    }

    .component-menu-list {
        flex-grow: 1;
    }

    .component-menu-list .folder-item .folder-arrow {
        transform: rotate(0deg);
    }

    .component-menu-list .folder-item.show>.folder-item-text .folder-arrow {
        transform: rotate(-180deg);
    }

    [data-direction-adaptive=row] .component-menu-list {
        flex-wrap: wrap;
        max-width: calc(100% + var(--gapX) * 2);
    }

    [data-direction-adaptive=column] .component-menu-list--root,
    [data-rollup-adaptive=true] .folder-item.show>.component-menu-list--nested {
        display: block;
    }

    [data-direction-adaptive=column] .component-menu-list {
        margin: 0;
    }

    [data-direction-adaptive=column] .component-menu-list .folder-arrow {
        margin-right: -10px;
    }

    [data-direction-adaptive=column] .component-menu-list .menu-item:after {
        display: none;
    }

    [data-direction-adaptive=column] .menu-item {
        padding: .05px;
    }

    [data-direction-adaptive=column] .menu-item-text {
        margin: 0;
        width: 100%;
        justify-content: var(--elementJustify, inherit);
    }

    .component-menu .component-menu-list--nested {
        position: relative;
        width: 100%;
        max-width: none;
        background: none;
        box-shadow: none;
        padding: var(--gapX) calc(var(--gapX));
        margin: 0;
        border-radius: 7px;
    }

    .component-menu .component-menu-list--nested .folder-item-text,
    .component-menu .component-menu-list--nested .menu-item-text {
        display: block;
        justify-content: inherit;
        opacity: 1;
    }

    .component-menu .component-menu-list--nested .folder-item-text span {
        width: auto;
        padding: 0;
    }

    .component-menu .component-menu-list--nested .folder-item-text .folder-arrow {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 10px;
    }

    [data-contrast=light] .component-menu-list--nested,
    [data-contrast] [data-contrast=light] .component-menu-list--nested {
        background: rgba(74, 74, 74, .15);
    }

    [data-contrast=dark] .component-menu-list--nested,
    [data-contrast] [data-contrast=dark] .component-menu-list--nested {
        background: hsla(0, 0%, 91%, .15);
    }

    /* Бургер мобильного меню (546b.css, [data-w-id=MENU01]) */
    [data-w-id=MENU01] .nav-header-controls--burger {
        cursor: pointer;
        min-width: 44px;
        min-height: 44px;
    }

    [data-w-id=MENU01] .nav-menu {
        display: flex;
        flex-flow: column;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        padding-top: 60px;
        z-index: 3000;
    }

    [data-w-id=MENU01] .nav-menu-container {
        max-width: 480px;
        margin: 0 auto;
        padding: 0 20px 20px;
    }

    [data-w-id=MENU01] .nav-menu-items-wrapper {
        padding: 10px 0 20px;
    }

    [data-w-id=MENU01] .nav-menu-item .element-item {
        min-height: 44px;
        padding: 8px 0;
    }

    [data-w-id=MENU01] .nav-menu-item.nav-menu-item--menu .component-menu-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px 0;
    }

    /* Формы */
    .component-form.inline {
        display: flex;
        flex-direction: column;
    }

    .component-form.inline .form-fields {
        flex-direction: column;
        margin-left: 0;
    }

    .component-form.inline .form-submit {
        margin-left: 0;
        margin-top: var(--formButtonGap, 20px);
    }

    .component-form .form-submit .component-button {
        width: 100%;
        max-width: 100%;
    }

    .form-field .form-field-text__input,
    .form-field-select .dropdown-select {
        min-height: 44px;
    }

    .form-field-checkbox-item .form-field-checkbox__box,
    .form-field-radio .form-field-radio__box {
        min-width: 44px;
        min-height: 44px;
    }

    .policy-data-warning__box {
        min-width: 20px;
        min-height: 20px;
    }

    .form-field-select .dropdown-select {
        min-height: 44px;
    }

    .select-container-in-body .dropdown-select-ul {
        max-height: 50vh;
    }

    /* Табы */
    .layout-type-tabs {
        margin-bottom: var(--smallGap, 20px);
    }

    .layout-type-tabs .tab-label {
        white-space: nowrap;
    }

    .layout-type-tabs.style--underlined .tab {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .layout-type-tabs.style--lined .tab,
    .layout-type-tabs.style--button-bordered .tab,
    .layout-type-tabs.style--button-filled .tab {
        padding: 10px 16px;
    }

    /* Социальные иконки */
    .component-socials {
        --socialMargin: 8px;
    }

    .component-socials.size--large {
        --socialSize: 22px;
    }

    .component-socials.size--medium {
        --socialSize: 18px;
    }

    .component-socials.size--small {
        --socialSize: 16px;
    }

    .component-socials .social {
        min-width: 44px;
        min-height: 44px;
        align-items: center;
        justify-content: center;
    }

    /* Логотип */
    .component-logo {
        max-width: min(var(--logoSizeAdaptive, 180px), 50vw);
    }

    /* Текст и цитаты */
    .element-text {
        word-break: break-word;
    }

    [data-e-id=text01] .quote-mark {
        width: 28px;
        height: 20px;
        margin-bottom: 12px;
    }

    [data-e-id=text01] [data-quote-style="1"] {
        padding-left: min(1.2ch, 18px);
    }

    /* Lightgallery */
    .lg-outer .lg-item {
        padding: 10px 5px;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        width: 44px;
        height: 44px;
    }

    /* Cookies */
    .cookies-wrap .cookies-container {
        font-size: 0.8125rem;
    }

    .cookies-wrap .cookies-button {
        min-height: 44px;
        padding: 10px 16px;
    }

    /* Swiper mobile helper */
    .swiper-mobile-helper {
        width: 36px;
        height: 36px;
    }

    .flexbe-cards-slider .swiper-mobile-helper {
        right: -20px;
    }

    /* Утилиты */
    .fr-dib,
    .fr-dii {
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    [data-id="944219302"],
    body.adaptive-mobile [data-id="944219302"],
    [data-id="485974610"],
    body.adaptive-mobile [data-id="485974610"],
    [data-id="524723571"],
    body.adaptive-mobile [data-id="524723571"],
    [data-id="852573"],
    [data-id="238179009"],
    [data-id="100941005"] {
        --elementOpacity: 1;
        --paddingLeft: 0px;
        --paddingRight: 0px;
        --paddingTop: 0px;
        --paddingBottom: 0px;
    }

    [data-id="959254560"],
    [data-id="566685489"],
    [data-id="173619084"],
    [data-id="107351954"] {
        display: none;
    }

    #menu-wrapper {
        height: fit-content;
        width: fit-content;
    }

    #hamburger-menu {
        position: relative;
        width: 26px;
        height: 14px;
        cursor: pointer;
    }

    #hamburger-menu span {
        opacity: 1;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 0px;
        color: black;
        background: #ef3423;
        position: absolute;
        transform: rotate(0deg);
        transition: .4s ease-in-out;
    }

    #hamburger-menu span:nth-child(1) {
        top: 0;
    }

    #hamburger-menu span:nth-child(2) {
        top: 6px;
    }

    #hamburger-menu span:nth-child(3) {
        top: 12px;
    }

    #hamburger-menu.open span:nth-child(1) {
        transform: translateY(6px) rotate(135deg);
    }

    #hamburger-menu.open span:nth-child(2) {
        opacity: 0;
        transform: translateX(-15px);
    }

    #hamburger-menu.open span:nth-child(3) {
        transform: translateY(-6px) rotate(-135deg);
    }

    [data-id="983744976"] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .element-983744976 {
        width: auto;
    }

    .component-logo a {
        position: relative;
    }

    [data-page-id="1835074"] [data-id="652014507"] {
        width: 100%;
    }

    [data-id="107351954"] {
        width: 100%;
        margin: 0 !important;
        background: #fff;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 10000;
    }

    [data-id="107351954"] [data-direction-adaptive=column] .menu-item-text {
        justify-content: left;
        padding: 10px;
        text-align: left;
    }

    [data-b-id=BUNDLE] .main-area_spacer--top {
        height: 0;
    }

    [data-b-id=BUNDLE] .main-area_spacer {
        margin-top: 20px;
    }

    .layout-type-tabs.steklo-header .tab-wrap {
        max-width: 100%;
    }

    /* [data-e-id=zone]>.elements-list {
        padding: 0;
    } */

    #reviews-block {
        width: 100%;
        margin-top: 10px;
    }

    .element-711570315 {
        width: 100%;
    }

    .copyright {
        flex-direction: column-reverse;
        justify-content: start;
        gap: 10px;
        margin-top: 20px;
        border-top: 1px solid #434343;
    }
    .copyright span {
        width: 100%;
    }

    .element-140570704 {
        justify-content: left;
    }

    .element-655351546 .text-style-content {
        text-align: left;
    }
    [data-b-id=HEADER] .header-wrapper {
        padding-bottom: 0;
        padding-top: 0;
    }
    .component-logo {
        aspect-ratio: auto;
    }
    .zone-660317862 [data-e-id=zone]>.elements-list {
        flex-flow: wrap;
    }
    .zone-660317862 .flexbe-cards-root .flexbe-card {
        flex-basis: max-content;
    }
    .zone-660317862 .cards-1 .flexbe-card {
        display: grid;
        width: 100%;
    }
    .zone-660317862 [data-e-id=zone].content-zone--double .elements-list--first .element-item.no-gutter {
        margin-right: 0 !important;
    }
    .zone-660317862 .col-15, 
    .zone-660317862 [data-cols="15"] {
        min-width: 100%;
    }
    .zone-660317862 [data-e-id=zone].content-zone--double .elements-list--first {
        padding-right: 0 !important;
    }
    .zone-660317862 [data-e-id=zone].content-zone--double .elements-list--last {
        padding-right: 15px !important;
        padding-left: 15px !important;
        width: 100%;
        max-width: 100%;
    }
    .zone-660317862 [data-e-id=media01] [data-component] {
        border-radius: 10px 10px 0 0;
    }
    [data-id="604468021"] {
        padding: 0;
    }
}

/* ========== Очень маленькие экраны (до 360px) ========== */
@media (max-width: 360px) {

    .container,
    .layout-type-header {
        padding-left: 8px;
        padding-right: 8px;
    }

    .close-times {
        min-width: 40px;
        min-height: 40px;
    }

    .m_modal .modal-data>.close-times {
        right: 8px;
        top: 8px;
    }

    .slider-button[data-direction=prev] {
        left: 5px;
    }

    .slider-button[data-direction=next] {
        right: 5px;
    }

    [data-m-id=BASIC] {
        --gapLeft: 10px;
        --gapRight: 10px;
        --gapTop: 10px;
        --gapBottom: 10px;
    }
}