@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; } }

/* уменьшить видимый крестик, оставить большую зону клика / #rec1411561971 .t451m__close-button, #rec1411561971 button.t451m__close, #rec1411561971 .t451m__close { width: 44px !important; / зона клика */ height: 44px !important; padding: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; background: transparent !important; border: none !important; box-sizing: border-box !important; }