/* ============================================
   FIX ТОЛЬКО для мобильных отступов Tilda
   НЕ трогает десктопную версию
   ============================================ */

/* 1. ТОЛЬКО для мобильных устройств (до 767px) */
@media (max-width: 767px) {
    /* Базовое предотвращение горизонтального скролла */
    html, body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Основной контейнер Tilda - фиксируем отступы */
    .t-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Контейнер для 100% ширины */
    .t-container_100 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Секции - убираем лишние отступы */
    .t-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Контент внутри секций */
    .t-section__content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Элементы сетки Tilda */
    .t-col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Карточки товаров (если есть) */
    .t396__artboard {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Блок с фильтром (если есть) */
    .t396__filter {
        left: 0 !important;
        right: 0 !important;
    }
}

/* 2. ТОЛЬКО для очень маленьких экранов (до 320px) */
@media (max-width: 320px) {
    .t-container,
    .t-container_100 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* 3. ТОЛЬКО для планшетов (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .t-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* 4. Минимальный сброс без влияния на десктоп */
@media (max-width: 767px) {
    * {
        box-sizing: border-box;
    }
    
    img, video, iframe {
        max-width: 100%;
        height: auto;
    }
}

/* 5. Безопасные зоны для iPhone (только мобильные) */
@supports (padding: max(0px)) {
    @media (max-width: 767px) {
        .t-container,
        .t-container_100,
        .t-section {
            padding-left: max(16px, env(safe-area-inset-left)) !important;
            padding-right: max(16px, env(safe-area-inset-right)) !important;
        }
    }
    
    @media (max-width: 320px) {
        .t-container,
        .t-container_100 {
            padding-left: max(12px, env(safe-area-inset-left)) !important;
            padding-right: max(12px, env(safe-area-inset-right)) !important;
        }
    }
}

/* Альтернативные варианты */
@media (max-width: 768px) {
  /* Вариант 1: Если блок 123 имеет класс */
  .t123 .t-filter__panel {
    margin-left: 0 !important;
  }
  
  /* Вариант 2: Более общий вариант */
  .tn-atom .t-filter__panel {
    padding-left: var(--t-container-padding, 20px) !important;
  }
  
  /* Вариант 3: Сдвиг всего контейнера */
  [data-elem-id="123"] {
    transform: translateX(-10px) !important;
  }
}