@media (max-width: 480px) { /* 1) Уменьшаем общий padding мобильного контейнера и задаём горизонтальный gap = 2px / .js-store-grid-cont.t-store__grid-cont.t-store__grid-cont_mobile-grid, .js-store-grid-cont.t-store__grid-cont.t-store__grid-cont_mobile-grid.t-store__grid-cont_mobile-two-columns { padding-left: 0 !important; padding-right: 0 !important; column-gap: 2px !important; -webkit-column-gap: 2px !important; gap: 10px 2px !important; / вертикальный gap = 10px, горизонтальный = 2px */ box-sizing: border-box !important; justify-content: flex-start !important; }

/* 2) По 1px padding у каждой колонки → суммарный промежуток ≈ 2px */ .t-store__grid-cont .t-col, .t-store__grid-cont .t-col_4, .js-product.t-store__card.t-col_4 { padding-left: 1px !important; padding-right: 1px !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }

/* 3) На всякий случай убираем лишние внешние margin у карточек/изображений */ .t-store__card { margin-left: 0 !important; margin-right: 0 !important; } .t-store__card__imgwrapper { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }

/* 4) Если Tilda ставит padding через класс t-container у родителя — принудительно обнулим */ .js-store-grid-cont.t-store__grid-cont.t-container { padding-left: 0 !important; padding-right: 0 !important; } }


@media (max-width: 480px) { /* Общая подстройка (бережно включаем box-sizing) */ .t451, .t451__container, .t451__leftside, .t451__side, .t451__side_burger, .t451__panel, .t451__menu { box-sizing: border-box !important; }

/* Делаем боковую панель фиксированной и узкой (100px) при раскрытии / div.t451__leftside.t451__side.t451__side_burger, .t451__leftside.t451__side, .t451__side_burger, .t451__panel, .t451_open, .t451__menu_show, .t451_show { position: fixed !important; top: 0 !important; left: 0 !important; / если хотите справа — заменить на right:0 / width: 100px !important; max-width: 100px !important; height: 100vh !important; z-index: 99999 !important; overflow-y: auto !important; background: #ffffff !important; / фон панели / padding-left: 6px !important; padding-right: 6px !important; transform: translateX(0) !important; / если меню скрывается через трансформы */ }

/* Подгоняем внутренности меню — список, элементы */ .t451__menu .t451__list, .t451__menu .t451__list_item, .t451__menu ul, .t451__menu li { width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

/* Подвинуть/переместить кнопку закрытия внутрь узкой панели */ .t451__close, .t451__close-button { right: 8px !important; top: 8px !important; } }