/* Общий слой нового дизайна для страниц на теме Aspro (каталог, комплекты, статьи, компания, контакты, акции,
   корзина, поиск, опт). Язык главной: заголовки Montserrat 600, плитки с рамкой 2px #e2e2e2 и скруглением 20,
   метки-пилюли, оранжевые пилюли-кнопки, крошки через «—». Страницы товара не подключают этот файл. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/tm/fonts/inter-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/tm/fonts/inter-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+20BD;
}
:root {
  --tm-line: #e2e2e2;
  --tm-line-hover: #cfcfcf;
  --tm-radius: 20px;
  --tm-ink: #333;
  --tm-muted: #888;
  --tm-accent: #ff7e29;
  --tm-accent-press: #f26b12;
}
/* ── заголовок страницы и крошки ─────────────────────────── */
#tm-root.tm-skin .page-top h1,
#tm-root.tm-skin .page-top h1#pagetitle.switcher-title,
#tm-root.tm-skin .blog-page h1 {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(34px, 3.1vw, 60px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em;
  color: var(--tm-ink) !important;
}
#tm-root.tm-skin .page-top .element-count {
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 13px !important;
}
#tm-root.tm-skin .page-top .breadcrumbs {
  margin-top: 10px;
}
#tm-root.tm-skin .page-top .breadcrumbs__item-name {
  font-size: 13px !important;
  color: #999 !important;
}
#tm-root.tm-skin .page-top .breadcrumbs__link:hover .breadcrumbs__item-name {
  color: var(--tm-ink) !important;
}
#tm-root.tm-skin .page-top .breadcrumbs__separator {
  color: #ddd !important;
}
/* ── общие поверхности: рамка 2px,
#tm-root.tm-skin скругление 20 ──────────── */
#tm-root.tm-skin .contacts-list__item.bordered,
#tm-root.tm-skin .contacts__sticky-panel,
#tm-root.tm-skin .contacts__map,
#tm-root.tm-skin .blog-list .module-pagination,
#tm-root.tm-skin .sale-list__item,
#tm-root.tm-skin .bx-soa-section,
#tm-root.tm-skin .tm-cart-table,
#tm-root.tm-skin .search-page .searchinput {
  border-radius: var(--tm-radius) !important;
}
#tm-root.tm-skin .contacts-list__item.bordered,
#tm-root.tm-skin .contacts__sticky-panel,
#tm-root.tm-skin .contacts__map {
  border: 2px solid var(--tm-line) !important;
  box-shadow: none !important;
  overflow: hidden;
}
#tm-root.tm-skin .contacts-list__item.bordered:hover {
  border-color: var(--tm-line-hover) !important;
}
#tm-root.tm-skin .contacts__sticky-panel__image,
#tm-root.tm-skin .contact-property--image {
  border-radius: 0 !important;
}
#tm-root.tm-skin .sale-list__item {
  overflow: hidden;
}
/* кнопки темы → оранжевые пилюли */
#tm-root.tm-skin .btn.btn-default,
#tm-root.tm-skin .btn.btn-transparent-border,
#tm-root.tm-skin .contacts__sticky-panel .btn {
  border-radius: 999px !important;
}
#tm-root.tm-skin .btn.btn-default:not(.btn-transparent-border) {
  background: var(--tm-accent) !important;
  border-color: var(--tm-accent) !important;
  color: #fff !important;
}
#tm-root.tm-skin .btn.btn-default:not(.btn-transparent-border):hover {
  background: var(--tm-accent-press) !important;
  border-color: var(--tm-accent-press) !important;
}
#tm-root.tm-skin .btn.btn-transparent-border {
  border: 1.5px solid var(--tm-accent) !important;
  background: #fff !important;
  color: var(--tm-accent) !important;
}
#tm-root.tm-skin .btn.btn-transparent-border:hover {
  background: var(--tm-accent) !important;
  color: #fff !important;
}
/* ── каталог: сортировка и фильтр ────────────────────────── */
#tm-root.tm-skin .filter-panel {
  border: 2px solid var(--tm-line) !important;
  border-radius: var(--tm-radius) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#tm-root.tm-skin .bx_filter_parameters_box_title.bordered {
  border-radius: 999px !important;
  box-shadow: none !important;
  padding-left: 16px !important;
  padding-right: 32px !important;
}
#tm-root.tm-skin .bx_filter_parameters_box.active .bx_filter_parameters_box_title.bordered,
#tm-root.tm-skin .bx_filter_parameters_box.opened .bx_filter_parameters_box_title.bordered {
  border-color: var(--tm-ink) !important;
}
#tm-root.tm-skin .bx_filter_block,
#tm-root.tm-skin .dropdown-menu-wrapper .dropdown-menu-inner {
  border-radius: 14px !important;
}
/* ── карточка каталога / комплекта (.tmk) ────────────────── */
#tm-root.tm-skin .tmk .catalog-block__item {
  border: 2px solid var(--tm-line) !important;
  border-radius: var(--tm-radius) !important;
  box-shadow: none !important;
  padding: 18px !important;
  transition: border-color 0.2s;
}
#tm-root.tm-skin .tmk:hover .catalog-block__item {
  border-color: var(--tm-line-hover) !important;
}
#tm-root.tm-skin .tmk__img {
  border-radius: 12px !important;
  background: #fff !important;
}
#tm-root.tm-skin .tmk__img img {
  object-fit: contain !important;
}
#tm-root.tm-skin .tmk .tmk__stickers {
  position: absolute;
  top: 26px;
  left: 26px;
  z-index: 1;
}
#tm-root.tm-skin .tmb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#tm-root.tm-skin .tmb-chip {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  font: 600 11px/1 "Inter", "Montserrat", Arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
}
#tm-root.tm-skin .tmb-chip--dark {
  background: #2c2c2c;
  color: #ddd;
}
#tm-root.tm-skin .tmb-chip--new {
  background: #d428ff;
}
#tm-root.tm-skin .tmb-chip--sale {
  background: #2885ff;
}
#tm-root.tm-skin .tmk__name {
  font: 500 17px/1.3 "Montserrat", Arial, sans-serif !important;
  color: #222 !important;
}
#tm-root.tm-skin .tmk:hover .tmk__name {
  color: var(--tm-accent) !important;
}
#tm-root.tm-skin .tmk__price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font: 600 20px/1 "Montserrat", Arial, sans-serif !important;
  color: #222 !important;
}
#tm-root.tm-skin .tmk__price s {
  font: 400 14px/1 "Montserrat", Arial, sans-serif;
  color: #999;
}
#tm-root.tm-skin .tmk .btn {
  border-radius: 999px !important;
}
/* ── статьи ──────────────────────────────────────────────── */
#tm-root.tm-skin .blog-list__item.bordered {
  border: 0 !important;
  box-shadow: none !important;
}
#tm-root.tm-skin .blog-list .sticker__item--bordered {
  border-radius: 3px !important;
}
#tm-root.tm-skin .blog-list__item-title a {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  color: #222 !important;
}
#tm-root.tm-skin .blog-list__item-title a:hover {
  color: var(--tm-accent) !important;
}
#tm-root.tm-skin .blog-list .module-pagination {
  border-width: 2px !important;
}
/* ── текстовые страницы (компания,
#tm-root.tm-skin политика,
#tm-root.tm-skin статья) ─────── */
#tm-root.tm-skin .content h2,
#tm-root.tm-skin .content h3,
#tm-root.tm-skin .detail-text h2,
#tm-root.tm-skin .detail-text h3 {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  color: var(--tm-ink) !important;
}
/* ── контакты ────────────────────────────────────────────── */
#tm-root.tm-skin .contacts-list__item-title {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
}
#tm-root.tm-skin .tm-contacts-privacy {
  border: 2px solid var(--tm-line) !important;
  border-radius: var(--tm-radius) !important;
  background: #fff !important;
}
/* ── корзина и оформление ────────────────────────────────── */
#tm-root.tm-skin .tm-cart-table {
  border: 2px solid var(--tm-line) !important;
  overflow: hidden;
}
#tm-root.tm-skin .tm-empty .btn,
#tm-root.tm-skin .tm-empty a {
  border-radius: 999px !important;
}
/* ── поиск ───────────────────────────────────────────────── */
#tm-root.tm-skin .search-page .searchinput input,
#tm-root.tm-skin .search-page input.q {
  border-radius: 999px !important;
  border: 2px solid var(--tm-line) !important;
}
/* правки по скринам */
#tm-root.tm-skin .tm-contacts-privacy {
  border: 2px solid var(--tm-line) !important;
  border-radius: var(--tm-radius) !important;
  background: #fff !important;
  padding: 24px 28px !important;
}
#tm-root.tm-skin .contacts-list__item-title,
#tm-root.tm-skin .contacts-list__item-title a {
  color: var(--tm-ink) !important;
}
#tm-root.tm-skin .contacts-list__item:hover .contacts-list__item-title,
#tm-root.tm-skin .contacts-list__item:hover .contacts-list__item-title a {
  color: var(--tm-accent) !important;
}
#tm-root.tm-skin .tm-cart-empty a,
#tm-root.tm-skin .tm-cart-order,
#tm-root.tm-skin .tm-cart-wrap .tm-btn,
#tm-root.tm-skin .tm-cart-wrap button[type="submit"] {
  border-radius: 999px !important;
}
#tm-root.tm-skin .sale-list__item,
#tm-root.tm-skin .sale-list__item-image-wrapper {
  border-radius: var(--tm-radius) !important;
  overflow: hidden;
}

/* ── по макету дизайнера: пилюли, рамки, шрифты — как на главной ── */
:root {
  --tm-line: #e1e1e1;
  --tm-accent: #ff7e28;
}
#tm-root.tm-skin .tmb-chip {
  height: 30px;
  padding: 0 14px;
  border-radius: 15px;
  font: 600 12px/1 "Inter", "Montserrat", Arial, sans-serif;
  letter-spacing: 0.01em;
}
#tm-root.tm-skin .tmk .catalog-block__item {
  border-color: var(--tm-line) !important;
}
#tm-root.tm-skin .tmk__name {
  font: 600 17px/1.25 "Montserrat", Arial, sans-serif !important;
  color: #333 !important;
}
#tm-root.tm-skin .tmk__price {
  font: 700 22px/1 "Montserrat", Arial, sans-serif !important;
  color: #333 !important;
}
#tm-root.tm-skin .tmk__price s {
  font: 400 15px/1 "Montserrat", Arial, sans-serif;
  color: #999;
}
#tm-root.tm-skin .tmk__off {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  height: 24px;
  margin-bottom: 8px;
  padding: 0 10px;
  border: 1px solid var(--tm-accent);
  border-radius: 999px;
  font: 500 13px/1 "Montserrat", Arial, sans-serif;
  font-style: normal;
  color: var(--tm-accent);
}
#tm-root.tm-skin .tmk .tmk__status {
  font: 400 13px/1.2 "Inter", "Montserrat", Arial, sans-serif;
}
/* кнопки — оранжевая обводка, как стрелки-кружки макета; заливка при наведении */
#tm-root.tm-skin .btn.btn-transparent-border {
  border-width: 2px !important;
}
/* заголовки страниц — Montserrat 600, как «Выбор для вас» */
#tm-root.tm-skin .page-top h1,
#tm-root.tm-skin .page-top h1#pagetitle.switcher-title {
  color: #1e1e1e !important;
}
#tm-root.tm-skin .tmk__off {
  margin-top: auto;
}
#tm-root.tm-skin .tmk__off + .tmk__bottom {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* крошки на страницах разделов скрыты */
#tm-root.tm-skin .page-top .breadcrumbs {
  display: none !important;
}
