a[href="#opencart"] {
  animation: none !important; /* Отключить анимацию */
  transition: none !important; /* Отключить переходы */
  color: inherit !important; /* Сохранить цвет текста */
  pointer-events: auto; /* Оставить элемент кликабельным */
}







@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: 3px !important; -webkit-column-gap: 3px !important; gap: 10px 3px !important; / вертикальный gap = 10px, горизонтальный = 3px */ box-sizing: border-box !important; justify-content: flex-start !important; }

/* 2) По 1.5px padding у каждой колонки → суммарный промежуток ≈ 3px */ .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;
}
*/




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


}

/* Десктоп: 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;
}
*/


/* Десктоп: 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;
}
*/








/* Подключение 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; } */




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


}









/* скрываем исходный img */
.t706__product-del img { display: none !important; }

/* вставляем крестик через псевдоэлемент (подгоните размеры/цвет) */
.t706__product-del {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px; /* подгоните */
  cursor: pointer;
}
.t706__product-del:after {
  content: "×"; /* или "\00D7" */
  color: #333; /* цвет крестика */
  font-size: 16px;
  line-height: 1;
}





@media (max-width: 768px) { #rec742625074 .t-order-inserted-text { font-size: 14px !important; font-weight: 400 !important; line-height: 1.2; margin: 4px 0 6px 0 !important; color: inherit !important; } /* отступ после суммы */ #rec742625074 .t-sum-custom { margin-bottom: 2px !important; } }






















/* Общие настройки для заголовков табов (настольные — 18px) */
.t-store .t-store__tabs__button,
.t-store .t-store__tabs__button .t-store__tabs__button-title,
.t-store .t-store__tabs__button .t-name,
.js-store-tab-button,
.js-store-tab-button .t-name {
  font-family: 'STSANS', 'ST Sans', -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;       /* normal */
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Мобильные: 14px */
@media (max-width: 640px) {
  .t-store .t-store__tabs__button,
  .t-store .t-store__tabs__button .t-store__tabs__button-title,
  .t-store .t-store__tabs__button .t-name,
  .js-store-tab-button,
  .js-store-tab-button .t-name {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
}


.t-store__scroll-icon-wrapper {display: none !important;}


/* Скрываем блоки меню второго уровня по умолчанию */
#rec1738290121,
#rec1738290691,
#rec1738291741 {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

/* Показываем блоки при активном состоянии меню */
#rec1738289881.active ~ #rec1738290121,
#rec1738289881.active ~ #rec1738290691,
#rec1738289881.active ~ #rec1738291741,
#rec1738289881.active + #rec1738290121,
#rec1738289881.active + #rec1738290691,
#rec1738289881.active + #rec1738291741 {
  display: block !important;
  opacity: 1;
  visibility: visible;
  height: auto;
}

/* Стили для кнопки меню (опционально) */
#rec1738289881 {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#rec1738289881.active {
  background-color: rgba(255,255,255,0.1) !important;
}