@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;
  }
}
/* Подключение кастомного шрифта (раскомментируйте и пропишите пути, если нужно) */
/*
@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__cartwin-prodamount-price,
.t706__cartwin-prodamount-currency {
  font-family: 'STSANS', "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;        /* normal */
  font-style: normal !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
  display: inline-block !important;
  color: inherit !important;
}

/* Десктоп: 20px */
@media (min-width: 768px) {
  .t706__cartwin-prodamount-price,
  .t706__cartwin-prodamount-currency {
    font-size: 20px !important;
  }
}

/* Мобильные: 14px */
@media (max-width: 767px) {
  .t706__cartwin-prodamount-price,
  .t706__cartwin-prodamount-currency {
    font-size: 14px !important;
  }
}


/* Увеличить ширину блока опции названия до 200px */
t706__cartwin .t706__product-title__option {
  display: inline-block !important;   /* если было inline, делаем inline-block */
  width: 200px !important;
  max-width: 200px !important;
  box-sizing: border-box !important;  /* учитываем padding/границы в ширине */
  white-space: normal !important;     /* разрешаем перенос строк */
  word-wrap: break-word !important;
}



/* Подключение STSANS (если нужно — раскомментируйте и укажите путь) / / @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__cartwin-prodamount-wrap, .t706__cartwin-prodamount { display: block !important; text-align: left !important; margin-top: 8px !important; 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.2 !important; }

/* конкретные части внутри блока */ .t706__cartwin-prodamount-label, .t706__cartwin-prodamount-price, .t706__cartwin-prodamount-currency { display: inline-block; vertical-align: middle; }

/* Десктоп: 20px */ @media (min-width: 768px) { .t706__cartwin-prodamount-wrap, .t706__cartwin-prodamount, .t706__cartwin-prodamount-label, .t706__cartwin-prodamount-price, .t706__cartwin-prodamount-currency { font-size: 20px !important; } }

/* Мобильные: 14px */ @media (max-width: 767px) { .t706__cartwin-prodamount-wrap, .t706__cartwin-prodamount, .t706__cartwin-prodamount-label, .t706__cartwin-prodamount-price, .t706__cartwin-prodamount-currency { font-size: 14px !important; } }

/* Дополнительно — если нужно добавить небольшой отступ под заголовком */ .t706__cartwin-top .t706__cartwin-heading + .t706__cartwin-prodamount-wrap { margin-top: 6px; }


/* 1) Убираем бордер/разделитель под карточками товара */
.t706__cartwin-products .t706__product,
.t706__product {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 2) Скрываем любые  внутри корзины (если линия реализована как hr) */
.t706__cartwin-content hr,
.t706__cartwin-products hr,
.t706__cartwin hr,
.t706__cartwin-top hr {
  display: none !important;
}

/* 3) Убираем верхний бордер/линейку перед блоком "Сумма" */
.t706__cartwin-bottom,
.t706__cartwin-prodamount-wrap,
.t706__cartwin-prodamount {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) На всякий случай — убираем бордеры у родительских контейнеров корзины */
.t706__cartwin,
.t706__cartwin-content,
.t706__cartwin-top,
.t706__cartwin-products {
  border: 0 !important;
}

/* 5) (опционально) Если линия стоит как :before/:after — скрываем псевдоэлементы */
.t706__cartwin-products::before,
.t706__cartwin-products::after,
.t706__cartwin-top::before,
.t706__cartwin-top::after {
  display: none !important;
  content: none !important;
}



/* Подключение STSANS (если нужно — раскомментируйте и укажите пути) */
/*
@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;
}
*/

/* Текст "Сумма" — шрифт STSANS, normal, выравнивание влево */
.t706__cartwin-prodamount-label,
.t706__cartwin-prodamount-wrap,
.t706__cartwin-prodamount {
  display: block !important;
  text-align: left !important;   /* выравнивание по левому краю */
  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.2 !important;
}

/* Десктоп: 20px */
@media (min-width: 768px) {
  .t706__cartwin-prodamount-label,
  .t706__cartwin-prodamount-wrap,
  .t706__cartwin-prodamount {
    font-size: 20px !important;
  }
}

/* Мобильные: 14px */
@media (max-width: 767px) {
  .t706__cartwin-prodamount-label,
  .t706__cartwin-prodamount-wrap,
  .t706__cartwin-prodamount {
    font-size: 14px !important;
  }
}

/* Фиксируем шапку только когда открыта корзина (Tilda добавляет класс на body) */
body.t706__cartwin_showed #rec1411561971,
body.t706__cartwin_shown #rec1411561971 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  background: #ffffff !important;             /* фон, чтобы не просвечивало */
  box-shadow: 0 1px 8px rgba(0,0,0,0.08) !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Резерв: если в вашей теме другой класс на body при открытой корзине,
   добавьте его аналогично (например body.t706__cartwin_opened #rec1411561971) */






















Код: @media (max-width: 767px) { /* фиксируем шапку сверху на мобильных / #rec1411561971 { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 10000 !important; width: 100% !important; background: #ffffff !important; / нужно, чтобы было непрозрачно / box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important; transform: none !important; / на случай, если тема использует transform */ visibility: visible !important; opacity: 1 !important; }

/* отступаем содержимое корзины вниз на высоту шапки (подставьте реальное значение) / .t706__cartwin, .t706__cartwin-content, .t706__cartwin .t706__cartwin-top, .t706__cartwin .t706__cartwin-products { padding-top: 70px !important; /