@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 screen and (max-width: 640px) { /* Основной селектор — ваш контейнер / .t451m__container.t-align_left { width: 100vw !important; max-width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 42px 16px 25px !important; / корректируйте отступы при необходимости / box-sizing: border-box !important; position: fixed !important; / фиксируем, чтобы перекрыть возможные смещения / top: 0 !important; bottom: 0 !important; height: 100vh !important; transform: none !important; / отключаем transform/translate */ -webkit-transform: none !important; overflow-y: auto !important; z-index: 99999 !important; }

/* Ещё — если контейнер обёрнут в элемент с классами типа .t451 или .t451m_left.t451m__menu_show, задаём и ему, чтобы убрать отступы/ширины у родителя */ .t451.t451m_left.t451m__menu_show, .t451m_left.t451m__menu_show, .t451.t451m__left.t451m__menu_show { width: 100vw !important; max-width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } }

@media screen and (max-width: 640px) { .t451m__container.t-align_left { width: 100vw !important; max-width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 72px 16px 25px !important; /* отступ сверху увеличен для логотипа */ box-sizing: border-box !important; position: fixed !important; top: 0 !important; bottom: 0 !important; height: 100vh !important; transform: none !important; -webkit-transform: none !important; overflow-y: auto !important; z-index: 99999 !important; }

.t451.t451m_left.t451m__menu_show, .t451m_left.t451m__menu_show, .t451.t451m__left.t451m__menu_show { width: 100vw !important; max-width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }

/* Показываем и позиционируем логотип в раскрытом меню */ .t451m_left.t451m__menu_show .t451__logo_container, .t451m_left.t451m__menu_show .t451__logo_content, .t451m_left.t451m__menu_show a.t451__logo, .t451m_left.t451m__menu_show img.t451__logo__img, .t451m__menu_show img.t451__logo__img { display: block !important; visibility: visible !important; opacity: 1 !important; }

/* Позиционирование самого элемента ссылки/изображения логотипа */ .t451m_left.t451m__menu_show a.t451__logo { position: absolute !important; top: 16px !important; left: 16px !important; z-index: 100000 !important; padding: 0 !important; margin: 0 !important; }

.t451m_left.t451m__menu_show img.t451__logo__img { position: relative !important; /* внутри ссылки / display: block !important; width: auto !important; height: auto !important; max-width: 40% !important; / ограничение ширины логотипа — подкорректируйте при необходимости */ max-height: 48px !important; box-sizing: border-box !important; }

/* Если логотип находится внутри .t451__logo_container вне .t451m_left, добавить запасной селектор */ .t451m__menu_show .t451__logo_container a.t451__logo, .t451m__menu_show .t451__logo_container img.t451__logo__img { display: block !important; position: absolute !important; top: 16px !important; left: 16px !important; z-index: 100000 !important; } }

@media screen and (max-width: 640px) { .t451m__container.t-align_left { padding-top: 20px !important; /* отступ сверху под логотип */ position: relative !important; }




@media screen and (max-width: 640px) { .t451m__container.t-align_left { position: relative !important; padding-top: 20px !important; }

.t451m__container.t-align_left::before { content: ""; position: absolute; top: 12px; left: 16px; width: 100px; /* подкорректируйте / height: 69px; / подкорректируйте */ background-image: url("https://static.tildacdn.com/tild3833-6639-4230-a237-623531373038/MagicEraser_2502131.PNG"); background-size: contain; background-repeat: no-repeat; background-position: left center; display: block; z-index: 100000; pointer-events: auto; }

/* чтобы родители не обрезали */ .t451m_left.t451m__menu_show, .t451m__container.t-align_left { overflow: visible !important; } }