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



/* Размер карточки 130x170, без скруглений (для фонового div) */
.t706__product-imgdiv,
.t706__product-thumb {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  overflow: hidden !important;

  width: 130px !important;
  height: 170px !important;

  background-size: cover !important;
  background-position: center !important;
}


/* Десктоп: 20px */
.t706__product-title a,
.t706__product-title {
  font-size: 20px !important;
  line-height: 1.2 !important;
}

/* Мобильные: 14px */
@media (max-width: 767px) {
  .t706__product-title a,
  .t706__product-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
}


/* Если нужно подключить кастомный файл шрифта — раскомментируйте и укажите свой URL */
/*
@font-face {
  font-family: 'STSANS';
  src: url('/fonts/STSANS-Regular.woff2') format('woff2'),
       url('/fonts/STSANS-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

/* Основные селекторы (замените, если у вас другие) */
.t706__product-title a,
.t706__product-title {
  font-family: 'STSANS', 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;   /* normal */
  font-style: normal !important;
  font-size: 20px !important;    /* десктоп */
  line-height: 1.2 !important;
}

/* Мобильные устройства: 14px */
@media (max-width: 767px) {
  .t706__product-title a,
  .t706__product-title {
    font-size: 14px !important;
  }
}



/* Подключение кастомного шрифта (если нужно) */
/*
@font-face {
  font-family: 'STSANS';
  src: url('/fonts/STSANS-Medium.woff2') format('woff2'),
       url('/fonts/STSANS-Medium.woff') format('woff');
  font-weight: 400;
  font-style: medium;
  font-display: swap;
}
*/

/* Селекторы заголовка корзины (использую классы с ваших скриншотов) */
.t706__cartwin-heading.t-name.t-name_xl,
.t-name_xl {
  font-family: 'STSANS', 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;   /* normal */
  font-style: normal !important;
  font-size: 20px !important;    /* веб */
  line-height: 1.2 !important;
}

/* Мобильные устройства: 16px */
@media (max-width: 767px) {
  .t706__cartwin-heading.t-name.t-name_xl,
  .t-name_xl {
    font-size: 16px !important;
  }
}


/* Убираем разделитель (линия) под заголовком "Моя корзина" */
.t706__cartwin-top {
  border-bottom: none !important;
  padding-bottom: 0 !important; /* при необходимости убрать отступ */
}

/* На случай, если линия реализована через  или псевдоэлемент */
.t706__cartwin-top hr,
.t706__cartwin-top::after,
.t706__cartwin-top::before {
  display: none !important;
  border: 0 !important;
}



/* Подключение кастомного шрифта (если нужно) */
/*
@font-face {
  font-family: 'STSANS';
  src: url('/fonts/STSANS-Regular.woff2') format('woff2'),
       url('/fonts/STSANS-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

/* Общие правила для чисел/quantity в корзине */
.t706__product-quantity,
.t706__product-quantity span,
.t706__product-quantity input,
.t706__cart-summary,
.t706__cart-count,
.t706__product .t706__product-quantity {
  font-family: 'STSANS', 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;   /* normal */
  font-style: normal !important;
  color: inherit !important;
  line-height: 1 !important;
}

/* Десктоп: 20px */
@media (min-width: 768px) {
  .t706__product-quantity,
  .t706__product-quantity span,
  .t706__product-quantity input,
  .t706__cart-summary,
  .t706__cart-count,
  .t706__product .t706__product-quantity {
    font-size: 20px !important;
  }
}

/* Мобильные: 14px */
@media (max-width: 767px) {
  .t706__product-quantity,
  .t706__product-quantity span,
  .t706__product-quantity input,
  .t706__cart-summary,
  .t706__cart-count,
  .t706__product .t706__product-quantity {
    font-size: 14px !important;
  }
}

/* Подключение кастомного шрифта STSANS (раскомментируйте и укажите свои URL, если нужно) */
/*
@font-face {
  font-family: 'STSANS';
  src: url('/fonts/STSANS-Regular.woff2') format('woff2'),
       url('/fonts/STSANS-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

/* Селекторы для цены в корзине / карточке товара — при необходимости замените на ваш точный селектор */
.t706__product-price,
.t706__price,
.t706__product-price-current,
.t706__product-price-value,
.t706__cart-price,
.t706__cartwin-total,
.t706__cartwin-totalamount,
.price,
[data-price] {
  font-family: 'STSANS', 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important; /* normal */
  font-style: normal !important;
  line-height: 1 !important;
  color: inherit !important;
}

/* Десктоп: 20px */
@media (min-width: 768px) {
  .t706__product-price,
  .t706__price,
  .t706__product-price-current,
  .t706__product-price-value,
  .t706__cart-price,
  .t706__cartwin-total,
  .t706__cartwin-totalamount,
  .price,
  [data-price] {
    font-size: 20px !important;
  }
}

/* Мобильные: 14px */
@media (max-width: 767px) {
  .t706__product-price,
  .t706__price,
  .t706__product-price-current,
  .t706__product-price-value,
  .t706__cart-price,
  .t706__cartwin-total,
  .t706__cartwin-totalamount,
  .price,
  [data-price] {
    font-size: 14px !important;
  }
}