@charset "UTF-8";
/* ============================================================================
   TORGSOFT STORE — main.css
   store.torgsoft.ua

   Кольори, відступи та висоти керуються токенами нижче.
   ПРАВИЛО: не додавайте нові hex-кольори в тіло файлу.
   Потрібен новий відтінок — заведіть токен тут.

   Джерело палітри: torgsoft-brand-guidelines-v1-3.html
   ============================================================================ */

:root {

  /* ---- ПАЛІТРА БРЕНДБУКУ (не змінювати) ---------------------------------- */
  --ts-brand-red:          #D30000;  /* логотип, ключові акценти, знижки      */
  --ts-brand-terracotta:   #D43911;  /* кнопки дії, активні елементи, hover   */
  --ts-brand-terracotta-d: #B9310F;  /* теракотовий, темніший                 */
  --ts-brand-yellow:       #FAC739;  /* підкладки, картки, промоблоки         */
  --ts-brand-yellow-soft:  #FFED7A;  /* м'які фони, вторинні кнопки           */
  --ts-brand-graphite:     #28282B;  /* заголовки, темні фони                 */
  --ts-brand-text:         #111827;  /* абзаци, списки, таблиці               */
  --ts-brand-grey:         #F0F0F0;  /* нейтральні фони, роздільники          */

  /* ---- ПОТОЧНИЙ АКЦЕНТ ---------------------------------------------------
     Теракотовий за брендбуком. Білий текст на ньому дає контраст 4,8:1,
     тобто проходить норму доступності. Попередній помаранчевий #F29814
     давав 2,3:1, через що текст на кнопках виглядав каламутним.

     ПОВЕРНУТИ СТАРИЙ КОЛІР: замініть три рядки нижче на
       --ts-accent:       #F29814;
       --ts-accent-hover: #F19213;
       --ts-accent-soft:  #F3A81B;

     СПОКІЙНІШИЙ ВАРІАНТ (темні кнопки, як у Stripe чи Linear):
       --ts-accent:       var(--ts-brand-graphite);
       --ts-accent-hover: var(--ts-brand-text);
       --ts-accent-soft:  var(--ts-brand-graphite);

     Два фонові зображення лишаються помаранчевими, їх треба перемалювати:
       /img/sale_banner-bg-min.jpg   — блок «Нам довіряють»
       /img/bg_banner.jpg            — плитки категорій
     Тимчасове рішення без перемальовування — у кінці файлу.
     ------------------------------------------------------------------------ */
  --ts-accent:             var(--ts-brand-terracotta);
  --ts-accent-hover:       var(--ts-brand-terracotta-d);
  --ts-accent-soft:        var(--ts-brand-terracotta);

  /* ---- СЕМАНТИЧНІ РОЛІ ---------------------------------------------------- */
  --ts-sale:               var(--ts-brand-red);
  --ts-yellow:             var(--ts-brand-yellow);

  --ts-text:               var(--ts-brand-text);
  --ts-text-soft:          #484848;
  --ts-muted:              #666666;      /* контраст 5.7:1, придатний для тексту */
  --ts-graphite:           var(--ts-brand-graphite);
  --ts-graphite-deep:      #1D1E1F;

  --ts-white:              #FFFFFF;
  --ts-black:              #000000;
  --ts-surface:            var(--ts-brand-grey);
  --ts-surface-soft:       #FAFAFA;
  --ts-border:             #E5E7EB;

  /* ---- СТАНИ -------------------------------------------------------------- */
  --ts-success:            #0CAD00;
  --ts-danger:             #E90000;
  --ts-danger-bg:          #FFD1D1;
  --ts-info-bg:            #D1DFFF;

  /* ---- СМИСЛОВІ РОЛІ ІНТЕРФЕЙСУ -------------------------------------------
     Три групи повідомлень, які не можна фарбувати однаково:
     статус наявності (нейтральний), промоплашка (рекламна), ціна.
     -------------------------------------------------------------------------- */

  /* статус наявності — службова інформація, приглушена */
  --ts-status-in:          var(--ts-success);      /* В наявності        */
  --ts-status-order:       var(--ts-muted);        /* Під замовлення     */
  --ts-status-out:         #B3B3B3;                /* Продано            */

  /* промоплашки — рекламні, кожна зі своїм змістом */
  --ts-badge-sale:         var(--ts-sale);         /* Акція, знижка      */
  --ts-badge-top:          var(--ts-graphite);     /* Топ, хіт продажів  */
  --ts-badge-new:          var(--ts-accent);       /* Новинка            */
  --ts-badge-promo:        var(--ts-yellow);       /* Товар дня          */
  --ts-badge-promo-text:   var(--ts-graphite);     /* текст на жовтому   */

  /* ціни */
  --ts-price:              var(--ts-graphite);     /* звичайна ціна      */
  --ts-price-sale:         var(--ts-sale);         /* ціна зі знижкою    */

  /* ---- ІНФОРМАЦІЙНІ ПЛАШКИ ------------------------------------------------ */
  --ts-note-bg:            var(--ts-brand-yellow-soft);
  --ts-note-text:          var(--ts-graphite);

  /* ---- РІВНІ ВИРАЗНОСТІ ---------------------------------------------------
     Насичений колір застосовується ТІЛЬКИ до головної дії.
     Усе структурне — посилання, іконки, межі, статуси — нейтральне.
     Червоний лишається за небезпекою та знижкою.
     -------------------------------------------------------------------------- */
  --ts-link:               var(--ts-graphite);   /* посилання у звичайному стані */
  --ts-link-hover:         var(--ts-accent);     /* наведення на посилання       */
  --ts-icon:               var(--ts-muted);      /* декоративні іконки           */
  --ts-danger-quiet:       var(--ts-muted);      /* видалення до наведення       */

  /* ---- М'ЯКІ ПІДКЛАДКИ ДЛЯ ПЛАШОК ------------------------------------------
     Замість суцільних заливок — світлий фон і насичений текст того ж тону.
     Так плашки читаються миттєво, але не сперечаються з товаром.
     Усі пари перевірені на контраст, мінімум 4,9:1.
     -------------------------------------------------------------------------- */
  --ts-tint-accent:        #FBEBE7;
  --ts-tint-accent-text:   #B9310F;
  --ts-tint-sale:          #FDE8E8;
  --ts-tint-sale-text:     #B00000;
  --ts-tint-success:       #E7F5E7;
  --ts-tint-success-text:  #0A7A00;
  --ts-tint-yellow:        #FEF3DC;
  --ts-tint-neutral:       #F0F0F0;
  --ts-banner-bg:          #FFF8E8;

  /* ---- КНОПКИ ------------------------------------------------------------- */
  --ts-btn-primary:            var(--ts-accent);
  --ts-btn-primary-hover:      var(--ts-sale);
  --ts-btn-secondary:          var(--ts-graphite);
  --ts-btn-secondary-hover:    var(--ts-text);

  /* ---- ШРИФТ ---------------------------------------------------------------
     Раніше в 100 місцях стояло font-family: Rubik без запасних варіантів.
     Якщо woff2 не завантажився, браузер підставляв власний шрифт,
     зазвичай Times. Тепер стек резервних шрифтів і одна точка керування.
     -------------------------------------------------------------------------- */
  --ts-font: Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
             "Helvetica Neue", Arial, sans-serif;

  /* ---- РОЗМІРИ ------------------------------------------------------------ */
  --ts-radius:             4px;
  --ts-radius-pill:        54px;
  --ts-btn-height:         40px;
  --ts-focus-width:        2px;
}

/* Локальный Rubik вместо @import с Google Fonts.
   Файлы лежат в папке fonts/ рядом с css/ (путь ../fonts/ как было у Open Sans).
   Покрытие: латиница + кириллица (укр. і ї є ґ) + ₴ № . */
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
button:active,
button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
a{
  color: var(--ts-accent);
}
a:active,
a:focus {
  outline: none;
}
a:hover{
  color: var(--ts-sale);
}
input,
textarea {
  outline: none;
}
input:active,
textarea:active {
  outline: none;
}
:focus {
  outline: none;
}
textarea {
  resize: none;
}
textarea {
  resize: vertical;
}
textarea {
  resize: horizontal;
}
input {
  margin: 0;
}
* {
  box-sizing: border-box;
}
body {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  line-height: 1.25;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  background: var(--ts-border);
}
.wrapper {
  width: 100%;
  float: left;
  overflow: hidden;
}
.container {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1275px;
}
header {
  width: 100%;
  float: left;
  position: relative;
}
header:after {
  position: absolute;
  z-index: -1;
  width: 100%;
  background-color: var(--ts-white);
  display: block;
  left: 0;
  content: "";
  top: 0;
  height: calc(100% - 28px);
}
.h_top {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  padding-top: 20px;
}
.h_top_wrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.h_left {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.h_logo {
  width: 100%;
  float: left;
  max-width: 105px;
  margin-right: 20px;
}
.h_logo span,
.h_logo a {
  width: 100%;
  float: left;
}
.h_logo span img,
.h_logo a img {
  width: 100%;
  float: left;
  height: auto;
}
.h_slogan {
  width: 100%;
  float: left;
  max-width: 300px;
}
.h_slogan p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: var(--ts-text);
}
.h_search {
  width: 100%;
  float: left;
  max-width: 360px;
  padding-left: 15px;
  padding-right: 15px;
}
.h_search form {
  width: 100%;
  float: left;
  position: relative;
}
.h_search form input {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-text);
  padding-left: 27px;
  padding-right: 55px;
  height: 43px;
  background: none;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 48px;
}
.h_search form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  border-radius: 48px;
  height: 100%;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
}
.h_search form button svg {
  width: auto;
  float: left;
  height: auto;
  max-width: 40px;
}
.h_search form button svg path {
  transition: .3s;
}
.h_search form button:hover svg path {
  stroke: var(--ts-accent);
}
.h_lang {
  width: auto;
  float: left;
}
.h_lang_list {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.h_lang_list li {
  width: auto;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}
.h_lang_list li a {
  width: auto;
  float: left;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.h_lang_list li a.h_lang--active {
  color: var(--ts-graphite);
}
.h_right {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.h_user {
  width: 100%;
  float: left;
  max-width: 22px;
  margin-right: 44px;
}
.h_user a {
  width: 100%;
  float: left;
}
.h_user a svg {
  width: 100%;
  float: left;
  height: auto;
}
.h_user a svg path {
  transition: .3s;
}
.h_user a:hover svg path {
  stroke: var(--ts-accent);
}
.h_like {
  width: auto;
  float: left;
  margin-right: 44px;
}
.h_like a {
  width: auto;
  float: left;
  position: relative;
}
.h_like a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 2px;
  justify-content: center;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  padding-right: 1px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-white);
}
.h_like a svg {
  width: auto;
  float: left;
  min-width: 26px;
}
.h_like a svg path {
  transition: .3s;
}
.h_like a:hover svg path {
  stroke: var(--ts-accent);
}
.h_like .h_like--active svg path {
  fill: var(--ts-accent);
  stroke: var(--ts-accent);
}
.h_cart {
  width: auto;
  float: left;
}
.h_cart a {
  width: auto;
  float: left;
  display: flex;
  text-decoration: none;
  align-items: center;
}
.h_cart a:hover svg path {
  stroke: var(--ts-accent);
}
.h_cart .h_cart--active svg path {
  stroke: var(--ts-accent);
  fill: var(--ts-accent);
}
.h_cart_img {
  width: 100%;
  float: left;
  max-width: 28px;
}
.h_cart_img svg {
  width: 100%;
  float: left;
  height: auto;
}
.h_cart_img svg path {
  transition: .3s;
}
.h_cart_info {
  width: 100%;
  float: left;
  max-width: 90px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.h_cart_info span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: var(--ts-graphite);
}
.h_bottom {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  position: relative;
}
.h_bottom_wrap {
  width: 100%;
  float: left;
  background: var(--ts-graphite);
  border-radius: 4px;
}
.h_catalog {
  width: 100%;
  float: left;
  max-width: 296px;
}
.h_catalog a {
  width: 100%;
  float: left;
  justify-content: center;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: .3s;
  color: var(--ts-white);
  padding-left: 32px;
  padding-right: 32px;
  background: var(--ts-graphite-deep);
  border-radius: 4px 0px 0px 4px;
  padding-top: 18px;
  padding-bottom: 17px;
}
.h_catalog a svg {
  width: auto;
  float: left;
  height: auto;
  max-width: 18px;
  margin-right: 22px;
}
.h_catalog a svg path {
  transition: .3s;
}
.h_catalog a:hover {
  color: var(--ts-accent);
}
.h_catalog a:hover svg path {
  stroke: var(--ts-accent);
}
.h_bottom_right {
  width: 100%;
  float: left;
  max-width: calc(100% - 296px);
  display: flex;
  align-items: center;
  border-left: 2px solid var(--ts-graphite);
}
.h_bottom_right_call {
  width: 100%;
  float: left;
  max-width: 226px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.h_bottom_right_call_head {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  min-height: 57px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.h_bottom_right_call_head a {
  width: auto;
  float: left;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-align: right;
  text-decoration: none;
  color: var(--ts-white);
}
.h_bottom_right_call_head a:hover {
  opacity: 0.7;
}
.call_toggle {
  width: auto;
  float: left;
  margin-left: 15px;
  background: none;
  border: none;
  cursor: pointer;
  margin-top: -5px;
  transition: .3s;
}
.call_toggle img {
  width: auto;
  float: left;
  transition: .3s;
}
.call_toggle--active {
  transform: rotate(180deg);
  margin-top: 3px;
}
.h_bottom_right_call_body {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: .3s;
  background: var(--ts-graphite);
  border-radius: 4px;
  padding-bottom: 9px;
  padding-top: 9px;
  padding-left: 11px;
  padding-right: 5px;
  opacity: 0;
  z-index: 5;
  visibility: hidden;
}
.h_bottom_right_call_body li {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 1px;
  margin-top: 1px;
}
.h_bottom_right_call_body li a {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  align-items: center;
  text-align: right;
  transition: .3s;
  color: var(--ts-white);
}
.h_bottom_right_call_body li a:hover {
  opacity: 0.7;
}
.h_bottom_right_call_body li img {
  width: auto;
  float: left;
  height: auto;
  max-width: 14px;
  margin-left: 10px;
}
.h_bottom_right_call_body li:last-child a {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}
.h_bottom_right_call_body--active {
  opacity: 1;
  visibility: visible;
}
.h_nav {
  width: 100%;
  float: left;
  max-width: calc(100% - 226px);
}
.h_nav_list {
  width: 100%;
  float: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex: 1;
  margin-bottom: 0px;
}
.h_nav_list li {
  width: auto;
  float: left;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}
.h_nav_list li span,
.h_nav_list li a {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-white);
  min-height: 57px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  justify-content: center;
  text-decoration: none;
  transition: .3s;
}
.h_nav_list li.active span,
.h_nav_list li a:hover {
  background: var(--ts-graphite-deep);
}
main {
  width: 100%;
  float: left;
}
.m_banner {
  width: 100%;
  float: left;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  margin-bottom: 13px;
}
.m_banner_wrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: stretch;
}
.m_banner_wrap_menu {
  width: 100%;
  float: left;
  max-width: 296px;
  position: relative;
}
.m_banner_wrap_tovar {
  width: 100%;
  float: left;
  max-width: 296px;
}
.m_banner_wrap_tovar > .tovar_teaser{
  background: var(--ts-white);
  border-radius: 5px;
}
.m_banner_wrap_slider {
  width: 100%;
  float: left;
  max-width: calc(100% - 592px);
  padding-left: 13px;
  padding-right: 13px;
}
.m_banner_wrap_slider_list {
  width: 100%;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
}
.m_banner_wrap_slider_list li {
  width: 100%;
  float: left;
  min-height: 414px;
  display: flex!important;
  align-items: center;
  position: relative;
  padding: 40px;
  padding-bottom: 70px;
  flex-shrink: 0;
}
.m_banner_wrap_slider_list li img {
  width: 100%;
  float: left;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  object-fit: cover;
  top: 0;
}
.m_banner_wrap_slider_list .slick-dots {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
  bottom: 45px;
  left: 40px;
  position: absolute;
}
.m_banner_wrap_slider_list .slick-dots li {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  border: 2px solid var(--ts-white);
  background: none;
  padding: 0;
  min-height: 11px;
  transition: .3s;
}
.m_banner_wrap_slider_list .slick-dots li:not(:last-child) {
  margin-right: 16px;
}
.m_banner_wrap_slider_list .slick-dots li button {
  background: none;
  border: none;
  padding: 0;
  border-radius: 100%;
  text-indent: -9999px;
}
.m_banner_wrap_slider_list .slick-dots li.slick-active {
  background-color: var(--ts-white);
}
.m_banner_wrap_slider_list .slick_arrow {
  position: absolute;
  bottom: 40px;
  width: 14px;
  float: left;
  height: auto;
  background: none;
  border: none;
  z-index: 2;
  padding: 0;
  cursor: pointer;
  transition: .3s;
}
.m_banner_wrap_slider_list .slick_arrow:hover {
  opacity: 0.7;
}
.m_banner_wrap_slider_list .slick_arrow svg {
  width: 100%;
  float: left;
  height: auto;
}
.m_banner_wrap_slider_list .slick-next_arrow {
  right: 40px;
}
.m_banner_wrap_slider_list .slick-prev_arrow {
  right: 76px;
}
.m_banner_wrap_slider_info {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
  max-width: 270px;
}
.m_banner_wrap_slider_info span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 31px;
  color: var(--ts-white);
  margin-bottom: 34px;
}
.m_banner_wrap_slider_info span strong {
  font-weight: bold;
}
.m_banner_wrap_slider_info p {
  width: 100%;
  float: left;
  max-width: 165px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 118.18%;
  /* or 19px */
  display: flex;
  align-items: center;
  color: var(--ts-white);
  margin-bottom: 28px;
}
.m_banner_wrap_slider_info_sub a,
.white_but {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: var(--ts-accent-hover);
  background: var(--ts-white);
  border-radius: 54px;
  transition: .3s;
  text-decoration: none;
  padding-left: 24px;
  padding-right: 24px;
  line-height: 1.25;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 40px;
  box-sizing: border-box;
}
.m_banner_wrap_slider_info_sub a:hover,
.white_but:hover {
  background: var(--ts-sale);
  color: var(--ts-white);
}
.m_banner_wrap_menu {
  background: var(--ts-white);
  border-radius: 4px;
  padding: 12px 0 11px 0;
}
.m_banner_wrap_menu_list {
  width: 100%;
  float: left;
}
.m_banner_wrap_menu_list > li {
  width: 100%;
  float: left;
}
.m_banner_wrap_menu_list > li > span,
.m_banner_wrap_menu_list > li > a {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  text-decoration: none;
  align-items: center;
  color: var(--ts-text);
  min-height: 42px;
  padding-left: 61px;
  padding-right: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: url("img/star.svg") left center no-repeat;
  background-position: left center!important;
  background-repeat: no-repeat!important;
  background-position-x: 23px!important;
  background-size: 24px 24px!important;
}
.m_banner_wrap_menu_list > li > span svg,
.m_banner_wrap_menu_list > li > a svg {
  width: auto;
  float: left;
  height: auto;
  margin-left: 15px;
  margin-top: -2px;
  transition: .3s;
}
.m_banner_wrap_menu_list > li.active,
.m_banner_wrap_menu_list > li:hover {
  background-color: var(--ts-surface);
}
.m_banner_wrap_menu_list > li:hover > a svg {
  transform: rotate(-90deg);
  margin-top: 3px;
}
.m_banner_wrap_menu_list > li:hover .m_banner_wrap_menu_list_wrap {
  opacity: 1;
  visibility: visible;
}
.m_banner_wrap_menu_list > li .sale_menu_link {
  color: var(--ts-sale);
  font-weight: 600;
}
.m_banner_wrap_menu_list > li:not(:last-child) {
  margin-bottom: 8px;
}
.m_banner_wrap_menu_list > li:last-child a {
  background: url("img/settings.svg") left center no-repeat;
  background-position-x: 23px;
}
.m_banner_wrap_menu_list > li:last-child a:hover {
  background-color: var(--ts-surface);
}
.m_banner_wrap_menu_list > li:last-child a:hover svg {
  transform: rotate(-90deg);
}
.m_banner_wrap_menu_list_wrap {
  position: absolute;
  width: auto;
  float: left;
  width: 700px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding-left: 5px;
  background: var(--ts-border);
  top: 0;
  right: 0;
  z-index: 5;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: .1s;
}
.m_banner_wrap_menu_list_inside {
  background: var(--ts-white);
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 11px 0;
  padding-left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  align-content: start;
}
.m_banner_wrap_menu_list_inside:before {
  position: absolute;
  left: 33%;
  width: 1px;
  height: calc(100% - 44px);
  top: 22px;
  background-color: var(--ts-border);
  content: "";
}
.m_banner_wrap_menu_list_inside:after {
  position: absolute;
  left: 66%;
  width: 1px;
  height: calc(100% - 44px);
  top: 22px;
  background-color: var(--ts-border);
  content: "";
}
.m_banner_wrap_menu_list_inside li {
  width: 33%;
  float: left;
  padding-right: 5px;
  padding-left: 22px;
  padding-right: 22px;
}
.m_banner_wrap_menu_list_inside li span,
.m_banner_wrap_menu_list_inside li a {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 280%;
  /* or 39px */
  text-decoration: none;
  color: var(--ts-text);
  transition: .3s;
}
.m_banner_wrap_menu_list_inside li.active span,
.m_banner_wrap_menu_list_inside li a:hover {
  color: var(--ts-sale);
}
.tovar_teaser {
  width: 100%;
  float: left;
  position: relative;
  transition: .3s;
}
.tovar_teaser:hover {
  -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
}
.tovar_teaser > a {
  width: 100%;
  float: left;
  padding: 15px 15px 15px 15px;
  display: flex;
  flex-direction: column;
}
.tovar_teaser_best {
  background: var(--ts-white);
  border: 2px solid var(--ts-accent);
  box-sizing: border-box;
  border-radius: 4px;
}
.tovar_teaser_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.sale_span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  background: var(--ts-sale);
  border-radius: 4px;
  color: var(--ts-white);
  padding-left: 7px;
  padding-right: 7px;
  min-height: 21px;
  justify-content: center;
}
.dext_tovar_span {
  background: var(--ts-accent);
}
.tovar_teaser_bottom {
  position: relative;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 13px;
  z-index: 3;
}
.tovar_teaser_bottom_cont {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.tovar_teaser_bottom_price {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.tovar_teaser_bottom_price span {
  width: 100%;
  float: left;
}
.tovar_teaser_info {
  width: auto;
  float: left;
  text-decoration: none;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-muted);
}
.tovar_teaser_info:hover {
  color: var(--ts-accent);
}
.tovar_teaser_old_rpice {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.tovar_teaser_new_rpice {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-sale);
}
.tovar_teaser_bottom_links {
  width: 50%;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.tovar_teaser_bottom_links a {
  width: 100%;
  float: left;
  max-width: 28px;
}
.tovar_teaser_bottom_links a:not(:last-child) {
  margin-right: 22px;
}
.tovar_teaser_bottom_links a svg {
  width: 100%;
  float: left;
  height: auto;
}
.tovar_teaser_bottom_links a svg path {
  transition: .3s;
  stroke: var(--ts-muted);
}
.tovar_teaser_bottom_links a:hover svg path {
  stroke: var(--ts-accent);
}
.tovar_teaser_bottom_links .tovar_teaser_like--active svg path {
  stroke: var(--ts-sale)!important;
}
.tovar_teaser_tovar_name {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  justify-content: center;
  color: var(--ts-text);
  margin-bottom: 20px;
  text-align: center;
  word-break: break-word;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 45px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tovar_teaser_tovar {
  width: 100%;
  float: left;
  height: 190px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.tovar_teaser_tovar img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.tovar_teaser .tovar_teaser_info_wrap,
.tovar_teaser_info_wrap ul{
  position: relative;
  width: 100%;
  padding: 0px 10px;
  transition: .3s;
  word-break: break-word;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 18px;
  min-height: 72px;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 72px;
}
.tovar_teaser .tovar_teaser_info_wrap ul{
  list-style: disc;
}
.content ul{
  list-style: disc;
  padding-left: 20px;
}
.content ol{
  list-style: decimal;
  padding-left: 20px;
}
.product_characteristics table tr,
.tovar_teaser .tovar_teaser_info_wrap table tr {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  display: flex;
}
.product_characteristics table tr td:nth-child(1),
.tovar_teaser .tovar_teaser_info_wrap table tr td:nth-child(1){
  width: 50%;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-muted);
  padding-right: 10px;
}
.product_characteristics table tr td:nth-child(2),
.tovar_teaser .tovar_teaser_info_wrap table tr td:nth-child(2){
  width: 50%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-text);
}
.tovar_teaser_info_wrap ul li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  display: flex;
}
.tovar_teaser_info_wrap ul li span {
  width: 50%;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-muted);
  padding-right: 10px;
}
.tovar_teaser_info_wrap ul li p {
  width: 50%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-text);
}
.tovar_teaser_info_big_desc {
  display: flex;
  flex-direction: column;
}
.tovar_teaser_info_big_desc span {
  margin-bottom: 10px;
}
.tovar_teaser_info_big_desc p,
.tovar_teaser_info_big_desc span {
  width: 100%!important;
}

.tovar_teaser .tovar_teaser_info_wrap.tovar_teaser_info_wrap--active,
.tovar_teaser_info_wrap--active ul {
  opacity: 1;
  visibility: visible;
}
.m_adv {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 13px;
}
.m_adv_wrap {
  width: 100%;
  float: left;
  background-color: var(--ts-white);
  display: flex;
  border-radius: 4px;
  padding: 17px 0;
}
.m_adv_wrap li {
  width: 25%;
  float: left;
  display: flex;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}
.m_adv_wrap li:not(:last-child) {
  border-right: 1px solid var(--ts-border);
}
.m_adv_wrap li:nth-child(even) .m_adv_wrap_img svg path {
  stroke: var(--ts-accent);
}
.m_adv_wrap_img {
  width: 100%;
  float: left;
  max-width: 50px;
}
.m_adv_wrap_img svg {
  width: 100%;
  float: left;
}
.m_adv_wrap_img svg path {
  stroke: var(--ts-sale);
}
.m_adv_wrap_info {
  width: 100%;
  float: left;
  max-width: calc(100% - 50px);
  padding-left: 25px;
}
.m_adv_wrap_info span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: var(--ts-graphite);
  margin-bottom: 7px;
}
.m_adv_wrap_info p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-graphite);
}
.m_popular {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
  z-index: 2;
  position: relative;
}
.m_popular_wrap {
  width: 100%;
  float: left;
  background-color: var(--ts-white);
  border-radius: 4px;
  overflow: hidden;
}
.m_popular_lists li{
  width: 25%;
  position: relative;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
}
.m_popular_lists li:after{
  position: absolute;
  height: 88%;
  top: 10%;
  width: 1px;
  content: "";
  background-color: var(--ts-border);
  right: 0px;
}
.m_popular_list {
  width: 100%;
  float: left;
}
.m_popular_list .slick-track {
  padding-top: 10px;
  padding-bottom: 10px;
}
.m_popular_list .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
.m_popular_list .slick-slide:after {
  position: absolute;
  height: 88%;
  top: 10%;
  width: 1px;
  content: "";
  background-color: var(--ts-border);
  right: -10px;
}
.m_popular_list .slick_arrow {
  position: absolute;
  top: -52px;
  width: 14px;
  float: left;
  height: auto;
  background: none;
  border: none;
  z-index: 2;
  padding: 0;
  cursor: pointer;
  transition: .3s;
}
.m_popular_list .slick_arrow:hover {
  opacity: 0.7;
}
.m_popular_list .slick_arrow svg {
  width: 100%;
  float: left;
  height: auto;
}
.m_popular_list .slick_arrow svg path {
  stroke: var(--ts-muted);
}
.m_popular_list .slick-next_arrow {
  right: 25px;
}
.m_popular_list .slick-prev_arrow {
  right: 56px;
}
.tovar_teaser_rating {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.tovar_teaser_rating i {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-muted);
  margin-right: 5px;
}
.tovar_teaser_rating img {
  width: auto;
  float: left;
  height: auto;
}
.m_popular_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  padding: 40px 25px 30px 25px;
  position: relative;
}
.go_to_catalog {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ts-muted);
  transition: .3s;
  position: absolute;
  left: 25px;
  top: 49px;
}
.go_to_catalog svg {
  margin-left: 10px;
}
.go_to_catalog svg path {
  stroke: var(--ts-muted);
  transition: .3s;
}
.go_to_catalog:hover {
  color: var(--ts-accent);
}
.go_to_catalog:hover svg {
  width: auto;
  float: left;
}
.go_to_catalog:hover svg path {
  stroke: var(--ts-accent);
}
.title {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 35px;
  display: flex;
  align-items: center;
  padding-left: 200px;
  padding-right: 200px;
  color: var(--ts-accent);
  text-align: center;
  justify-content: center;
}
.m_sale_banner {
  width: 100%;
  float: left;
  background: url("img/sale_banner-bg-min.jpg") center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-top: 200px;
  padding-bottom: 200px;
  margin-top: -150px;
  margin-bottom: -150px;
  z-index: 1;
}
.m_sale_banner_wrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.m_sale_banner_wrap_parcent {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.m_sale_banner_wrap_parcent i {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-accent-soft);
  position: relative;
  padding: 12px 15px 13px 5px;
  background: url("img/tr_bg.png") center no-repeat;
  background-size: 100% 100%;
}
.m_sale_banner_wrap_parcent span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 95px;
  line-height: 129px;
  display: flex;
  align-items: center;
  color: var(--ts-white);
  margin-left: 15px;
}
.m_sale_banner_wrap_info {
  width: 100%;
  float: left;
  max-width: 600px;
  margin-left: 65px;
  margin-right: 65px;
}
.m_sale_banner_wrap_info span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 118.18%;
  /* or 30px */
  display: flex;
  align-items: center;
  color: var(--ts-white);
  margin-bottom: 20px;
}
.m_sale_banner_wrap_info p {
  width: 100%;
  float: left;
  max-width: 425px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  position: relative;
  /* or 17px */
  display: flex;
  align-items: center;
  color: var(--ts-white);
}
.m_sale_banner_wrap_info ul li{
  position: relative
}
.m_sale_banner_wrap_info ul li p:before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -25px;
  width: 8px;
  height: 8px;
  background: var(--ts-white);
  border-radius: 50%;
}
.m_sale_banner_wrap_link {
  width: auto;
  float: left;
  padding-top: 10px;
}
.border_link {
  width: auto;
  float: left;
  text-decoration: none;
  transition: .3s;
  justify-content: center;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: var(--ts-white);
  padding: 0 23px;
  border: 2px solid var(--ts-white);
  box-sizing: border-box;
  border-radius: 54px;
  line-height: 1.25;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 36px;
  box-sizing: border-box;
}
.border_link:hover {
  background-color: var(--ts-white);
  color: var(--ts-accent);
}
.m_products_front .title {
  padding-left: 320px;
  padding-right: 320px;
}
.m_products_front_info {
  position: absolute;
  width: 25%;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  transition: .3s;
  padding: 30px 25px;
}
.m_products_front_info p {
  width: 100%;
  float: left;
  flex-direction: column;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 60px;
  color: var(--ts-white);
}
.m_products_front_info p span {
  font-weight: bold;
  font-size: 45px;
  line-height: 61px;
}
.m_products_front_info_scanners {
  background: url("img/cat1.jpg") center no-repeat;
  background-size: cover;
}
.m_products_front_info_printers {
  background: url("img/cat2.jpg") center no-repeat;
  background-size: cover;
}
.m_products_front_info--active {
  opacity: 0;
  visibility: hidden;
}
.m_products_front_info_top ul {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  max-width: 250px;
  flex-direction: column;
}
.m_products_front_info_top ul li {
  width: 100%;
  float: left;
  padding-left: 25px;
  background: url("img/white_arrow.svg") center left no-repeat;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: var(--ts-white);
  line-height: 1.25;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 29px;
  box-sizing: border-box;
}
.m_products_front .m_popular_wrap {
  position: relative;
}
.m_products_front_info_top {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m_part {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-top: 126px;
  padding-bottom: 126px;
  margin-top: -110px;
  margin-bottom: -110px;
  background: url("img/sale_banner-bg-min.jpg") center no-repeat;
  background-size: cover;
}
.m_part_wrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
}
.m_part_title {
  width: 100%;
  float: left;
  max-width: 390px;
  padding-right: 20px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 48px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-white);
}
.m_part_wrap_list {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.m_part_wrap_list li {
  width: 100%;
  float: left;
  max-width: 160px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 20px;
  margin-right: 20px;
}
.m_part_wrap_list.brandlist li{
  text-align: center;
}
.m_part_wrap_list.brandlist li img{
  float: none;
}
.m_part_wrap_list li img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
}
.m_prof {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
}
.m_prof_wrap {
  width: 100%;
  float: left;
  background: var(--ts-white);
  border-radius: 4px;
  padding: 20px 0px;
}
.m_prof_list {
  width: 100%;
  float: left;
  display: flex;
  align-items: stretch;
}
.m_prof_list li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 23px;
  padding-right: 23px;
}
.m_prof_list li:not(:last-child) {
  border-right: 1px solid var(--ts-border);
}

.m_prof_list li a{
  text-align: center;
}
.m_prof_list li img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 30px;
}
.m_prof_list li span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  /* or 116% */
  text-align: center;
  color: var(--ts-graphite);
  margin-bottom: 25px;
}
.m_prof_list li p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--ts-graphite);
}
.m_news_list li a {
  width: 100%;
  float: left;
  transition: .3s;
}
.m_news_list li a:hover {
  -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
}
.m_news_list li a:hover i {
  color: var(--ts-accent);
}
.m_news_list_img {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.m_news_list_img img {
  width: 100%;
  float: left;
  height: 100%;
  object-fit: cover;
}
.m_news_list_info {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  padding-top: 0;
  max-height: 148px;
  min-height: 148px;
  overflow: hidden;
}
.m_news_list_info > span {
  width: 100%;
  float: left;
  min-height: 50px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-text);
  margin-bottom: 10px;
}
.m_news_list_info p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  /* or 121% */
  text-align: center;
  color: var(--ts-text);
  margin-bottom: 15px;
}
.m_news_list_info_i {
  width: auto;
  float: left;
  transition: .3s;
  color: var(--ts-muted);
  font-weight: 600;
  text-align: center;
  display: block;
  width: 100%;
}
.m_news {
  display: flex;
  width: 100%;
  float: left;
  justify-content: center;
  margin-bottom: 10px;
}
.m_about_company {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: -70px;
  position: relative;
  z-index: 2;
}
.m_about_company.breadcrumbs_holder{
  margin-bottom: 0px;
}
.m_about_company_wrap {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: start;
  background: var(--ts-white);
  border-radius: 4px;
  padding: 105px;
  padding-top: 80px;
}
.m_about_company_wrap.content{
  padding: 50px;
  align-items: normal;
}
.m_about_company_wrap img {
  float: left;
  margin-bottom: 40px;
}
.m_about_company_wrap.content img{
  margin-bottom: 5px;
  max-width: 100%;
  float: none;
}
.content img{
}
.m_about_company_wrap p {

}
.m_about_company_wrap ul{
  list-style-type: disc;
  margin-left: 20px;
}
.m_about_company_wrap.content .no_discount_price{

    text-decoration: line-through;
}
footer {
  width: 100%;
  float: left;
  background: var(--ts-graphite);
}
.f_bottom {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.f_bottom_wrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--ts-border);
  padding-top: 18px;
  padding-bottom: 18px;
}
.f_bottom_wrap > div > a,
.f_bottom_wrap > a {
  width: auto;
  float: left;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: var(--ts-white);
  text-decoration: none;
}
.f_bottom_wrap > div > a:hover,
.f_bottom_wrap > a:hover {
  opacity: 0.7;
}
.f_bottom_wrap > div > a:nth-child(1){
  margin-right: 20px;
}
.f_bottom_wrap p {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--ts-muted);
}
.f_bottom_wrap p a {
  transition: .3s;
  color: var(--ts-muted);
  text-decoration: none;
  margin-left: 5px;
}
.f_bottom_wrap p a:hover {
  color: var(--ts-white);
}
.f_top {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-top: 105px;
  padding-bottom: 35px;
}
.f_top_wrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.f_top_right {
  width: 100%;
  float: left;
  max-width: 230px;
}
.f_soc {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.f_soc li {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.f_soc li a {
  width: 100%;
  float: left;
  height: 100%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--ts-white);
  padding: 5px;
  transition: .3s;
}
.f_soc li a:hover {
  transform: translateY(-3px);
}
.f_soc li a img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
}
.border_link_big {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.f_part {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.f_part li {
  width: auto;
  float: left;
  margin-top: 15px;
}
.f_part li img {
  width: auto;
  float: left;
  height: auto;
}
.f_top_contacts {
  width: 100%;
  float: left;
  max-width: 251px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f_top_contacts span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--ts-white);
  margin-bottom: 7px;
}
.f_top_contacts p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 15px;
  display: block;
  color: var(--ts-white);
}
.footer_mail {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: var(--ts-white);
  margin-bottom: 30px;
  transition: .3s;
}
.footer_mail:hover {
  opacity: 0.7;
}
footer .call_toggle {
  margin-left: 5px;
}
footer .h_bottom_right_call_head {
  justify-content: center;
  display: flex;
  min-height: 40px;
}
footer .h_bottom_right_call_body {
  border: 1px solid var(--ts-white);
  width: 110%;
  margin-left: -5%;
  padding-left: 10px;
  padding-right: 10px;
}
footer .h_bottom_right_call_body li {
  justify-content: center;
}
.f_top_nav {
  width: 100%;
  float: left;
  max-width: 172px;
  padding-left: 10px;
  padding-right: 10px;
}
.f_top_list {
  width: 100%;
  float: left;
}
.f_top_list li {
  width: 100%;
  float: left;
}
.f_top_list li:not(:last-child) {
  margin-bottom: 14px;
}
.f_top_list li span,
.f_top_list li a {
  width: auto;
  float: left;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-white);
  text-decoration: none;
}
.f_top_list li.active span,
.f_top_list li a:hover {
  opacity: 0.7;
}
.f_top_left {
  width: 100%;
  float: left;
  max-width: 220px;
  padding-right: 10px;
  position: relative;
}
.m_banner_wrap_menu_list--footer {
  position: relative;
}
.m_banner_wrap_menu_list--footer > li:not(:last-child) {
  margin-bottom: 14px;
  background: none;
}
.m_banner_wrap_menu_list--footer > li:not(:last-child) a {
  background: none;
}
.m_banner_wrap_menu_list--footer > li span,
.m_banner_wrap_menu_list--footer > li a {
  background: none;
  padding-left: 0;
  color: var(--ts-white);
  min-height: auto;
  padding-top: 0;
  transition: .3s;
  padding-bottom: 0;
}
.m_banner_wrap_menu_list--footer li span,
.m_banner_wrap_menu_list--footer li a{
  background:  none!important;
}
.m_banner_wrap_menu_list--footer > li.active > a,
.m_banner_wrap_menu_list--footer > li.active > span,
.m_banner_wrap_menu_list--footer > li:hover > span,
.m_banner_wrap_menu_list--footer > li:hover > a {
  opacity: 0.7;
}
.m_banner_wrap_menu_list--footer > li > a svg path {
  fill: var(--ts-white);
}
.m_banner_wrap_menu_list--footer > li:last-child:hover > a {
  background: none;
  opacity: 0.7;
}
.m_banner_wrap_menu_list--footer > li:last-child:hover {
  background: none;
}
.m_banner_wrap_menu_list--footer > li:last-child a {
  background: none;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap {
  padding-left: 0;
  background: var(--ts-graphite);
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  height: calc(100% + 26px);
  top: -13px;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul {
  background: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul li {
  margin-bottom: 15px;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul li span,
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul li a {
  line-height: 1.5;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul li.active span,
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap ul li a:hover {
  color: var(--ts-white);
  opacity: 0.7;
}
.m_banner_wrap_menu_list--footer .m_banner_wrap_menu_list_wrap .m_banner_wrap_menu_list_inside:after {
  height: calc(100% - 30px);
  top: 15px;
}
.m_license {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.m_license_wrap {
  width: 100%;
  float: left;
  background: var(--ts-white);
  border-radius: 4px;
}
.m_license_head {
  width: 100%;
  float: left;
}
.m_license_head .title {
  padding-left: 300px;
  padding-right: 300px;
}
.order_cons {
  right: 22px;
  left: initial;
}
.m_license_list {
  width: 100%;
  float: left;
}
.m_license_list > li {
  width: 100%;
  float: left;
  max-width: 33.333%;
}
.m_license_list > li:not(:last-child) .m_license_list_body {
  border-right: 1px solid var(--ts-border);
}
.m_license_list > li:not(:last-child) .m_license_list_head {
  position: relative;
}
.m_license_list > li:not(:last-child) .m_license_list_head:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 65%;
  width: 1px;
  content: "";
  background-color: var(--ts-white);
}
.m_license_list_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("img/head_bg-min.jpg") center no-repeat;
  background-size: cover;
  padding: 15px 35px;
  margin-bottom: 15px;
  position: relative;
}
.m_license_list_head span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--ts-white);
}
.m_license_list_head span svg {
  width: auto;
  float: left;
  height: auto;
  margin-left: 5px;
}
.m_license_list_head span svg path {
  fill: var(--ts-white);
}
.m_license_list_head p {
  width: auto;
  float: left;
  flex: 1;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  color: var(--ts-white);
  min-height: 48px;
}
.m_license_list_body {
  width: 100%;
  float: left;
  padding: 15px 35px 20px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}
.m_license_list_info ul{
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.m_license_list_info li {
  width: 100%;
  float: left;
}
.m_license_list_info li:not(:last-child) {
  margin-bottom: 28px;
}
.m_license_list_info li span {
  width: 35%;
  padding-right: 10px;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.m_license_list_info li p {
  width: 65%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-black);
}
.quest_link {
  margin-left: 9px;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 1px solid var(--ts-border);
  color: var(--ts-muted);
  text-decoration: none;
  transition: .3s;
}
.quest_link:hover {
  color: var(--ts-accent);
  border-color: var(--ts-accent);
}
.m_license_list_bottom {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.m_license_list_bottom span {
  width: 50%;
  padding-right: 10px;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-sale);
}
.m_license_list_bottom_links {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m_license_order {
  text-decoration: none;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  transition: .3s;
  color: var(--ts-muted);
}
.m_license_order:hover {
  color: var(--ts-accent);
}
.license_all_info {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: var(--ts-muted);
  transition: .3s;
}
.license_all_info:hover {
  color: var(--ts-accent);
}
.tovar_teaser_like {
  width: 100%;
  float: left;
  max-width: 28px;
}
.tovar_teaser_like:not(:last-child) {
  margin-right: 22px;
}
.tovar_teaser_like svg {
  width: 100%;
  float: left;
  height: auto;
}
.tovar_teaser_like svg path {
  transition: .3s;
  stroke: var(--ts-muted);
}
.tovar_teaser_like:hover svg path {
  stroke: var(--ts-accent);
}
.tovar_teaser_like.active svg path{
  stroke: var(--ts-accent);
  fill: var(--ts-accent);
}
.m_banner_wrap_menu_list_wrap--active {
  opacity: 1;
  visibility: visible;
}
.close_catalog_menu,
.filter_close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 15px;
  padding: 0;
  border: none;
  background: none;
  display: none;
}
.close_catalog_menu svg,
.filter_close svg {
  width: 100%;
  float: left;
  height: auto;
}
.close_catalog_menu svg path,
.filter_close svg path {
  stroke: var(--ts-graphite);
}
.body--active {
  height: 100vh;
  overflow: hidden;
}
.h_mod_right {
  width: auto;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  display: none;
}
.h_menu_but {
  width: auto;
  float: left;
  background: none;
  border: none;
  padding: 0;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  padding-left: 30px;
  color: var(--ts-graphite);
  transition: .3s;
  position: relative;
  margin-bottom: 20px;
}
.h_menu_but span {
  position: absolute;
  left: 0;
  top: -1px;
  width: 18px;
  height: 2px;
  margin-top: 4px;
  background-color: var(--ts-text);
  border-radius: 2px;
}
.h_menu_but span:nth-child(2) {
  top: 5px;
}
.h_menu_but span:nth-child(3) {
  top: 11px;
}
.search_open {
  width: auto;
  float: left;
  height: auto;
}
.search_open svg {
  width: auto;
  float: left;
}
.search_open svg path {
  transition: .3s;
}
.close_search {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 15px;
  padding: 0;
  border: none;
  background: none;
  display: none;
}
.close_search svg {
  width: 100%;
  float: left;
  height: auto;
}
.close_search svg path {
  stroke: var(--ts-white);
}
.logo_white {
  display: none;
}
.m_banner--inside_page {
  margin: 0;
  position: absolute;
  z-index: 2222;
  display: flex;
  padding-top: 10px;
}
.m_banner.m_banner--inside_page .m_banner_wrap_menu{
  display: none;
}
.m_banner.m_banner--inside_page .m_banner_wrap_menu.m_banner_wrap_menu--active{
  display: block;
}
.m_catalog {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.m_catalog_wrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.m_catalog_left {
  width: 100%;
  float: left;
  max-width: 296px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m_catalog_right {
  width: 100%;
  float: left;
  max-width: calc(100% - 310px);
  overflow: hidden;
}
.m_banner_wrap_slider_big {
  max-width: 100%;
  padding: 0;
}
.m_catalog_list {
  width: calc(100% + 20px);
  float: left;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--ts-white);
  padding-left: 10px;
  padding-right: 10px;
}
.m_catalog_list > li {
  width: calc(33.333% - 20px);
  float: left;
  background-color: var(--ts-white);
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
  flex-direction:colunm;
  display:flex;
}
.m_catalog_list > li:after {
  position: absolute;
  height: 88%;
  top: 6%;
  width: 1px;
  content: "";
  background-color: var(--ts-border);
  right: -10px;
}
.m_catalog_list li:nth-child(3n):after {
  display: none;
}
.m_catalog_main_wrap {
  width: 100%;
  float: left;
}
.m_catalog_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.m_catalog_head_mini_nav {
  width: auto;
  float: left;
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 370px);
  padding-right: 10px;
  margin-bottom: 0px;
}
.m_catalog_head_mini_nav li {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.m_catalog_head_mini_nav li a {
  width: auto;
  float: left;
  text-decoration: none;
  transition: .3s;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.m_catalog_head_mini_nav li a:hover {
  color: var(--ts-black);
}
.m_catalog_head_mini_nav li:not(:last-child) {
  margin-right: 12px;
}
.m_catalog_head_mini_nav li:not(:last-child):after {
  content: ">";
  margin-left: 12px;
}
.m_catalog_head_mini_nav li.active span,
.m_catalog_head_mini_nav li.active a{
  color: var(--ts-accent);
}
.m_catalog_head_right {
  width: 100%;
  float: left;
  max-width: 370px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_catalog_head_sort {
  width: 100%;
  max-width: 260px;
  float: left;
  display: flex;
}
.m_catalog_head_sort > span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--ts-muted);
  margin-right: 9px;
}
.m_catalog_head_sort_select {
  width: 100%;
  float: left;
  width: 155px;
}
.m_catalog_head_right_type_list {
  width: auto;
  float: left;
  display: flex;
}
.m_catalog_head_right_type_list li {
  width: 17px;
  float: left;
  margin-left: 14px;
}
.m_catalog_head_right_type_list li a {
  width: 100%;
  float: left;
}
.m_catalog_head_right_type_list li a svg {
  width: 100%;
  float: left;
}
.m_catalog_head_right_type_list li a svg rect {
  fill: var(--ts-border);
}
.m_catalog_head_right_type_list li .active_catalog_list_type svg rect {
  fill: var(--ts-muted);
}
.chosen-container {
  width: 100%!important;
  float: left;
}
.chosen-container-single .chosen-single {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  height: 25px;
  line-height: 23px;
  background: none;
  box-shadow: none;
  color: var(--ts-graphite);
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  padding-left: 25px;
}
.chosen-container-active .chosen-single {
  background: var(--ts-surface)!important;
}
.chosen-container .chosen-results {
  background: var(--ts-surface);
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0!important;
  padding: 0!important;
}
.chosen-results li {
  padding-left: 25px!important;
}
.chosen-results li:nth-child(odd) {
  background: url(img/select_top.svg) center left no-repeat !important;
  background-position: 10px 14px!important;
}
.chosen-results li:nth-child(even) {
  background: url(img/select_bot.svg) center left no-repeat !important;
  background-position: 10px 9px!important;
}
.chosen-results li:hover {
  background-color: var(--ts-border)!important;
  color: var(--ts-graphite)!important;
}
.chosen-container .chosen-results li.highlighted {
  background-color: var(--ts-border)!important;
  color: var(--ts-graphite)!important;
}
.chosen-container-single .chosen-single {
  background: url(img/select_top.svg) center left no-repeat !important;
  background-position: 10px 10px!important;
}
.chosen-container-single .ar_top {
  background: url(img/select_top.svg) center left no-repeat !important;
  background-position: 10px 10px!important;
}
.chosen-container-single .ar_bot {
  background: url(img/select_bot.svg) center left no-repeat !important;
  background-position: 10px 5px!important;
}
.chosen-container-single .chosen-single div {
  display: none;
}
.chosen-container .chosen-results li {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
}
.m_catalog_left_banner {
  width: 100%;
  float: left;
  padding: 28px 23px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("img/bg_banner.jpg") center no-repeat;
  background-size: cover;
  border-radius: 0px 0px 4px 4px;
}
.m_catalog_left_banner i {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: var(--ts-white);
  margin-bottom: 15px;
}
.m_catalog_left_banner span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 31px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: var(--ts-white);
}
.m_catalog_left_banner p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  padding-right: 20px;
  color: var(--ts-white);
  margin-bottom: 15px;
}
.m_catalog_left_banner a {
  float: left;
  margin: 0 auto;
  width: auto;
  display: flex;
  margin-top: 25px;
}
.m_catalog_pag {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 45px;
  padding-left: 20px;
  padding-bottom: 35px;
}
.m_catalog_pag_reload {
  max-width: 180px;
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--ts-muted);
  transition: .3s;
}
.m_catalog_pag_reload svg {
  width: 100%;
  float: left;
  max-width: 50px;
  margin-right: 20px;
}
.m_catalog_pag_reload svg path {
  transition: .3s;
}
.m_catalog_pag_reload:hover {
  color: var(--ts-accent);
}
.m_catalog_pag_reload:hover svg path {
  stroke: var(--ts-accent);
}
.m_pagin {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.m_pagin li {
  width: auto;
  float: left;
  margin-left: 7px;
}
.m_pagin li span,
.m_pagin li a {
  width: auto;
  float: left;
  min-width: 26px;
  padding-left: 2px;
  padding-right: 2px;
  min-height: 23px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--ts-graphite);
  transition: .3s;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  background: none;
  text-align: center;
  justify-content: center;
}
.m_pagin li.active a,
.m_pagin li.active span,
.m_pagin li .m_pagin--active {
  color: var(--ts-white);
  background: var(--ts-accent);
  border-color: var(--ts-accent);
}
.m_pagin li a:hover {
  border-color: var(--ts-accent);
}
.m_pagin li span.separator {
  min-width: 26px;
  width: auto;
  float: left;
  height: 23px;
  text-align: center;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
}
.m_catalog_filter {
  width: 100%;
  float: left;
  background-color: var(--ts-white);
  padding: 13px 0;
  border-radius: 4px;
  margin-bottom: 10px;
}
.m_catalog_filter_list {
  width: 100%;
  float: left;
}
.m_catalog_filter_list li {
  width: 100%;
  float: left;
}
.m_catalog_filter_list li:not(:last-child) {
  margin-bottom: 13px;
}
.filter_item_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 5px;
  background: var(--ts-surface);
  position: relative;
  padding-bottom: 5px;
  min-height: 42px;
  cursor: pointer;
}
.filter_item_head span {
  width: auto;
  float: left;
  padding-right: 10px;
}
.filter_item_head > img {
  margin-top: -3px;
  transition: .3s;
}
.remove_filter {
  position: absolute;
  width: 9px;
  height: 9px;
  float: left;
  top: 50%;
  display: flex;
  right: 50px;
  transform: translateY(-40%);
}
.remove_filter img {
  width: 100%;
  float: left;
  height: auto;
}
.filter_item_body {
  width: 100%;
  float: left;
  padding: 15px 20px;
  background: var(--ts-surface);
}
.filter_check_list {
  width: 100%;
  float: left;
}
.filter_check_list li {
  width: 100%;
  float: left;
  position: relative;
}
.filter_check_list li:not(:last-child) {
  margin-bottom: 11px;
}
.filter_check_list li input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.filter_check_list li label {
  width: 100%;
  float: left;
  display: flex;
  cursor: pointer;
}
.filter_check_list li label span {
  width: 15px;
  height: 15px;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  transition: .3s;
  margin-top: 2px;
}
.filter_check_list li label p {
  width: 100%;
  float: left;
  padding-left: 10px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: var(--ts-graphite);
  max-width: calc(100% - 15px);
}
.filter_check_list li input:checked + label span {
  background-color: var(--ts-accent);
  border-color: var(--ts-accent);
}
.ui-widget-content,
.ui-widget-header {
  background: var(--ts-border);
}
.ui-slider-horizontal {
  height: 1px;
  margin-bottom: 10px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  width: 10px;
  height: 10px;
  margin-top: -1px;
  border-radius: 100%;
  background: var(--ts-accent);
  border: none;
  cursor: pointer;
}
.ui-widget.ui-widget-content {
  margin-top: 14px;
  width: 100%;
  float: left;
}
.m_catalog_filter_item_togle_range {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.end_desc,
.start_desc{
  display: none!important;
}
.m_catalog_filter_item_togle_range > div > span,
.m_catalog_filter_item_togle_range > p > input {
  width: 100%;
  float: left;
  max-width: 75px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  background: none;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--ts-graphite);
  padding-left: 5px;
  padding-right: 5px;
}
.m_catalog_filter_item_togle_range > div > span:last-child,
.m_catalog_filter_item_togle_range > p > input:last-child {
  text-align: right;
}

.m_catalog_filter_item_togle_range > div,
.m_catalog_filter_item_togle_range > p {
  display: flex;
  justify-content: space-between;
  width: 100%;
  float: left;
  align-items: center;
}
.filter_item_body {
  display: none;
}
.ui-widget.ui-widget-content {
  width: 95%;
}
.filter_item_head--active {
  background: var(--ts-border);
}
.filter_item_head--active span {
  font-weight: 600;
}
.filter_item_head--active > img {
  transform: rotate(180deg);
  margin-top: 5px;
}
.filter_item_body--active {
  display: block;
}
.m_catalog_categor {
  width: 100%;
  float: left;
  background: var(--ts-white);
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
  padding-bottom: 0;
}
.m_catalog_categor_list {
  float: left;
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.m_catalog_categor_list li {
  width: 100%;
  float: left;
  max-width: calc(100% / 6 - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  min-height: 175px;
}
.m_catalog_categor_list li a {
  width: 100%;
  float: left;
  height: 100%;
  border: 1px solid var(--ts-sale);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 12px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.m_catalog_categor_list li a span {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  justify-content: center;
  line-height: 64px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-muted);
}
.m_catalog_categor_list li a i {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--ts-muted);
  margin-bottom: 30px;
}
.m_catalog_categor_list li a p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-text);
}
.m_catalog_categor_list li a,
.m_catalog_categor_list li label {
  width: 100%;
  float: left;
  height: 100%;
  position: relative;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 12px;
  padding-bottom: 10px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s;
}
.m_catalog_categor_list li a > span,
.m_catalog_categor_list li label > span {
  width: 15px;
  height: 15px;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  transition: .3s;
  position: absolute;
  right: 7px;
  top: 7px;
}
.m_catalog_categor_list li a p,
.m_catalog_categor_list li label p {
  width: 100%;
  float: left;
  text-align: center;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 25px;
}
.m_catalog_categor_list li a:hover,
.m_catalog_categor_list li label:hover {
  border-color: var(--ts-accent);
}
.m_catalog_categor_list li input {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.m_catalog_categor_list li input:checked + label > span {
  background-color: var(--ts-accent);
  border-color: var(--ts-accent);
}
.m_catalog_categor_list_img {
  width: 100%;
  float: left;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_catalog_categor_list_img img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.open_filter {
  width: auto;
  float: left;
  line-height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px;
  color: var(--ts-white);
  font-weight: 600;
  font-family: var(--ts-font);
  text-transform: uppercase;
  background-color: var(--ts-muted);
  text-decoration: none;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.open_filter svg {
  width: 100%;
  float: left;
  height: auto;
  max-width: 13px;
  margin-right: 10px;
}
.open_filter svg path {
  fill: var(--ts-white);
}
.m_mini_nav {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.m_prof_mod {
  position: relative;
  z-index: 3;
}
.m_recomend {
  padding-top: 120px;
  margin-top: -135px;
  position: relative;
}
.m_recomend .m_popular_wrap {
  background: none;
}
.m_recomend:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  z-index: -1;
  height: 360px;
  background: url("img/sale_banner-bg-min.jpg") center no-repeat;
  background-size: cover;
}
.m_recomend .m_popular_list {
  background-color: var(--ts-white);
}
.m_recomend .title {
  color: var(--ts-white);
}
.m_recomend .m_popular_list .slick_arrow svg path {
  stroke: var(--ts-white);
}
.m_tovar_main_card_bot {
  width: 100%;
  float: left;
}
.m_tovar_tabs {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0px;
}
.m_tovar_tabs li {
  width: auto;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.m_tovar_tabs li a {
  width: auto;
  float: left;
  transition: .3s;
  min-height: 47px;
  padding: 28px;
  padding-right: 28px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  text-align: center;
  color: var(--ts-text);
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  justify-content: center;
  border-top: 3px solid transparent;
}
.m_tovar_tabs li a:hover {
  background-color: var(--ts-white);
}
.m_tovar_tabs li .m_tovar_tabs--active {
  background-color: var(--ts-white);
  border-color: var(--ts-accent);
}
.m_tovar_tabs_wrap {
  width: 100%;
  float: left;
  background-color: var(--ts-white);
  border-radius: 4px;
}
.m_tovar_tabs_cont {
  width: 100%;
  float: left;
  display: none;
  padding: 45px 55px;
}
.m_tovar_tabs_cont > p {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 15px;
}
.m_tovar_tabs_cont--active {
  display: block;
}
.m_tovar_main_card_wrap {
  width: 100%;
  float: left;
}
.m_tovar_main_card {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.m_tovar_char_list {
  width: 100%;
  float: left;
  max-width: 620px;
}
.m_tovar_char_list li {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_tovar_char_list li:not(:last-child) {
  margin-bottom: 15px;
}
.m_tovar_char_list li:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 5px;
  z-index: 1;
  content: "";
  height: 1px;
  border-bottom: 1px dotted var(--ts-border);
}
.m_tovar_char_list_left {
  width: 100%;
  float: left;
  max-width: 160px;
  padding-right: 10px;
  background-color: var(--ts-white);
  position: relative;
  z-index: 2;
}
.m_tovar_char_list_left span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  color: var(--ts-muted);
}
.m_tovar_char_list_right {
  width: 100%;
  float: left;
  max-width: 210px;
  padding-left: 50px;
  background-color: var(--ts-white);
  position: relative;
  z-index: 2;
}
.m_tovar_char_list_right p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  color: var(--ts-text);
}
.tovar_video_list {
  width: calc(100% + 76px);
  margin-left: -38px;
  margin-right: -38px;
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.tovar_video_list li {
  width: 100%;
  float: left;
  max-width: calc(100% / 3 - 76px);
  margin-left: 38px;
  margin-right: 38px;
}
.tovar_video_list li:nth-child(n+4) {
  margin-top: 30px;
}
.tovar_video_list li span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-graphite);
  justify-content: center;
}
.tovar_video_list_video {
  width: 100%;
  float: left;
  height: 217px;
  margin-bottom: 15px;
}
.tovar_video_list_video iframe {
  width: 100%;
  float: left;
  height: 100%;
}
.review_star_list {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.review_star_list li {
  width: 100%;
  float: left;
  max-width: 21px;
  margin-right: 2px;
}
.review_star_list li svg {
  width: 100%;
  float: left;
  height: auto;
}
.review_star_list li svg path {
  fill: var(--ts-muted);
  transition: .3s;
}
.review_star_list .review_star_list_active svg path {
  fill: var(--ts-accent);
}
.review_star_list_dinamic li {
  cursor: pointer;
}
.review_star--active_btn svg path {
  fill: var(--ts-accent)!important;
}
.review_star_list_dinamic--active svg path {
  fill: var(--ts-accent)!important;
}
.m_reviews {
  width: 100%;
  float: left;
}
.m_reviews .m_catalog_pag {
  padding-left: 0;
}
.m_reviews_left {
  width: 100%;
  float: left;
  max-width: 50%;
  padding-right: 40px;
}
.m_reviews_right {
  width: 50%;
  float: left;
  padding-left: 40px;
}
.m_reviews_list {
  width: 100%;
  float: left;
}
.m_reviews_list > li {
  width: 100%;
  float: left;
}
.m_reviews_list > li:not(:last-child) {
  margin-bottom: 35px;
}
.m_reviews_list_head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.m_reviews_list_head span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  color: var(--ts-text);
  padding-right: 10px;
}
.m_reviews_list_head_right {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
}
.m_reviews_list_head_right i {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-text);
  margin-right: 25px;
}
.m_reviews_list_body {
  width: 100%;
  float: left;
}
.m_reviews_list_body p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  color: var(--ts-black);
}
.main_reviews_form {
  width: 100%;
  float: left;
}
.main_reviews_form > span {
  width: 100%;
  float: left;
  justify-content: center;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 137.68%;
  /* or 19px */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-text);
  margin-bottom: 20px;
}
.main_reviews_form_columns {
  width: 100%;
  float: left;
  display: flex;
}
.main_reviews_form_left {
  width: 50%;
  padding-right: 12px;
}
.review_form_item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.review_form_item span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  color: var(--ts-text);
  padding-left: 18px;
}
.review_star_list_dinamic li {
  width: 20px;
}
.main_input {
  width: 100%;
  float: left;
  height: 40px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--ts-muted);
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 54px;
}
.main_textarea {
  height: 116px;
  width: 100%;
  float: left;
  box-sizing: border-box;
  border-radius: 22px;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  resize: none;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--ts-muted);
  border: 1px solid var(--ts-border);
  padding-top: 10px;
  padding-bottom: 10px;
}
.review_form_item_mod {
  display: flex;
  align-items: center;
  padding-top: 12px;
}
.review_form_item_mod span {
  width: auto;
  margin-right: 20px;
  margin-bottom: 0;
}
.main_reviews_form_right {
  width: 50%;
  padding-left: 12px;
}
.main_form_but {
  width: 100%;
  float: left;
  cursor: pointer;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  transition: .3s;
  color: var(--ts-white);
  border: none;
  background: var(--ts-accent);
  border-radius: 54px;
  justify-content: center;
  line-height: 1.25;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 40px;
  box-sizing: border-box;
}
.main_form_but:hover {
  background: var(--ts-sale);
  color: var(--ts-white);
}
.m_kilk_wrap {
  width: 100%;
  float: left;
  max-width: 100px;
  background: var(--ts-yellow);
  border-radius: 20px;
  display: flex;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid var(--ts-muted);
  box-sizing: border-box;
  background: none;
  overflow: hidden;
  margin-right: 35px;
}
.plus {
  width: 32px;
  float: left;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: .3s;
  user-select: none;
  background: none;
}
.plus:hover {
  background: none;
}
.plus span {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 24px;
  text-align: center;
  color: var(--ts-muted);
  width: 100%;
  float: left;
  transition: .3s;
  user-select: none;
  margin-top: 2px;
  margin-right: 3px;
}
.plus span:hover {
  color: var(--ts-accent);
}
.minus {
  width: 32px;
  float: left;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: .3s;
  background: none;
  margin-left: 3px;
}
.minus:hover {
  background: #none;
}
.minus span {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 26px;
  user-select: none;
  text-align: center;
  color: var(--ts-muted);
  width: 100%;
  float: left;
  transition: .3s;
  margin-top: -2px;
}
.minus span:hover {
  color: var(--ts-accent);
}
.counter {
  width: calc(100% - 64px);
  float: left;
}
.counter input {
  width: 100%;
  height: 36px;
  border: none;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: var(--ts-text);
}
.m_tovar_main_card_top {
  width: 100%;
  float: left;
  display: flex;
  background-color: var(--ts-white);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding-right: 30px;
}
.m_tovar_main_card_top_gallery {
  width: 100%;
  float: left;
  max-width: 392px;
}
.m_tovar_gllery_main {
  width: 100%;
  float: left;
  background: var(--ts-white);
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
}
.m_tovar_gllery_main li {
  width: 100%;
  float: left;
  height: 440px;
  display: flex!important;
}
.m_tovar_gllery_main li a {
  width: 100%;
  float: left;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.m_tovar_gllery_main li a img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.m_tovar_gllery_bottom {
  width: 100%;
  float: left;
  display: flex;
}
.m_tovar_bideo_link {
  width: 100%;
  float: left;
  max-width: 64px;
  height: 73px;
  flex-direction: column;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--ts-graphite);
  text-decoration: none;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
}
.m_tovar_bideo_link img {
  width: auto;
  float: left;
  height: auto;
}
.m_tovar_gllery_nav {
  width: 100%;
  float: left;
  max-width: calc(100% - 74px);
  padding-left: 20px;
  padding-right: 15px;
  position: relative;
  margin-left: 10px;
}
.m_tovar_gllery_nav:after {
  position: absolute;
  left: 0;
  top: 5%;
  height: 90%;
  width: 1px;
  content: "";
  background-color: var(--ts-border);
}
.m_tovar_gllery_nav li {
  width: 100%;
  float: left;
  display: flex!important;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 5px;
  background-color: var(--ts-white);
  margin-right: 5px;
  height: 73px;
}
.m_tovar_gllery_nav li img {
  width: auto;
  float: left;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.m_tovar_gllery_nav .slick_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  padding: 0;
  background: none;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}
.m_tovar_gllery_nav .slick_arrow svg {
  width: 100%;
  float: left;
  height: auto;
}
.m_tovar_gllery_nav .slick_arrow svg path {
  fill: var(--ts-muted);
  transition: .3s;
}
.m_tovar_gllery_nav .slick_arrow:hover svg path {
  fill: var(--ts-accent);
}
.m_tovar_gllery_nav .slick-next_arrow {
  right: 5px;
}
.m_tovar_gllery_nav .slick-prev_arrow {
  left: 10px;
}
.m_tovar_main_card_top_info {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-top: 15px;
}
.m_tovar_main_card_top_info_head {
  width: 100%;
  float: left;
  margin-bottom: 22px;
}
.m_tovar_info_head_left {
  width: 100%;
  float: left;
  max-width: calc(100% - 280px);
  padding-right: 15px;
}
.m_tovar_info_head_left h1,
.m_tovar_info_head_left span {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 31px;
  display: flex;
  align-items: center;
  color: var(--ts-black);
  margin-bottom: 10px;
}
.m_tovar_info_head_left p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--ts-muted);
}
.m_tovar_info_head_left p i {
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  color: var(--ts-text);
  margin-left: 5px;
}
.m_tovar_info_head_right {
  width: 100%;
  float: left;
  max-width: 280px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.m_tovar_info_head_right_price {
  width: 100%;
  float: left;
  max-width: 175px;
  padding-left: 20px;
}
.full_card_new_price {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 31px;
  display: flex;
  align-items: center;
  text-align: right;
  margin-bottom: 3px;
  color: var(--ts-sale);
  justify-content: flex-end;
}
.full_card_old_price {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
  color: var(--ts-muted);
}
.m_tovar_info_head_right_rating {
  width: auto;
  float: left;
  display: flex;
  align-items: center;
  padding-top: 7px;
}
.m_tovar_info_head_right_rating span {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-muted);
  margin-right: 4px;
}
.m_tovar_info_head_right_rating svg {
  width: auto;
  float: left;
  height: auto;
  max-width: 18px;
}
.tovar_teaser_info_wrap_full ul{
  position: relative;
  opacity: 1;
  visibility: visible;
  margin-bottom: 40px;
  padding: 0;
  padding-top: 15px;
}
.tovar_teaser_info_wrap_full ul li span {
  max-width: 150px;
  right: 10px;
  font-size: 14px;
}
.tovar_teaser_info_wrap_full li p {
  font-size: 14px;
  max-width: calc(100% - 150px);
}
.tovar_teaser_info_wrap_full .tovar_teaser_info_big_desc {
  flex-direction: row;
}
.m_tovar_main_card_top_info_body {
  width: 100%;
  float: left;
}
.m_tovar_info_body_right {
  width: 100%;
  float: left;
  max-width: 280px;
}
.one_clikc_form {
  width: 100%;
  float: left;
  border: 1px solid var(--ts-border);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 30px;
  margin-bottom: 25px;
}
.one_clikc_form > p {
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 125%;
  /* or 17px */
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--ts-text);
  margin-bottom: 15px;
}
.one_clikc_form .review_form_item {
  margin-bottom: 20px;
}
.one_clikc_form .review_form_item span {
  color: var(--ts-muted);
}
.m_tovar_info_body_right_info p {
  width: 100%;
  float: left;
  text-align: right;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--ts-text);
  margin-top: 15px;
}
.m_tovar_info_body_right_info p a {
  color: var(--ts-text);
}
.m_tovar_info_body_right_info p a:hover {
  text-decoration: none;
}
.m_tovar_info_body_left {
  width: 100%;
  float: left;
  max-width: calc(100% - 280px);
  padding-right: 60px;
}
.m_tovar_info_body_basket {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.main_form_but {
  text-decoration: none;
}
.main_form_but_mini {
  width: 100%;
  max-width: 222px;
}
.m_tovar_info_body_like {
  width: 100%;
  float: left;
}
.m_tovar_info_body_like a {
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: right;
  text-decoration: none;
  color: var(--ts-text);
}
.m_tovar_info_body_like a svg {
  width: 100%;
  float: left;
  height: auto;
  max-width: 26px;
  margin-right: 15px;
}
.m_tovar_info_body_like a svg path {
  transition: .3s;
  stroke: var(--ts-muted);
}
.m_tovar_info_body_like a:hover svg path {
  stroke: var(--ts-accent);
}
.m_tovar_info_body_like a.active svg path{
  stroke:var(--ts-accent);
  fill:var(--ts-accent);
}
.modal_video {
  padding: 0!important;
  display: none;
  max-width: 950px;
  height: 500px;
  width: 100%;
}
.modal_video iframe {
  width: 100%;
  float: left;
  height: 500px;
}
.fancybox-image {
  width: auto!important;
  max-width: 100%!important;
  height: auto;
}
.fancybox-image-wrap {
  max-width: 100%!important;
}
.m_catalog_head_sort .chosen-container-single .chosen-single{
  line-height: 28px;
  height: 28px;
}
.m_catalog_head_sort .chosen-container .chosen-results li{
  line-height: 22px;
}
.m_pagetitle{
  width: 100%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: var(--ts-black);
  margin-bottom: 15px;
  margin-left: 10px;
}
.cookie_pop{
  background: var(--ts-border);
  display: block;
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  z-index: 99999;
  text-align: left;
  padding: 15px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cookie_pop p{
  width: 80%;
  display: inline-block;
  vertical-align: top;
}

.cookie_pop .cookie_apply{
  display: inline-block;
  float: right;
  background: var(--ts-sale);
  padding: 10px 20px;
  color: var(--ts-white);
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
}

.cookie_pop .cookie_apply:hover{
  background-color: var(--ts-danger);
}
.no_products_find{
  display: block;
  font-size: 18px;
  text-align: center;
  margin: 10px auto;
}
#feedback .form-group{
  margin-bottom: 5px;
}
#feedback .submit_feedback{
      background: var(--ts-accent);
    border-radius: 25px;
    cursor: pointer;
    transition: .3s;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: var(--ts-white);
    padding: 10px 10px;
    display: inline-block;
    text-decoration: none;
    margin: 5px auto;
    border:none;
    width: 100%;
}
#feedback .submit_feedback:hover{
  background: var(--ts-sale);
  color: var(--ts-white);
  text-decoration: none;
}
.contact_info_s{
      position: relative;
    min-height: 100px;
}
.contact_icon_holder{
    background: var(--ts-accent);
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 10px;
    margin-right: 5px;
}
.contact_icon_holder i{
color: var(--ts-white);
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 22px;
}
.social_follow_holder a{
    background: var(--ts-accent);
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 10px;
    margin-right: 5px;
}
.social_follow_holder a:hover{
  background: var(--ts-sale);
}
.social_follow_holder a i{
color: var(--ts-white);
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 22px;
}
.phone_contact_block a,
.phone_contact_block span{
    display: block;
    padding: 5px 0;
}
.contact_info_s .contact_info_value{
    position: absolute;
    padding: 10px 0 0 0;
}
.h_currency .chosen-container-single .chosen-single:hover{
  box-shadow: none!important;
}
.h_currency .chosen-search{
  display: none!important;
}
.h_currency .chosen-results li{
  padding: 0px!important;
  margin: 0px;
  text-align: center;
  width: 100%;
}
.h_currency .chosen-container .chosen-results li.highlighted{
  background: var(--ts-accent)!important;
  color: var(--ts-white)!important;
  border-radius: 0px!important;
}
.h_currency .chosen-container .chosen-results li{
  line-height: 20px;
}
.h_currency .chosen-container-single .chosen-single{
  background: url(img/select_bot.svg)!important;
  background-position: center left!important;
  background-repeat: no-repeat!important;
  background-position: 7px 10px!important;
}
.h_currency .chosen-results li:nth-child(even),
.h_currency .chosen-results li:nth-child(odd){
  background: none!important;
}
.h_currency .chosen-container-single.chosen-container-single-nosearch .chosen-search{
  position: relative;
  left: auto;
}


.order_page .chosen-container .chosen-results li{
  line-height: 20px;
}
.order_page .chosen-container-single .chosen-single{
  background: url(img/select_bot.svg)!important;
  background-position: center left!important;
  background-repeat: no-repeat!important;
  background-position: 7px 10px!important;
}
.order_page .chosen-results li:nth-child(even),
.order_page .chosen-results li:nth-child(odd){
  background: none!important;
}
.order_page .chosen-container-single.chosen-container-single-nosearch .chosen-search{
  position: relative;
  left: auto;
}
.order_page .page_title{
  width: 100%;
  display: block;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  color: var(--ts-black);
  margin-bottom: 10px;
}

.one_click_thanks{
  display: none;
  width: 100%;
  float: left;
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
  color: var(--ts-white);
  margin-bottom: 15px;
  background: var(--ts-accent);
  padding: 10px;
  text-align: center;
  margin: 5px 0px;
}


.rating_input{
    position: relative;
    border: none;
    overflow: hidden;
    font-size: 16px;
    padding: 0px 5px 0px 5px;
    margin: 0px auto;
  line-height: 1.25;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 44px;
  box-sizing: border-box;
}
.rating_input label{
    display: block;
    float: left;
    max-width: 100%;
    font-weight: normal;
    margin: 0px;
    color: var(--ts-graphite-deep);
    font-weight: bold;
}
.rating_recall {
    position: relative;
    float: left;
    height: 15px;
}
.rating_recall span {
  display: block;
    width: 15px;
    height: 15px;
    background: url(img/stars.png) no-repeat -15px 0;
    margin: 0px;
    overflow: hidden;
}
.rating_recall span.yellow {
  background: url('img/stars.png') no-repeat  2px 0px;  
}

.vote_recall.hov_recall, .vote_recall.hov_recall_click{
  background: url('img/stars.png') no-repeat  2px 0px;
  cursor: pointer;
}

.vote_title{
  color: var(--ts-text-soft);
  font-size: 18px;
  text-align: left;
  margin: 15px 0px;
  display: block;
}

.vote.hov{
  background: url('img/stars.png') no-repeat;
  cursor: pointer;
}


.rating_recall_stars{
    position: relative;
    display: inline-block;
    height: 15px;
    margin-top: 2px;
    margin-left: 30px;
    width: 100%;
}
.rating_recall_stars span {
  display: block;
  width: 15px;
  height: 15px;
  background: url('img/stars.png') no-repeat -15px 0;
  float: left;
  margin: 0 3px 0 0;
}

.rating_recall_stars span.yellow {
  background: url('img/stars.png') no-repeat;  
}
#feedback .form-control{
  border-radius: 25px;
}
.tpl_advantage_content{
  display: none;
}
.order_page .chosen-container{

  border-radius: 25px;
  background: var(--ts-white);
  outline: none;
  box-shadow: none;
}
.order_page .chosen-container-single .chosen-single{
  box-shadow: none;
  border-radius: 25px;
  border: 1px solid var(--ts-border);
}
.order_page .chosen-container-single .chosen-single:hover,
.order_page .chosen-container-active.chosen-with-drop .chosen-single{
  border-top-left-radius: 25px;
  border-radius: 25px;
  border: 1px solid var(--ts-accent);
  box-shadow: none;
  margin-bottom: 1px;
}
.m_license_list_info .chosen-results li:not(:last-child){
  margin-bottom: 0px;
}
.m_license_list_info .chosen-container{
    width: 65%!important;
}
.m_license_list_info .chosen-container-single .chosen-single{
  line-height: 28px;
  min-height: 28px!important;
  height:auto!important;
}
.m_license_list_info .chosen-container-single .chosen-single span{
  text-overflow: inherit;
  white-space: pre-wrap!important;
  font-size: 10.5px;
  width: 100%;
  color: var(--ts-text);
}
.m_license_list_info .chosen-results li:nth-child(even),
.m_license_list_info .chosen-results li:nth-child(odd){
  background: none!important;
  padding-left: 8px!important;
  line-height: 20px;
}

.selector_order_type{
    width: 100%;
    background: var(--ts-surface);
    margin: 20px auto;
    text-align: center;
    border-radius: 5px;
}
.selector_order_type a{
    font-size: 20px;
    text-align: center;
    min-width: 200px;
    padding: 0px 10px;
    display: inline-block;
  line-height: 1.25;
  padding-top: 18px;
  padding-bottom: 18px;
  min-height: 60px;
  box-sizing: border-box;
}
.selector_order_type a:hover{
    text-decoration: none;
    color: var(--ts-sale);
}
.selector_order_type a.active{
    background: var(--ts-accent);
    color: var(--ts-white);
    text-decoration: none;
}
.order_type_holder{

}
.order_type{
  display: none;
}
.order_type.active{
  display: block;
}
.tab_delivery_block,
.tab_pay_block{
  display: none;
}
.tab_delivery_block.active,
.tab_pay_block.active{
  display: block;
}
.pay_selector,
.delivery_selector{
      position: relative;
    display: block;
    height: 65px;
}
.ua_country_only{
  background: var(--ts-sale);
  color: var(--ts-white);
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 8px 5px;
  border-radius: 20px;
}
.slick-track,.slick-list{
  min-width: 100%;
}
.status_s{
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  display: flex;
  align-items: center;
  background: var(--ts-sale);
  border-radius: 4px;
  color: var(--ts-white);
  padding-left: 7px;
  padding-right: 7px;
  min-height: 21px;
  justify-content: center;
}
.status_sa{
  background: var(--ts-success);
}
.status_sp{
  background: var(--ts-accent);
}
.status_s_p{
  width: auto;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  background: var(--ts-sale);
  border-radius: 4px;
  color: var(--ts-white);
  padding-left: 16px;
  padding-right: 16px;
  min-height: 28px;
  justify-content: center;
}
.notify_btn{
  background: var(--ts-btn-secondary);
  max-width: 260px;
}
.notify_btn:hover{
  background: var(--ts-btn-secondary-hover);
  text-decoration: none;
}
.status_product{
  background: var(--ts-border);
  display: inline-block;
  padding: 6px 18px;
  font-size: 18px;
}
.status_product.status_yellow{
  background: var(--ts-accent);
  color: var(--ts-white);
}
.status_product.status_red{
  background: var(--ts-accent-hover);
  color: var(--ts-white);
}
.status_product.status_green{
  background: var(--ts-success);
  color: var(--ts-white);
}


.sitemap{

}
.sitemap ul{
  list-style: none!important;
}
.sitemap ul > li{
  margin-left: 20px;
  position: relative;
}
.sitemap li:before{
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: -12px;
  background: url('img/li_marker.png');
  background-size: 100%;
  transition:0.5s;
}
.sitemap li a{
  background: none!important;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: normal;
  text-align: right;
  color: var(--ts-accent-hover);
}
.sitemap li:hover:before{
  left: -18px;
}

.lightyellowblockbr {
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-yellow);
  border: 1px solid var(--ts-yellow);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}
.lightyellowblock {
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-yellow);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}

.lightblueblockbr {
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-info-bg);
  border: 1px solid var(--ts-info-bg);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}
.lightblueblock {
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-info-bg);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}
.brandredblock{
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-sale);
  padding: 10px 20px;
  margin: 10px 0px;
  color: var(--ts-white)!important;
  clear: both;
}

.lightgrayblock{
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-border);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}
.lightredblock{
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-danger-bg);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}

.lightgrayblockbr{
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-border);
  border: 1px solid var(--ts-border);
  padding: 10px 20px;
  margin: 10px 0px;
  clear: both;
}
.lightredblockbr{
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px)!important;
  background: var(--ts-danger-bg);
  border: 1px solid var(--ts-danger-bg);
  padding: 10px 20px;
  margin: 10px 0px; 
  clear: both;
}
.halfholder{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.halfholder .half_10{
  width: calc(10% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_20{
  width: calc(20% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_30{
  width: calc(30% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_40{
  width: calc(40% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_50{
  width: calc(50% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_60{
  width: calc(60% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_70{
  width: calc(70% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_80{
  width: calc(80% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.halfholder .half_90{
  width: calc(90% - 10px);
  margin: 5px;
  padding: 5px 5px;
}
.no_pub{
  width: 100%!important;
  display: flex;
  flex-direction: column;
  background: var(--ts-surface);
  padding: 15px 10px;
  align-items: center;
  height: fit-content;
  font-size: 20px;
  font-weight: 300;
  color: var(--ts-black);
}
.h_text_info{
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.h_text_info_wrap{
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.h_text_info_block{
  background: var(--ts-brand-terracotta);
  color: var(--ts-white);
  font-size: 16px;
  padding: 5px 10px;
  text-align: center;
  width: 100%;
}
.text_free_delivery{
  background: var(--ts-sale);
  color: var(--ts-white);
  padding: 5px 15px;
  border-radius: 3px;
  margin: 10px 0px;
  font-weight: 600;
  display: block;
  max-width: 358px;
  width: 100%;
  font-size: 16px;
  text-align: center;
}
.m_banner_wrap .tovar_teaser .tovar_teaser_info_wrap{
  display:none!important;
}
.m_license_list_info ul:nth-child(2){
  min-height:60px;
}
.m_license_list_info ul:nth-child(2) li p{
  font-size: 10.5px;
  font-weight: 600;
}
.faq_block {
  max-width: 100%;
  margin: 0px;
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 4px;
  clear: both;
  padding-top: 20px;
  padding-bottom: 80px;
}
.faq {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
}
.faq .faq_question {
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 15px;
  transition: .5s;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  float: left;
  padding-left: 35px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 25px;
  border: 2px solid var(--ts-surface);
  background-color: var(--ts-surface);
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 0px;
}
.faq .faq_question:hover{
  background:var(--ts-surface);
}
.faq .faq_question button {
  transition: 0.5s;
  border: none;
  background: none;
}
.faq .faq_question button .faq_open_i{
  color: var(--ts-text-soft);
  font-family: var(--ts-font);
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13px;
}
.faq .faq_question button .faq_close_i{
  display:none;
}
.faq.active .faq_question button .faq_open_i{
  display:none;
}
.faq.active .faq_question button .faq_close_i{
  color: var(--ts-text-soft);
  font-family: var(--ts-font);
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13px;
}
.collapse img {
  transition-duration: .3s;
}
.faq .faq_answer {
    display: none;
    padding: 10px;
}
.faq.active .faq_answer {
    display: block;
}
@media (max-width: 1350px) {
  .h_nav_list li span,
  .h_nav_list li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .review_form_item span {
    padding-left: 10px;
  }
  .review_star_list_dinamic li {
    width: 16px;
  }

.rating_recall span.yellow {
  background: url('img/stars.png') no-repeat  0px 0px;  
}

.vote_recall.hov_recall, .vote_recall.hov_recall_click{
  background: url('img/stars.png') no-repeat  0px 0px;
  cursor: pointer;
}
}
@media (max-width: 1199px) {
  .h_text_info{
    display: none;
  }
  .h_nav .h_currency{
    display: flex;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .m_banner_wrap_slider {
    max-width: calc(100% - 296px);
    padding-left: 0;
  }
  .m_sale_banner_wrap_parcent span {
    font-size: 60px;
    line-height: 70px;
  }
  .m_sale_banner_wrap_info span {
    font-size: 21px;
    line-height: 24px;
  }
  .m_part_wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .m_part_title {
    max-width: 250px;
    font-size: 28px;
    line-height: 32px;
  }
  .m_about_company_wrap {
    padding: 35px 20px;
  }
  .m_products_front_info {
    width: 33.333%;
  }
  .m_banner_wrap_menu_list_wrap {
    transition: none;
  }
  .m_banner_wrap_menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    background-color: var(--ts-white);
    max-width: 100%;
    z-index: 150;
    padding-top: 30px;
    bottom: 0;
    overflow: auto;
    transform: translateX(-110%);
    transition: .3s;
  }
  .m_banner_wrap_menu .close_catalog_menu {
    display: block;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_wrap {
    position: relative;
    opacity: 1;
    visibility: visible;
    left: 0;
    top: 0;
    transform: none;
    background: none;
    width: 100%;
    display: none;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 10px;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li:last-child a {
    background-position-x: 13px!important;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside:after {
    display: none;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li > span,
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li > a {
    min-height: 30px;
    padding-left: 45px;
    background-position-x: 13px!important;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside li span,
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside li a {
    line-height: 20px;
  }
  .m_banner_wrap_menu--active {
    transform: none;
  }
  .m_banner_wrap_menu_list > li.active,
  .m_banner_wrap_menu_list > li:hover {
    background: none;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list_inside {
    display: block;
    padding-top: 8px;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li:hover > a svg {
    transform: none;
    margin-top: -2px;
  }
  .active_banner_catalog_menu svg {
    transform: rotate(-90deg) !important;
    margin-top: 3px!important;
  }
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li > span,
  .m_banner_wrap_menu .m_banner_wrap_menu_list > li > a {
    width: auto;
  }
  .h_bottom_right {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    background-color: var(--ts-graphite);
    max-width: 100%;
    z-index: 100;
    padding-top: 30px;
    bottom: 0;
    overflow: auto;
    align-items: flex-start;
    transform: translateX(-110%);
    transition: .3s;
    padding-top: 97px;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 90px;
  }
  .h_bottom_right .call_toggle {
    display: none;
  }
  .h_bottom_right .h_bottom_right_call_body {
    display: block;
    transform: none;
    position: relative;
    opacity: 1;
    visibility: visible;
    float: left;
    padding-top: 0;
    padding-left: 0;
  }
  .h_bottom_right .h_bottom_right_call_head {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .h_bottom_right .h_bottom_right_call {
    max-width: 100%;
  }
  .h_bottom_right .h_bottom_right_call {
    padding: 0;
  }
  .h_bottom_right .h_lang_list li a.h_lang--active {
    color: var(--ts-white);
  }
  .h_bottom_right .h_lang {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .h_mod_right {
    display: flex;
  }
  .h_bottom_right--active {
    transform: none;
  }
  .h_logo--active img {
    display: none;
  }
  .h_logo--active .logo_white {
    display: block!important;
  }
  .h_nav {
    max-width: 100%;
  }
  .h_nav_list {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .h_nav_list li {
    width: 100%;
    margin-bottom: 10px;
  }
  .h_nav_list li span,
  .h_nav_list li a {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 23px;
    padding: 0;
  }
  .h_top {
    position: relative;
    z-index: 110;
  }
  .h_mod_right--active .h_menu_but {
    color: var(--ts-white);
  }
  .h_mod_right--active .h_menu_but span {
    background-color: var(--ts-white);
  }
  .h_mod_right--active .h_menu_but span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
  }
  .h_mod_right--active .h_menu_but span:first-child {
    transform: rotate(45deg);
    top: 5px;
  }
  .h_mod_right--active .h_menu_but span:last-child {
    transform: rotate(-45deg);
    top: 5px;
  }
  .h_mod_right--active .search_open svg path {
    stroke: var(--ts-white);
  }
  .h_search {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 120;
    height: auto;
    min-height: 100vh;
    background-color: var(--ts-graphite);
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    padding-top: 50px;
    transition: .3s;
    transform: translateX(-110%);
  }
  .h_search--active {
    transform: translateX(0);
  }
  .h_search form input {
    color: var(--ts-white);
  }
  .close_search {
    display: block;
  }
  .h_currency,
  .h_lang,
  .h_right {
    display: none;
  }
  .h_bottom_wrap {
    display: flex;
    justify-content: center;
    background: none;
  }
  .h_catalog a {
    border-radius: 4px;
  }
  .h_top {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 140;
    padding-top: 15px;
    background-color: var(--ts-white);
    padding-bottom: 15px;
    margin-bottom: 0;
    transition: .3s;
  }
  .header--active .h_top {
    -webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.25);
  }
  .h_top--active {
    background: var(--ts-graphite);
    box-shadow: none!important;
  }
  header {
    padding-top: 94px;
  }
  .h_right {
    flex-direction: column;
    position: absolute;
    right: 0;
    align-items: flex-end;
    padding-right: 15px;
    top: 100px;
    padding-top: 10px;
  }
  .h_user {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .h_user a svg path,
  .h_like a svg path,
  .h_cart_img svg path {
    stroke: var(--ts-white);
  }
  .h_like {
    margin-right: -4px;
    margin-bottom: 40px;
  }
  .h_cart a {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: -1px;
  }
  .h_cart_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-top: 5px;
  }
  .h_cart_info span {
    color: var(--ts-white);
    justify-content: flex-end;
  }
  .m_banner--inside_page {
    display: block;
  }
  .m_banner_wrap_slider_big {
    max-width: 100%;
  }
  .m_catalog_categor_list li {
    max-width: calc(25% - 10px);
  }
  .m_catalog_list li {
    width: calc(50% - 20px);
  }
  .m_banner_wrap_slider_big li {
    min-height: 350px;
  }
  .m_catalog_list li:after {
    display: none;
  }
  .m_catalog_list li:nth-child(odd):after {
    display: block;
  }
  .main_reviews_form_columns {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main_reviews_form_left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .main_reviews_form_right {
    width: 100%;
    padding-left: 0;
  }
  .m_reviews_right {
    width: 100%;
    max-width: 300px;
    padding-left: 0;
  }
  .m_reviews_left {
    width: 100%;
    float: left;
    max-width: calc(100% - 300px);
  }
  .tovar_video_list {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  .tovar_video_list li {
    width: 100%;
    max-width: calc(100% / 3 - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .m_tovar_main_card_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 10px;
  }
  .m_tovar_main_card_top_gallery {
    max-width: 550px;
  }
  .m_tovar_main_card_top_info {
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .m_banner_wrap_menu_list_inside:before{
    display:none!important;
  }
  .m_popular_lists li{
    width: 50%;
  }
  .cookie_pop p{
    width: 100%;
    text-align: center;
  }
  .cookie_pop{
    display: none!important;
    padding: 15px 10px;
    width: 100%;
  }
  .cookie_pop .cookie_apply{
    float: none;
    margin: 10px auto;
    display: block;
    max-width: 140px;
    text-align: center;
  }
  .m_pagetitle{
    font-size: 26px;
  }
  .f_top_left {
    display: none;
  }
  .m_popular_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_products_front_info {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 20px 15px;
  }
  .m_products_front_info_top {
    margin-bottom: 15px;
  }
  .m_products_front_info--active {
    opacity: 1;
    visibility: visible;
  }
  .m_products_front_info p {
    margin-bottom: 20px;
  }
  .m_adv_wrap li {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
  }
  .m_adv_wrap li:nth-child(even) {
    border: none!important;
  }
  .m_banner_wrap_slider_list li {
    padding: 15px;
  }
  .m_banner_wrap_slider_info span {
    font-size: 18px;
    line-height: 20px;
  }
  .m_adv_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .go_to_catalog {
    position: relative;
    left: 0;
    top: initial;
    margin-top: 20px;
    order: 2;
  }
  .go_to_catalog svg {
    display: none;
  }
  .m_popular_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .m_popular_head .title {
    order: 1;
  }
  .m_popular_list {
    padding-bottom: 45px;
  }
  .m_popular_list .slick-dots {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
  .m_popular_list .slick-dots li {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 2px solid var(--ts-white);
    background: none;
    padding: 0;
    min-height: 11px;
    border: 1px solid var(--ts-accent);
    transition: .3s;
  }
  .m_popular_list .slick-dots li:not(:last-child) {
    margin-right: 16px;
  }
  .m_popular_list .slick-dots li button {
    background: none;
    border: none;
    padding: 0;
    border-radius: 100%;
    text-indent: -9999px;
  }
  .m_popular_list .slick-dots li.slick-active {
    background-color: var(--ts-accent);
  }
  .title {
    padding-left: 0;
    padding-right: 0;
  }
  .m_license_list > li {
    width: 100%;
    max-width: 450px;
    border: 1px solid var(--ts-accent);
    margin-bottom: 30px;
  }
  .m_license_list > li:not(:last-child) .m_license_list_body {
    border: none;
  }
  .m_license_list > li:not(:last-child) .m_license_list_head:after {
    display: none;
  }
  .m_license_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  .m_part_title {
    font-size: 22px;
    line-height: 26px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 15px;
    justify-content: center;
  }
  .m_prof_list li {
    width: 33.333%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .m_prof_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m_part_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_sale_banner_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_sale_banner_wrap_parcent {
    margin-bottom: 10px;
  }
  .m_sale_banner_wrap_info {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_sale_banner_wrap_info span,
  .m_sale_banner_wrap_info p {
    text-align: center;
  }
  .m_banner_wrap_slider_list .slick-dots {
    left: 20px;
  }
  .m_prof_list li:nth-child(3n) {
    border: none;
  }
  .m_catalog_wrap {
    display: flex;
    flex-direction: column;
  }
  .m_catalog_left {
    max-width: 100%;
  }
  .m_catalog_right {
    max-width: 100%;
  }
  .m_catalog_filter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100vh;
    bottom: 0;
    overflow: auto;
    z-index: 160;
    padding-top: 50px;
    transition: .3s;
    transform: translateX(-110%);
  }
  .filter_close {
    display: block;
  }
  .m_catalog_filter--active {
    transform: none;
  }
  .open_filter {
    display: flex;
    margin-top: 10px;
  }
  .m_catalog_left {
    margin-bottom: 10px;
  }
  .m_tovar_tabs_cont {
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .tovar_video_list li {
    max-width: calc(100% / 2 - 30px);
  }
  .tovar_video_list li:nth-child(n+4) {
    margin-top: 0;
  }
  .tovar_video_list li:nth-child(n+3) {
    margin-top: 30px;
  }
  .m_reviews .m_catalog_pag {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m_reviews .m_catalog_pag .m_catalog_pag_reload {
    margin-bottom: 20px;
  }
  .tovar_teaser_info_wrap_full .tovar_teaser_info_big_desc {
    flex-direction: column;
  }
  .tovar_teaser_info_wrap_full .tovar_teaser_info_big_desc span,
  .tovar_teaser_info_wrap_full .tovar_teaser_info_big_desc p {
    max-width: 100%;
  }
  .m_tovar_gllery_main li {
    height: 330px;
  }
  .m_about_company_wrap.content{
    padding: 20px;
  }
}
@media (max-width: 767px) {

  .f_bottom_wrap > div > a:nth-child(1){
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .halfholder{
    flex-direction: column;
  }
  .halfholder .half_10,
  .halfholder .half_20,
  .halfholder .half_30,
  .halfholder .half_40,
  .halfholder .half_50,
  .halfholder .half_60,
  .halfholder .half_70,
  .halfholder .half_80,
  .halfholder .half_90{
    width: calc(100% - 10px);
    margin: 5px;
  }
  .lightblueblockbr,
  .lightblueblock,
  .brandredblock,
  .lightyellowblockbr,
  .lightyellowblock,
  .lightgrayblockbr,
  .lightredblockbr,
  .lightgrayblock,
  .lightredblock{
    padding: 10px;
  }
  .m_catalog_left_banner{
    display: none;
  }
  .content iframe{
    width: 100%!important;
    height: auto;
    min-height: 320px;
  }
  .m_popular_lists li{
    width: 100%;
  }
  .m_pagetitle{
    font-size: 18px;
  }
  .m_banner_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_banner_wrap_slider {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .m_banner_wrap_slider .slick-arrow {
    display: none!important;
  }
  .m_banner_wrap_slider_list .slick-dots {
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
  }
  .m_banner_wrap_slider_list li {
    align-items: flex-start;
    padding: 15px;
    padding-top: 25px;
  }
  .m_banner_wrap_slider_info span {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .m_banner_wrap_slider_info p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .m_banner_wrap_slider_info_sub a,
  .white_but {
    font-size: 10px;
  line-height: 1.25;
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 30px;
  box-sizing: border-box;
}
  .m_banner_wrap_slider_list li {
    min-height: 240px;
  }
  .m_banner_wrap_tovar {
    max-width: 425px;
  }
  .f_top_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .f_top_nav {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .f_top_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
  }
  .f_top_list li {
    width: auto;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .f_bottom_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .f_bottom_wrap p {
    margin-top: 10px;
  }
  .h_slogan {
    display: none;
  }
  .m_catalog_categor_list li {
    max-width: calc(33.333% - 10px);
  }
  .m_catalog_head_mini_nav {
    display: none;
  }
  .m_catalog_head_right {
    max-width: 100%;
  }
  .m_tovar_tabs li a {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 30px;
  }
  .m_tovar_char_list_left span {
    font-size: 12px;
  }
  .m_tovar_char_list_left {
    max-width: 130px;
    padding-right: 10px;
  }
  .m_tovar_char_list_right {
    padding-left: 20px;
  }
  .m_tovar_char_list_right p {
    font-size: 12px;
  }
  .m_tovar_char_list_right {
    max-width: 140px;
  }
  .m_tovar_tabs_cont > p {
    font-size: 12px;
  }
  .m_reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_reviews_left {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .m_reviews_right {
    max-width: 375px;
  }
  .m_reviews_list_body p {
    font-size: 12px;
  }
  .m_tovar_main_card_top_info_body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_tovar_info_body_left {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .one_clikc_form {
    max-width: 350px;
    margin-bottom: 0;
  }
  .m_tovar_info_body_right_info p {
    text-align: center;
  }
  .m_tovar_info_body_left {
    padding-right: 0;
  }
  .tovar_teaser_info_wrap_full {
    margin-bottom: 20px;
  }
  .m_tovar_info_body_basket {
    justify-content: center;
    margin-bottom: 20px;
  }
  .m_tovar_info_body_like {
    display: flex;
    justify-content: center;
  }
  .m_tovar_info_body_right {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .m_tovar_main_card_top_info_head {
    display: flex;
    flex-direction: column;
  }
  .m_tovar_info_head_left {
    max-width: 100%;
  }
  .m_tovar_info_head_right {
    max-width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
  .m_tovar_info_head_right_price {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  .m_tovar_info_head_right_price span {
    text-align: left;
    justify-content: flex-start;
  }
  .m_tovar_main_card_top_info_head {
    margin-bottom: 20px;
  }
  .m_kilk_wrap {
    margin-right: 20px;
  }
  .modal_video iframe {
    height: 300px;
  }
  .modal_video {
    height: 300px;
    max-width: 500px;
  }
  .m_tovar_main_card_top_info {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 649px) {
  .m_popular_list .slick-slide:after {
    display: none;
  }
  .m_prof_list li {
    width: 50%;
    border: none!important;
  }
  .m_prof_list li:nth-child(2n + 2) {
    border-left: 1px solid var(--ts-border)!important;
  }
  .tovar_video_list li {
    max-width: calc(100% - 30px);
    margin-bottom: 30px;
  }
  .tovar_video_list li:nth-child(n+3) {
    margin-top: 0;
  }
  .tovar_video_list li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 550px) {
  .m_license_list_body {
    padding: 15px;
  }
  .m_license_list_info li:not(:last-child) {
    margin-bottom: 15px;
  }
  .m_license_list_head {
    padding-left: 15px;
    padding-right: 15px;
  }
  .m_license_list_head p {
    font-size: 16px;
    line-height: 18px;
    min-height: 36px;
  }
  .m_license_list_info li p {
    font-size: 12px;
  }
  .m_license_list_info li span {
    font-size: 12px;
  }
  .m_license_list_bottom span {
    font-size: 18px;
  }
  .m_license_list_bottom {
    margin-bottom: 15px;
  }
  .m_license_list_body {
    margin-bottom: 0;
  }
  .m_license_order {
    font-size: 14px;
  }
  .m_part_wrap_list li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
  .m_part_wrap_list {
    justify-content: center;
  }
  .m_prof_list li {
    width: 100%;
    border: none!important;
  }
  .m_prof_list li:nth-child(2n + 2) {
    border-left: none!important;
  }
  .m_prof_list li p {
    text-align: center;
  }
  .title {
    font-size: 20px;
    line-height: 24px;
  }
  .m_about_company_wrap img {
    margin-bottom: 20px;
  }
  .m_about_company_wrap {
    padding-bottom: 20px;
  }
  .m_prof_list li img {
    max-width: 40px;
    margin-bottom: 10px;
  }
  .m_prof_list li span {
    margin-bottom: 10px;
  }
  .m_about_company_wrap p {
    font-size: 14px;
  }
  .m_adv_wrap li {
    width: 100%;
  }
  .m_adv_wrap li:not(:last-child) {
    border: none;
  }
  .m_catalog_list li {
    width: calc(100% - 10px);
  }
  .m_catalog_list li:after {
    display: none!important;
  }
  .m_banner_wrap_slider_big li {
    min-height: 220px;
  }
  .m_catalog_categor_list li {
    max-width: calc(50% - 10px);
  }
  .m_catalog_categor_list li a span {
    font-size: 42px;
  }
  .m_catalog_head_sort > span {
    display: none;
  }
  .m_catalog_pag {
    padding-left: 0;
    flex-direction: column;
    padding-bottom: 15px;
    padding-top: 25px;
  }
  .m_catalog_pag_reload {
    margin-bottom: 30px;
  }
  .m_reviews_list_head {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .m_reviews_list_head span {
    margin-bottom: 5px;
  }
  .m_tovar_tabs li {
    width: 100%;
    float: left;
    padding: 0;
  }
  .m_tovar_tabs li:not(:last-child) {
    border-bottom: 1px solid var(--ts-border);
  }
  .m_tovar_tabs li a {
    width: 100%;
    border: none!important;
    border-radius: 0;
  }
  .m_tovar_tabs li .m_tovar_tabs--active {
    color: var(--ts-white);
    background-color: var(--ts-accent)!important;
  }
  .m_tovar_tabs {
    padding-left: 0;
    padding-right: 0;
    background-color: var(--ts-white);
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .m_tovar_gllery_main li {
    height: 245px;
  }
}


/* ============================================================================
   ДОДАНІ ПРАВИЛА
   Цей блок доданий понад початковий файл. Його можна видалити цілком,
   і сайт повернеться до попередньої поведінки.
   ============================================================================ */

/* ---- Доступність: видимий фокус при керуванні клавіатурою ---------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: var(--ts-focus-width) solid var(--ts-accent);
  outline-offset: 2px;
}

/* Прибираємо стандартну рамку лише там, де є власний стиль фокуса */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

/* ---- Захист від переповнення кнопок довгим текстом ----------------------- */
/* Румунські та українські формулювання довші за російські, і текст переносився.
   Кнопка тепер росте вгору-вниз, а не ламає сітку.                           */
.main_form_but,
.white_but,
.border_link {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

/* ---- Довгі назви товарів не ламають картку ------------------------------- */
.tovar_teaser_name,
.m_tovar_info_head_left h1 {
  overflow-wrap: break-word;
}

/* ---- Зображення не виходять за межі контейнера --------------------------- */
.content img,
.product_characteristics img {
  max-width: 100%;
  height: auto;
}

/* ---- Вбудоване відео на мобільних ---------------------------------------- */
/* В описах товарів є YouTube iframe без обгортки. Без цього правила
   на телефоні відео вилазить за екран.                                       */
.content iframe {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}


/* ---- Блок ліцензій на вузьких екранах -------------------------------------
   Дві причини поламаної розкладки:
   1) .m_license_list_body має flex-direction: column та align-items: center.
      За такого центрування дочірні блоки НЕ розтягуються на всю ширину,
      а отримують ширину за вмістом.
   2) .m_license_list_info ul має display: flex, а його пункти за замовчуванням
      не стискаються вужче власного вмісту (min-width: auto).
   Разом: довгий рядок «Ліцензія Торгсофт-Ультра | 1 робоче місце, 1 ліцензія»
   розпирав контейнер, і той вилазив за межі картки вліво та вправо.

   Виправлення діє від 991px, бо саме там картки стають у стовпчик.          */
@media (max-width: 991px) {

  /* 1. Діти розтягуються на всю ширину картки */
  .m_license_list_body {
    align-items: stretch;
  }

  .m_license_list_info,
  .m_license_list_bottom {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* 2. Звичайний потік замість flex: пункти можуть переноситись */
  .m_license_list_info ul {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 20px;
  }

  .m_license_list_info li {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    float: none;
  }

  /* 3. Мітка над значенням, обидва на всю ширину */
  .m_license_list_info li span,
  .m_license_list_info li p {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    float: none;
    padding-right: 0;
    overflow-wrap: break-word;
  }

  .m_license_list_info li span {
    margin-bottom: 2px;
    line-height: 1.3;
  }

  .m_license_list_info li p {
    line-height: 1.4;
  }

  .m_license_list_info li:not(:last-child) {
    margin-bottom: 14px;
  }

  /* 4. Ціна та кнопка лишаються по центру */
  .m_license_list_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .m_license_list_bottom_links {
    width: auto;
    float: none;
  }

  /* 5. Заголовок картки не обрізається */
  .m_license_list_head p {
    overflow-wrap: break-word;
  }
}


/* ============================================================================
   ТАБЛИЦІ В КОНТЕНТІ
   Порівняльні та довідкові таблиці в описах, статтях і розділах.
   Таблиця характеристик товару має власні правила, вони нижче.
   ============================================================================ */

.content table,
.m_about_company_wrap table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ts-text);
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.content table caption,
.m_about_company_wrap table caption {
  caption-side: top;
  text-align: left;
  padding-bottom: 10px;
  font-size: 13px;
  color: var(--ts-muted);
}

.content table th,
.m_about_company_wrap table th {
  padding: 12px 16px;
  text-align: left;
  vertical-align: bottom;
  font-family: var(--ts-font);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ts-muted);
  background: transparent;
  border-bottom: 2px solid var(--ts-graphite);
}

.content table td,
.m_about_company_wrap table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--ts-border);
  overflow-wrap: break-word;
}

.content table td:first-child,
.m_about_company_wrap table td:first-child {
  font-weight: 500;
  color: var(--ts-graphite);
}

.content table tbody tr:nth-child(even),
.m_about_company_wrap table tbody tr:nth-child(even) {
  background: var(--ts-surface-soft);
}

.content table tbody tr:hover,
.m_about_company_wrap table tbody tr:hover {
  background: var(--ts-surface);
}

.content table tbody tr:last-child td,
.m_about_company_wrap table tbody tr:last-child td {
  border-bottom: none;
}

.content table a,
.m_about_company_wrap table a {
  color: var(--ts-accent);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .content table,
  .m_about_company_wrap table {
    font-size: 13px;
    margin: 18px 0;
  }
  .content table th,
  .content table td,
  .m_about_company_wrap table th,
  .m_about_company_wrap table td {
    padding: 10px 12px;
    min-width: 110px;
  }
  .content table th:first-child,
  .content table td:first-child,
  .m_about_company_wrap table th:first-child,
  .m_about_company_wrap table td:first-child {
    min-width: 150px;
  }
}

.content table::-webkit-scrollbar,
.m_about_company_wrap table::-webkit-scrollbar {
  height: 6px;
}
.content table::-webkit-scrollbar-thumb,
.m_about_company_wrap table::-webkit-scrollbar-thumb {
  background: var(--ts-border);
  border-radius: 3px;
}

/* ---- Таблиця характеристик товару: власна розкладка ---------------------- */

.product_characteristics table tr,
.tovar_teaser .tovar_teaser_info_wrap table tr {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  display: flex;
}

.product_characteristics table tr td:nth-child(1),
.tovar_teaser .tovar_teaser_info_wrap table tr td:nth-child(1){
  width: 50%;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-muted);
  padding-right: 10px;
}

.product_characteristics table tr td:nth-child(2),
.tovar_teaser .tovar_teaser_info_wrap table tr td:nth-child(2){
  width: 50%;
  float: left;
  font-family: var(--ts-font);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--ts-text);
}

.product_characteristics table {
  display: table;
  overflow-x: visible;
  margin: 0;
  font-size: inherit;
}
.product_characteristics table td {
  padding: 0;
  border-bottom: none;
  min-width: 0;
}
.product_characteristics table td:first-child {
  color: inherit;
}
.product_characteristics table tbody tr:nth-child(even),
.product_characteristics table tbody tr:hover {
  background: transparent;
}


/* ============================================================================
   СМИСЛОВІ РОЛІ КОЛЬОРУ
   Було: звичайна ціна, плашка «Новинка» і плашка «Акція» — однаковий червоний.
   Знижка не читалася як знижка. «Під замовлення» і «Продано» фарбувалися
   помаранчевим, тобто кольором дії: він одночасно означав «натисніть»
   і «немає в наявності».
   Стало: статус приглушений, промо кольорове, ціна нейтральна.
   ============================================================================ */

/* ---- Ціна ---------------------------------------------------------------- */
.tovar_teaser_new_rpice,
.full_card_new_price,
.price_license {
  color: var(--ts-price);
}

/* Червоною ціна стає лише тоді, коли поруч є стара — тобто це справді знижка */
.tovar_teaser_bottom_price:has(.tovar_teaser_old_rpice) .tovar_teaser_new_rpice,
.m_tovar_info_head_right_price:has(.full_card_old_price) .full_card_new_price {
  color: var(--ts-price-sale);
}

.tovar_teaser_old_rpice,
.full_card_old_price {
  color: var(--ts-muted);
  text-decoration: line-through;
}

/* ---- Статус наявності ---------------------------------------------------- */
.status_sa {
  background: var(--ts-status-in);
}

.status_sp {
  background: var(--ts-status-order);
}

.status_product.status_green {
  background: var(--ts-status-in);
  color: var(--ts-white);
}

.status_product.status_yellow {
  background: var(--ts-brand-yellow-soft);
  color: var(--ts-graphite);
}

.status_product.status_red {
  background: var(--ts-status-out);
  color: var(--ts-white);
}

/* ---- Промоплашки: м'які чипи ---------------------------------------------
   Було: чотири суцільні заливки на картку. Стало: світла підкладка
   і насичений текст. Прийом застосовують GitHub, Linear, Stripe, Vercel.   */
.sale_span {
  background: var(--ts-tint-sale);
  color: var(--ts-tint-sale-text);
}

.sale_span.mark_top {
  background: var(--ts-tint-neutral);
  color: var(--ts-graphite);
}

.sale_span.mark_new {
  background: var(--ts-tint-accent);
  color: var(--ts-tint-accent-text);
}

.sale_span.dext_tovar_span,
.dext_tovar_span {
  background: var(--ts-tint-yellow);
  color: var(--ts-graphite);
}

/* ---- Єдине оформлення плашок і статусів ---------------------------------- */
.sale_span,
.status_s,
.status_s_p {
  border-radius: var(--ts-radius);
  letter-spacing: 0.02em;
}


/* ============================================================================
   КАРТКА ТОВАРУ: ІЄРАРХІЯ
   Порівняння з еталонними майданчиками показало три проблеми:
   1) банер доставки був найяскравішим елементом сторінки і перебивав кнопку;
   2) «в кошик» і «купити в 1 клік» мали однакову вагу, тобто головного
      заклику не було;
   3) ціна дрібна й відірвана від кнопки.
   ============================================================================ */

/* ---- 1. Банер безкоштовної доставки -------------------------------------- */
/* Був червоний, тобто кольором знижки. Тепер спокійна інформаційна плашка:
   помітна, але не голосніша за кнопку купівлі.                               */
.text_free_delivery {
  background: var(--ts-note-bg);
  color: var(--ts-note-text);
  padding: 10px 14px;
  border-radius: var(--ts-radius);
  border-left: 3px solid var(--ts-yellow);
  font-weight: 500;
  line-height: 1.4;
}

/* ---- 2. Ієрархія кнопок --------------------------------------------------- */
/* Головна дія лишається залитою.                                             */
.m_tovar_info_body_basket .main_form_but,
.product_to_basket .main_form_but {
  background: var(--ts-btn-primary);
  color: var(--ts-white);
}

/* Другорядна дія стає контурною: видно, що вона є, але вона не сперечається. */
.one_clikc_form .main_form_but.fast_buy {
  background: transparent;
  color: var(--ts-graphite);
  border: 1px solid var(--ts-graphite);
}

.one_clikc_form .main_form_but.fast_buy:hover {
  background: var(--ts-graphite);
  color: var(--ts-white);
  border-color: var(--ts-graphite);
}

/* Блок швидкої покупки більше не претендує на увагу */
.one_clikc_form {
  background: var(--ts-surface-soft);
  border-color: var(--ts-border);
  padding: 18px;
  border-radius: var(--ts-radius);
}

.one_clikc_form > p {
  color: var(--ts-muted);
  font-size: 13px;
}

/* ---- 3. Ціна -------------------------------------------------------------- */
.full_card_new_price {
  font-size: 30px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.full_card_old_price {
  font-size: 16px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .full_card_new_price { font-size: 26px; }
}

/* ---- 4. Повітря в картці -------------------------------------------------- */
.m_tovar_main_card_top_info_head {
  margin-bottom: 22px;
}

.m_tovar_info_body_basket {
  margin-top: 4px;
}

.tovar_teaser_info_wrap.tovar_teaser_info_wrap_full ul li {
  margin-bottom: 10px;
}

/* Роздільник між блоком купівлі та описом */
.m_tovar_main_card_bot {
  margin-top: 10px;
}

/* ---- 5. Відео в описі ----------------------------------------------------- */
/* Два ролики на всю ширину займали майже половину опису.                     */
.m_tovar_tabs_cont .content iframe,
.content iframe {
  max-width: 560px;
  width: 100%;
  margin: 20px 0;
  border-radius: var(--ts-radius);
}

/* ---- 6. Дрібні акценти ---------------------------------------------------- */
.m_tovar_info_head_left p i {
  font-style: normal;
  color: var(--ts-muted);
}


/* ============================================================================
   БЛОК ПОКУПКИ (buy box)
   Все, що стосується купівлі, зібрано в одну рамку і йде згори вниз
   у порядку ухвалення рішення: наявність, ціна, кількість, головна дія,
   запасний шлях, умови доставки.
   Раніше ціна стояла у правому верхньому куті, а кнопка внизу ліворуч,
   між ними — артикул, статус, виробник і банер доставки.
   ============================================================================ */

.ts_buybox {
  width: 100%;
  border: 1px solid var(--ts-border);
  border-radius: 8px;
  padding: 20px;
  background: var(--ts-white);
  box-sizing: border-box;
}

/* 1. Статус наявності */
.ts_buybox__status {
  margin-bottom: 12px;
}

.ts_buybox__status .status_product {
  border-radius: var(--ts-radius);
  font-size: 14px;
  padding: 5px 12px;
}

/* 2. Ціна */
.ts_buybox .m_tovar_info_head_right_price {
  width: 100%;
  max-width: 100%;
  float: none;
  padding-left: 0;
  margin: 0 0 18px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ts_buybox .full_card_new_price {
  width: auto;
  float: none;
  text-align: left;
  justify-content: flex-start;
}

/* 3. Кількість і головна кнопка */
.ts_buybox .m_tovar_info_body_basket {
  width: 100%;
  float: none;
  display: flex;
  align-items: center;
  margin: 0 0 12px 0;
}

.ts_buybox .m_tovar_info_body_basket .main_form_but {
  flex: 1 1 auto;
  max-width: none;
}

/* 4. Запасний шлях: форма розгортається за кліком */
.ts_fastbuy {
  width: 100%;
  margin-bottom: 16px;
}

.ts_fastbuy__toggle {
  display: block;
  list-style: none;
  cursor: pointer;
  text-align: center;
  padding: 10px 16px;
  border: 1px solid var(--ts-graphite);
  border-radius: var(--ts-radius-pill);
  font-family: var(--ts-font);
  font-weight: bold;
  font-size: 13px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--ts-graphite);
  background: transparent;
  transition: .3s;
  user-select: none;
}

.ts_fastbuy__toggle::-webkit-details-marker { display: none; }
.ts_fastbuy__toggle::marker { content: ""; }

.ts_fastbuy__toggle:hover {
  background: var(--ts-graphite);
  color: var(--ts-white);
}

.ts_fastbuy[open] .ts_fastbuy__toggle {
  background: var(--ts-graphite);
  color: var(--ts-white);
  border-radius: var(--ts-radius) var(--ts-radius) 0 0;
}

.ts_fastbuy__body {
  padding-top: 14px;
}

.ts_buybox .one_clikc_form {
  width: 100%;
  max-width: 100%;
  float: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}

.ts_buybox .one_clikc_form > p {
  float: none;
  margin-bottom: 12px;
}

.ts_buybox .one_clikc_form .review_form_item {
  margin-bottom: 12px;
}

/* усередині розгорнутої форми кнопка знову залита: це вже підтвердження дії */
.ts_buybox .one_clikc_form .main_form_but.fast_buy {
  background: var(--ts-btn-primary);
  color: var(--ts-white);
  border: none;
  max-width: none;
  width: 100%;
}

.ts_buybox .one_clikc_form .main_form_but.fast_buy:hover {
  background: var(--ts-btn-primary-hover);
  color: var(--ts-white);
}

/* 5. Доставка — довідкова інформація в кінці блоку */
.ts_buybox__delivery .text_free_delivery {
  display: block;
  float: none;
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0;
}

/* ---- Колонки ------------------------------------------------------------- */
@media (min-width: 992px) {
  .m_tovar_info_body_right {
    max-width: 340px;
  }
  .m_tovar_info_body_left {
    max-width: calc(100% - 340px);
    padding-right: 40px;
  }
  /* блок покупки лишається на очах під час прокручування опису */
  .ts_buybox {
    position: sticky;
    top: 20px;
  }
}

@media (max-width: 991px) {
  .m_tovar_info_body_right {
    align-items: stretch;
  }
  .ts_buybox {
    padding: 16px;
  }
}


/* ---- Виправлення: жовтий блок доставки підтікав під форму ------------------
   Усередині .one_clikc_form елементи мають float: left. Блок доставки йшов
   слідом звичайним потоком, тому його фон малювався позаду плаваючої форми.
   Створюємо окремий контекст форматування і скидаємо обтікання.            */
.ts_fastbuy__body,
.ts_buybox .one_clikc_form {
  display: flow-root;
  overflow: hidden;
}

.ts_buybox__delivery {
  clear: both;
  display: block;
  width: 100%;
  padding-top: 4px;
}

.ts_buybox .one_click_thanks {
  clear: both;
  float: none;
  width: 100%;
}

/* ---- Короткі характеристики в лівій колонці -------------------------------
   Після переїзду блоку покупки праворуч ліворуч лишалися тільки виробник
   і категорія, через що під галереєю зяяла порожнеча. Показуємо перші
   характеристики товару — так влаштовані картки на великих майданчиках.
   Якщо характеристик немає, сніпет не поверне <ul>, і блок ховається.       */
.ts_specs_preview {
  width: 100%;
  float: left;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--ts-border);
}

/* блок без списку не показуємо */
.ts_specs_preview:not(:has(ul)) {
  display: none;
}

.ts_specs_preview__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ts-font);
  font-weight: 600;
  font-size: 15px;
  color: var(--ts-graphite);
  text-decoration: none;
  margin-bottom: 14px;
  transition: .3s;
}

.ts_specs_preview__title::after {
  content: "→";
  font-weight: normal;
  color: var(--ts-accent);
}

.ts_specs_preview__title:hover {
  color: var(--ts-accent);
  text-decoration: none;
}

.ts_specs_preview a.ts_specs_preview__title {
  text-decoration: none;
}

.ts_specs_preview ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ts_specs_preview li {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.ts_specs_preview li span {
  width: 50%;
  color: var(--ts-muted);
}

.ts_specs_preview li p {
  width: 50%;
  margin: 0;
  color: var(--ts-text);
}

@media (max-width: 767px) {
  .ts_specs_preview li {
    flex-direction: column;
    gap: 2px;
  }
  .ts_specs_preview li span,
  .ts_specs_preview li p {
    width: 100%;
  }
}


/* ---- Вирівнювання двох списків у лівій колонці ----------------------------
   Список «Виробник / Категорія» має колонку мітки шириною 150px,
   а короткі характеристики були 50/50. Дві різні сітки в одному блоці
   виглядали як помилка верстки. Зводимо до однієї.                          */
.ts_specs_preview li {
  gap: 0;
  margin-bottom: 12px;
}

.ts_specs_preview li span {
  width: 100%;
  max-width: 150px;
  font-size: 14px;
}

.ts_specs_preview li p {
  width: 100%;
  max-width: calc(100% - 150px);
  font-size: 14px;
}

/* Прогалина 40px перед роздільником була завеликою */
.m_tovar_info_body_left .tovar_teaser_info_wrap_full ul {
  margin-bottom: 0;
}

.m_tovar_info_body_left .tovar_teaser_info_wrap.tovar_teaser_info_wrap_full {
  margin-bottom: 0;
}

.ts_specs_preview {
  margin-top: 18px;
  padding-top: 18px;
}

/* «Додати в обране» стояло впритул до останньої характеристики */
.m_tovar_info_body_left .m_tovar_info_body_like {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--ts-border);
}

@media (max-width: 767px) {
  .ts_specs_preview li span,
  .ts_specs_preview li p {
    max-width: 100%;
  }
}


/* ============================================================================
   ЗНИЖЕННЯ ЧЕРВОНОГО
   Теракотовий акцент близький за тоном до червоного, тому все, що раніше
   фарбувалося цими двома кольорами, злилося в одну пляму. Лишаємо насичений
   колір лише за головною дією, решту переводимо в нейтральні тони.
   ============================================================================ */

/* ---- Верхня смуга ---------------------------------------------------------
   Насичена заливка на всю ширину — прийом застарілий: смуга кричить гучніше
   за товар. Сучасні повідомні смуги роблять ледь тонованими, з тонкою межею
   знизу. Помітно, але сприймається як службове повідомлення.                */
.h_text_info_block {
  background: var(--ts-graphite);
  color: var(--ts-white);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  padding-top: 9px;
  padding-bottom: 9px;
}

.h_text_info_block a {
  color: var(--ts-brand-yellow);
  text-decoration: none;
}

/* СВІТЛИЙ ВАРІАНТ СМУГИ, якщо темна виявиться заважкою:
.h_text_info_block {
  background: var(--ts-banner-bg);
  color: var(--ts-graphite);
  border-bottom: 1px solid var(--ts-border);
}
*/

/* ---- Посилання ------------------------------------------------------------
   ПОМИЛКА ПОПЕРЕДНЬОЇ ВЕРСІЇ: усі посилання стали графітовими, тобто
   кольором звичайного тексту, і зникли з очей.
   Правильний поділ: посилання ВСЕРЕДИНІ ТЕКСТУ мають бути видимі —
   колір плюс підкреслення. Картки товарів, меню, кнопки лишаються
   нейтральними: там клікабельність видно з контексту.                      */
a {
  color: var(--ts-link);
}

a:hover {
  color: var(--ts-link-hover);
}

/* Посилання в контентних блоках -------------------------------------------
   ПОМИЛКА ПОПЕРЕДНЬОЇ ВЕРСІЇ: селектор .m_about_company_wrap a чіпляв УСІ
   посилання всередині обгортки. А шаблон оформлення замовлення теж обгорнутий
   у .m_about_company_wrap content, і всередині нього всі п'ять посилань —
   це кнопки та вкладки. Кнопка «Підтвердити замовлення» отримала темний
   теракотовий текст на теракотовому тлі й стала нечитабельною.

   Тепер стилізуємо лише посилання ВСЕРЕДИНІ АБЗАЦІВ, СПИСКІВ І ЗАГОЛОВКІВ.
   Кнопка ніколи не лежить у <p>, тому помилка стає неможливою за побудовою. */
.content p a,
.content li a,
.content h2 a,
.content h3 a,
.m_about_company_wrap p a,
.m_about_company_wrap li a,
.m_about_company_wrap h2 a,
.m_about_company_wrap h3 a,
.m_tovar_tabs_cont p a,
.m_tovar_tabs_cont li a,
.m_tovar_tabs_cont h2 a,
.m_tovar_tabs_cont h3 a {
  color: var(--ts-tint-accent-text);
}

.content p a:hover,
.content li a:hover,
.m_about_company_wrap p a:hover,
.m_about_company_wrap li a:hover,
.m_tovar_tabs_cont p a:hover,
.m_tovar_tabs_cont li a:hover {
  color: var(--ts-accent);
}

/* ---- Захист: текст на залитих кнопках завжди білий -----------------------
   Правило-запобіжник. Хоч би який селектор у майбутньому спробував
   перефарбувати посилання, кнопки лишаться читабельними.                   */
.confirm_order,
.confirm_order:hover,
.button_green,
.button_green:hover,
.order_page .login_button,
.order_page .login_button:hover,
a.main_form_but,
a.main_form_but:hover,
.selector_order_type a.active,
.cookie_pop .cookie_apply {
  color: var(--ts-white) !important;
  text-decoration: none !important;
}

/* ---- Наведення на кнопки: темніший акцент замість чистого червоного ------ */
.main_form_but:hover,
#feedback .submit_feedback:hover,
.social_follow_holder a:hover,
.cookie_pop .cookie_apply {
  background: var(--ts-accent-hover);
}

.m_banner_wrap_slider_info_sub a:hover,
.white_but:hover {
  background: var(--ts-accent-hover);
}

/* ---- Статуси: логіка світлофора -------------------------------------------
   ПОМИЛКА ПОПЕРЕДНЬОЇ ВЕРСІЇ: правило .status_s стояло нижче за .status_sa,
   специфічність однакова, тому зелений «В наявності» перефарбувався в сірий
   разом з усіма. Усі три статуси злилися в один колір.
   Тепер кожен модифікатор має власну специфічність і власний стан.         */
.status_s.status_sa {
  background: var(--ts-tint-success);
  color: var(--ts-tint-success-text);
}

.status_s.status_sp {
  background: var(--ts-tint-yellow);
  color: var(--ts-graphite);
}

.status_s:not(.status_sa):not(.status_sp),
.status_s_p {
  background: var(--ts-tint-neutral);
  color: var(--ts-muted);
}

/* ---- Ціна ліцензій: та сама логіка, що й у товарів ----------------------- */
.m_license_list_bottom span {
  color: var(--ts-price);
}

/* ---- Межі та дрібні акценти --------------------------------------------- */
.m_catalog_categor_list li a {
  border-color: var(--ts-border);
}

.m_banner_wrap_menu_list_inside li.active span,
.m_banner_wrap_menu_list_inside li.active a {
  color: var(--ts-accent);
}

/* ---- Іконки блоку переваг: були червоні кола ----------------------------- */
.m_adv_wrap_img svg path {
  stroke: var(--ts-graphite);
}

.m_adv_wrap li:nth-child(even) .m_adv_wrap_img svg path {
  stroke: var(--ts-graphite);
}

/* ---- Обране: сірий контур, акцент лише коли обрано ----------------------- */
.tovar_teaser_bottom_links .tovar_teaser_like--active svg path {
  stroke: var(--ts-accent) !important;
}


/* ============================================================================
   ТИПОГРАФІКА
   ============================================================================ */

/* ---- Резервні шрифти для елементів без явного font-family ---------------- */
body,
input,
select,
textarea,
button {
  font-family: var(--ts-font);
}

/* ---- Великі заголовки -----------------------------------------------------
   Від'ємний міжлітерний інтервал на великих кеглях — прийом, який відрізняє
   сучасну верстку від верстки десятирічної давнини. На дрібному тексті
   не застосовується, там він шкодить читабельності.                         */
h1,
.m_pagetitle,
.m_tovar_info_head_left h1 {
  letter-spacing: -0.02em;
  line-height: 1.2;
}

h2,
.title,
.m_part_title {
  letter-spacing: -0.01em;
  line-height: 1.25;
}

/* ---- Читабельність основного тексту -------------------------------------- */
.content p,
.content li,
.m_about_company_wrap p,
.m_about_company_wrap li,
.m_tovar_tabs_cont p,
.m_tovar_tabs_cont li {
  line-height: 1.6;
}

/* ---- Цифри однакової ширини ----------------------------------------------
   Ціни, суми й кількості перестають стрибати при зміні значення.            */
.full_card_new_price,
.tovar_teaser_new_rpice,
.price_license,
.cart_total_all,
.cart_total_no_discount,
.cart_total_discount,
.m_license_list_bottom span,
.quantity input {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* ---- Плашки: дрібний текст потребує розрядки ----------------------------- */
.sale_span,
.status_s,
.status_s_p,
.status_product {
  letter-spacing: 0.03em;
}


/* ---- Посилання: тонке підкреслення замість суцільного --------------------
   Суцільна лінія під текстом виглядає застаріло. Сучасний прийом:
   ледь помітна лінія з відступом, яка наливається кольором під курсором.
   Діє лише на текстові посилання, не на кнопки.                            */
.content p a,
.content li a,
.content h2 a,
.content h3 a,
.m_about_company_wrap p a,
.m_about_company_wrap li a,
.m_about_company_wrap h2 a,
.m_about_company_wrap h3 a,
.m_tovar_tabs_cont p a,
.m_tovar_tabs_cont li a,
.m_tovar_tabs_cont h2 a,
.m_tovar_tabs_cont h3 a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(185, 49, 15, 0.35);
  text-underline-offset: 3px;
  transition: text-decoration-color .2s, color .2s;
}

.content p a:hover,
.content li a:hover,
.m_about_company_wrap p a:hover,
.m_about_company_wrap li a:hover,
.m_tovar_tabs_cont p a:hover,
.m_tovar_tabs_cont li a:hover {
  text-decoration-color: currentColor;
}


/* ============================================================================
   ВИПАДАЮЧЕ МЕНЮ КАТАЛОГУ
   Панель завжди розкривалася на фіксовані 700px і три колонки, незалежно
   від кількості пунктів. У «Ліцензій» їх чотири, тож дві колонки лишалися
   порожніми, але роздільники малювалися все одно — звідси відчуття «штори».

   Тепер ширина панелі та кількість колонок визначаються кількістю пунктів.
   Лічильник — селектор :has(li:nth-child(N)), підтримується всіма
   сучасними браузерами. У старих браузерах спрацює запасний варіант нижче.
   ============================================================================ */

@media (min-width: 992px) {

  /* ---- Запасний варіант: як було ---------------------------------------- */
  .m_banner_wrap_menu_list_wrap {
    width: 700px;
  }

  /* ---- До 7 пунктів: одна колонка, вузька панель, без роздільників ------- */
  .m_banner_wrap_menu_list > li:not(:has(.m_banner_wrap_menu_list_inside li:nth-child(8))) .m_banner_wrap_menu_list_wrap {
    width: 300px;
  }

  .m_banner_wrap_menu_list_inside:not(:has(li:nth-child(8))) li {
    width: 100%;
  }

  .m_banner_wrap_menu_list_inside:not(:has(li:nth-child(8)))::before,
  .m_banner_wrap_menu_list_inside:not(:has(li:nth-child(8)))::after {
    display: none;
  }

  /* ---- Від 8 до 14 пунктів: дві колонки ---------------------------------- */
  .m_banner_wrap_menu_list > li:has(.m_banner_wrap_menu_list_inside li:nth-child(8)):not(:has(.m_banner_wrap_menu_list_inside li:nth-child(15))) .m_banner_wrap_menu_list_wrap {
    width: 500px;
  }

  .m_banner_wrap_menu_list_inside:has(li:nth-child(8)):not(:has(li:nth-child(15))) li {
    width: 50%;
  }

  .m_banner_wrap_menu_list_inside:has(li:nth-child(8)):not(:has(li:nth-child(15)))::before {
    left: 50%;
  }

  .m_banner_wrap_menu_list_inside:has(li:nth-child(8)):not(:has(li:nth-child(15)))::after {
    display: none;
  }

  /* ---- Від 15 пунктів: три колонки, як було ------------------------------ */
  .m_banner_wrap_menu_list_inside:has(li:nth-child(15)) li {
    width: 33.333%;
  }
}

/* ---- Щільність пунктів ----------------------------------------------------
   line-height: 280% давав 39px на рядок. Пункт у два рядки займав 78px,
   через що панель виглядала розрідженою і рвалася.                          */
.m_banner_wrap_menu_list_inside li span,
.m_banner_wrap_menu_list_inside li a {
  line-height: 1.4;
  padding-top: 9px;
  padding-bottom: 9px;
  width: 100%;
  float: none;
  display: block;
}

.m_banner_wrap_menu_list_inside li {
  margin-bottom: 0;
}

/* Підсвітка пункту під курсором замість самої лише зміни кольору тексту */
.m_banner_wrap_menu_list_inside li a:hover {
  color: var(--ts-accent);
}

/* ---- Плавна прокрутка до якорів ------------------------------------------ */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* ---- Друк: приховуємо службові елементи ---------------------------------- */
@media print {
  header, footer, .h_search, .m_catalog_filter,
  .m_tovar_info_body_basket, .one_clikc_form, #overflow {
    display: none !important;
  }
  body { background: var(--ts-white); color: var(--ts-text); }
}

/* ---- Тимчасова заміна помаранчевих фонів ----------------------------------
   Два банери — це JPG, і вони лишилися помаранчевими після зміни акценту.
   Поки Віка не перемалює їх, можна прибрати картинку і залити рівним тоном.
   Щоб увімкнути, приберіть коментар нижче.

.m_part {
  background-image: none;
  background-color: var(--ts-graphite);
}
.m_part_title,
.m_part .m_part_title {
  color: var(--ts-white);
}
.m_catalog_left_banner {
  background-image: none;
  background-color: var(--ts-graphite);
}

   ------------------------------------------------------------------------- */
#login input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--ts-black);
  
  font-style: normal;
  font-weight: 500;
}
#login input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--ts-black);
  
  font-style: normal;
  font-weight: 500;
}
#login input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--ts-black);
  
  font-style: normal;
  font-weight: 500;
}
#login input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--ts-black);
  
  font-style: normal;
  font-weight: 500;
}

#consultation,
#login{
  position: fixed;
  top: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  padding: 15px;
  z-index: 9999;
  text-align: center;
}
#consultation .success_text{
  color: var(--ts-danger-bg);
  font-weight: bold;
}
#preorder input,
#notify input,
#callback input,
#consultation input,
#login input{
  max-width: 400px;
  display: block;
  color: var(--ts-text-soft);
  border: 1px solid var(--ts-border);
  font-size: 14px;
  
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0px 15px 0px 15px;
  border-radius: 25px;
  line-height: 32px;
  width: 100%;
  margin: 5px auto;
  background-color: var(--ts-white);
  outline: none;
}
#preorder input:focus,
#notify input:focus,
#callback input:focus,
#consultation input:focus,
#login input:focus{
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    outline: none;
}
#consultation .popup_title,
#login .popup_title{
  color: var(--ts-white);
  font-size: 22px;
  margin: 5px auto;
}
#consultation .login_title,
#login .login_title{
color: var(--ts-white);
    font-size: 22px;
    margin: 5px auto;
    
    font-style: normal;
    font-weight: 600;
}
.to_login, .to_registration, .to_forget_pass {
    font-size: 14px;
    background: none;
    text-align: center;
    color: var(--ts-white);
    text-decoration: none;
    display: inline-block;
    margin: 5px 0px;
    padding: 10px;
    transition: 0.5s;
    
    font-style: normal;
    font-weight: 300;
}
.to_login:hover, .to_registration:hover, .to_forget_pass:hover {
    color: var(--ts-white);
    text-decoration: underline;
}
.registration_vk_form .login_title,
.registration_fb_form .login_title,
.registration_ok_form .login_title{
  font-size: 18px;
}
.thanks_text_registration_ok,
.thanks_text_registration_fb,
.thanks_text_registration_vk{
  display: none;
  text-align: center;
  width: 100%;
  color: var(--ts-success);
  font-size: 18px;
}
.thanks_text_registration_ok p,
.thanks_text_registration_fb p,
.thanks_text_registration_vk p{
  text-align: center;
  color: var(--ts-success);
  font-size: 18px;
}
.success_text,
.thanks_text_registration,
.thanks_text_forget{
  display: none;
  text-align: center;
  width: 100%;
  overflow: hidden;
  color: var(--ts-white);
  background: var(--ts-accent);
  line-height: 20px;
  margin: 0px;
  padding: 10px;
  
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}
.success_text p,
.thanks_text_registration p,
.thanks_text_forget p{
  margin: 0px;
}
.registration_form{display:none}
.forget_form{display:none}

#product_view{
	display: none;
}




#sizetable,
#order_info {
  background: var(--ts-white);
  display: none;
  padding: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -350px;
  width: 700px;
  z-index: 2002;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid var(--ts-text-soft);
}
#sizetable .sizetable,
#order_info .order_products{
  max-height: 400px;
  overflow-y: auto;
  overflow-x: auto;
  
  font-style: normal;
  line-height: 14px;
  font-size: 12px;
}
#order_info .order_products thead tr:first-child{
  border-bottom: 2px solid var(--ts-text-soft);
}
#order_info .order_products tbody tr{
  border-bottom: 1px solid var(--ts-text-soft);
}
#order_info .order_products tbody tr:last-child{
  border-bottom: 2px solid var(--ts-text-soft);
}
#order_info .order_products .td_1{
  width: 75px;
  height: 75px;
}
#order_info .order_products .td_1 a{
  width: 75px;
  height: 75px;
}
#order_info .order_products .td_2{
  width: 300px;
}
#order_info .order_products .td_2 a{
    font-size: 15px;
    color: var(--ts-text-soft);
}
#order_info .price_op{
    text-align: center;
    color: var(--ts-text-soft);
    font-size: 15px;
    padding: 0px 0px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}
#order_info thead tr td{
    font-size: 15px;
    color: var(--ts-text-soft);
}
#order_info tr td{
  text-align: center;
  padding: 5px 10px;
  vertical-align: middle;
}
#order_info tr .tfoot_1{
  text-align: left;
    font-size: 24px;
    color: var(--ts-text-soft);
}
#order_info .quantity{
    font-size: 17px;
    color: var(--ts-text-soft);
}
#order_info .sum_price{
    text-align: center;
    color: var(--ts-text-soft);
    font-size: 17px;
}
#order_info .td_5{
  width: 220px;
}
#order_info tfoot p{
  font-weight: bold;
  font-size: 20px;
}
.disnone{
  display: none;
}
#success_adding_compare,
#success_adding_wish,
#success_adding{
  background: var(--ts-white);
  display: none;
  padding: 12px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -250px;
  width: 500px;
  z-index: 252;
  text-align: center;
}

#success_adding_compare p,
#success_adding_wish p,
#success_adding p{
  font-size: 16px;
  color: var(--ts-text-soft);
  
  font-style: normal;
  font-weight: 600;
  margin: 10px auto;
}

#alert{
  background: var(--ts-white);
  display: none;
  padding: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -150px;
  width: 300px;
  z-index: 252;
  text-align: center;
  border: 1px solid var(--ts-text-soft);
}
#alert p{
  font-size: 22px;
  
  font-style: normal;
  font-weight: 600;
  color: var(--ts-danger);
}

#information{
  position: fixed;
  top: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  padding: 15px;
  z-index: 252;
  text-align: center;
}
#information .popup_content{
  color: var(--ts-white);
}
#preorder,
#notify,
#callback{
  position: fixed;
  top: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  padding: 15px;
  z-index: 252;
  text-align: center;
}
#preorder .popup_title,
#notify .popup_title,
#callback .popup_title{
  color: var(--ts-white);
  font-size: 22px;
  margin: 5px auto;
  
  font-style: normal;
  font-weight: 600;
}


#preload{
  display: none;
  background: rgba(0,0,0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
#preload #loaderImage,
#preload img{
  top: 50%;
  position: fixed;
  left: 50%;
  margin-left: -64px;
  margin-top: -64px;
}
.error_input{
  background: var(--ts-danger-bg)!important;
  border: 1px solid var(--ts-danger)!important;
}

#success_adding .light_button,
#success_adding_wish .light_button,
#success_adding_compare .light_button,
#success_adding_wish .login_button,
#success_adding_compare .login_button,
#preorder .light_button,
#notify .light_button,
#callback .light_button,
#consultation .light_button,
#login .light_button{
  background: var(--ts-accent);
  border-radius: 25px;
  cursor: pointer;
  transition: .3s;
  
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: var(--ts-white);
  padding: 10px 15px;
  display: inline-block;
  text-decoration: none;
  margin: 5px auto;
}
#success_adding .light_button:hover,
#success_adding_wish .light_button:hover,
#success_adding_compare .light_button:hover,
#success_adding_wish .login_button:hover,
#success_adding_compare .login_button:hover,
#preorder .light_button:hover,
#notify .light_button:hover,
#callback .light_button:hover,
#consultation .light_button:hover,
#login .light_button:hover{
    background-color: var(--ts-sale);
    color: var(--ts-white);
    text-decoration: none;
}
.pwd_thanks_text,
.profile_thanks_text,
.thanks_text{
  text-align: center;
  font-size: 20px;
  display: none;
  color: var(--ts-white);
  background: var(--ts-accent);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
  margin: 20px auto;
}

#promo_percent{
  margin: 15px;
  font-size: 18px;
  display: inline-block;
}
#promo_percent span{
  background: var(--ts-success);
  color: var(--ts-white);
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
}

.opt_user_prove_success{
  font-size: 22px;
  background: var(--ts-success);
  padding: 5px 10px;
  color: var(--ts-white);
  margin: 10px 0px;
  line-height: 34px;
}
.opt_user_prove_failure{
  font-size: 22px;
  background: var(--ts-accent);
  padding: 5px 10px;
  color: var(--ts-white);
  margin: 10px 0px;
}




.match_container {
  position: absolute;
  right: 0;
  top: 50px;
  background-color: var(--ts-white);
  border: 1px solid var(--ts-black);
  overflow: hidden;
  width: 100%;
  z-index: 99999;
  display: none;
}
.search_container ul{
  padding: 5px 10px 5px 10px;
}
.search_container ul li{
  display: block;
  width: 100%;
  text-align: left;
}
.search_container ul li a{
  line-height: 14px;
  display: flex;
  padding: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.search_container ul .match_product_img{
  position: relative;
  display: inline-block;
  top: auto;
  right: auto;
  left: auto;
  padding-left: 5px;
  text-align: left;
  margin-right: 10px;
}
.search_container ul .match_product_name{
  position: relative;
  display: inline-block;
  color: var(--ts-text);
  right: auto;
  left: auto;
  top: auto;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  vertical-align: top;
}


.search_container ul li a:hover{
  background: var(--ts-accent);
}
.search_container ul :hover .match_product_name{
  color: var(--ts-white);
}
#overflow_1 {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.social_auth{
  text-align: center;
}
.social_auth li{
  display: inline-block;
}
.social_auth li span,
.social_auth li a{
  color: var(--ts-white);
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}

.login_fb{
  background: url(img/login/login_fb.png);
  background-size: 32px 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.login_vk{
  background: url(img/login/login_vk.png);
  background-size: 32px 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.login_ok{
  background: url(img/login/login_ok.png);
  background-size: 32px 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
}


.pop_close{
  position: absolute;
  top: 0px;
  right: 0px;
  background: var(--ts-white);
  font-size: 25px;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 36px;
  cursor: pointer;
  border: 1px solid var(--ts-graphite-deep);
  transition:0.5s;
}
.pop_close a:hover {
    color: var(--ts-accent);
}
.pop_close:hover{
  color: var(--ts-accent); 
}
#overflow{
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  overflow: hidden;
  z-index: 250;
  overflow: auto;
  overflow-y: none;
  background: rgba(0, 0, 0, 0.55);
}
.oh{
  overflow: hidden;
}
.hidden{
  display: none;
}


















.cabinet_menu .cabinet_menu_link{
  font-size: 14px;
  color: var(--ts-black);
  background: var(--ts-surface);
  vertical-align: top;
  width: 100%;
  height: 75px;
  padding: 25px 10px;
  display: block;
  position: relative;
  
  font-style: normal;
  line-height: normal;
  text-decoration: none;
}
.cabinet_menu .cabinet_menu_link::before{
  content: " ";
  display: inline-block;
  width: 3px;
  height: 75px;
  background:var(--ts-border);
  position: absolute;
  top: 0px;
  left: 0px;
  transition:0.5s;
}
.cabinet_menu .cabinet_menu_link:focus,
.cabinet_menu .cabinet_menu_link:active,
.cabinet_menu .cabinet_menu_link:hover,
.cabinet_menu .cabinet_menu_link.active{
  text-decoration: none;
  background: var(--ts-accent);
  color: var(--ts-white);
}
.cabinet_menu .cabinet_menu_link:focus::before,
.cabinet_menu .cabinet_menu_link:active::before,
.cabinet_menu .cabinet_menu_link:hover::before,
.cabinet_menu .cabinet_menu_link.active::before{
  background:var(--ts-accent);
}

.cabinet_tab{
  display: none;
  overflow: hidden;
  background: var(--ts-surface);
  padding: 5px 10px;
}
.cabinet_tab.active{
  display: block;
}

.pk_logout{
  display: block;
  float: left;
  background: url(img/icons/pk_logout.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 0px 2px;
}
.pk_history{
  display: block;
  float: left;
  background: url(img/icons/pk_history.png);
  background-repeat: no-repeat;
  background-size: 16px 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 0px 3px;
}
.pk_favorite{
  display: block;
  float: left;
  background: url(img/icons/pk_favorite.png);
  background-repeat: no-repeat;
  background-size: 15px 14px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 0px 4px;
}
.pk_compare{
  display: block;
  float: left;
  background: url(img/icons/pk_compare.png);
  background-repeat: no-repeat;
  background-size: 15px 14px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 0px 4px;
}
.pk_person{
  display: block;
  float: left;
  background: url(img/icons/pk_person.png);
  background-repeat: no-repeat;
  background-size: 13px 15px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 1px 2px;
}

.cabinet_menu a:focus i,
.cabinet_menu a:hover i,
.cabinet_menu a.active i{
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.cabinet_tabs .c_title,
.c_tab_title{
  text-transform: uppercase;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 16px;
  color: var(--ts-black);
}
.opt_user{
  display: none;
}
.opt_user.active{
  display: block;
}
.user_info_form textarea,
.user_info_form input{
    margin: 5px 0px 15px 0px;
    width: 100%;
    float: left;
    
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 13px;
    color: var(--ts-muted);
    height: 42px;
    border: 1px solid var(--ts-border);
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.user_info_form textarea:focus,
.user_info_form input[type="text"]:focus{
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  outline: none;
  border: 1px solid var(--ts-accent);
  color: var(--ts-black);
}

.user_info_form .input label{
    font-size: 14px;
    margin: 0px 0px 0px 3px;
    color: var(--ts-graphite-deep);
    display: block;
    
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: none!important;
}
.user_info_block{
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.user_info_block p small{
  color: var(--ts-accent);
}


.order_page .login_button{
  float: left;
  background: var(--ts-accent);
  color: var(--ts-white);
  text-align: center;
  width: 200px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
}
.order_page .login_button:hover{
  background: var(--ts-sale);
  text-decoration: none;
}
.favorite_btns,
.personal_btns{
  text-align: center;
}
.confirm_order,
.favorite_btns .button_green,
.personal_btns .button_green{
    width: auto;
    clear: both;
    float: left;
    text-align: center;
    padding-left: 28px;
    padding-right: 28px;
    display: flex;
    justify-content: center;
    line-height: 42px;
    transition: .3s;
    
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    font-size: 14px;
    color: var(--ts-white);
    background: var(--ts-accent);
    border-radius: 25px;
    border: none;
    margin: 20px auto;
}
.confirm_order:hover,
.favorite_btns .button_green:hover,
.personal_btns .button_green:hover{
    background: var(--ts-sale);
    color: var(--ts-white);
    text-decoration: none;
}
.confirm_order{
  float: none;
}
.personal_cabinet{
  margin-top: 30px;
  margin-bottom: 20px;
}


.remove_favorite{
  display: block;
  position: absolute;
  top: 10px;
  right: 0px;
  cursor: pointer;
  background: url(img/icons/remove_favorite.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
  background-position: 0px 0px;
  z-index: 2;
}
.catalog_favorite .tpl_product_colors{
  bottom: 0px;
  top: auto;
}
.favorite_btns{
  text-align: center;
}

.orders_history{
  width: 100%;
  background: var(--ts-surface-soft);
  
  font-style: normal;
  line-height: 14px;
  font-size: 12px;
}
.orders_history thead tr td{
  text-align: center;
  border-top: 2px solid var(--ts-border);
  border-bottom: 2px solid var(--ts-border);
  color:var(--ts-text-soft);
  background: var(--ts-white);
  padding: 10px 10px;
}
.orders_history a{
  font-weight: bold;
  color: var(--ts-graphite-deep);
}
.orders_history a:hover{
  color: var(--ts-accent);
}
.orders_history tr:hover{
    background: var(--ts-surface);
}
.orders_history tbody tr td{
  text-align: center;
  padding: 10px 10px;
}
.status_delivered{
  color: var(--ts-success);
}
.status_cancel{
  color: var(--ts-danger);
}
.status_wait{
  color: var(--ts-graphite);
}
.status_new{
  color: var(--ts-graphite);
}
.cabinet_mobile_menu{
  display: none;
}
.confirm_img{
  width: 100%;
  display: block;
}
.c_confirm_title{
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
  margin: 20px 15px;
}
.confirm_page{
  margin: 30px auto;
}
.order_confirm{
  width: 100%;
}

.order_confirm tbody tr:nth-child(odd){
  background:var(--ts-surface);
  color: var(--ts-text-soft);
}
.order_confirm tbody tr:nth-child(even){
  background:var(--ts-surface-soft);
  color: var(--ts-black);
}
.order_confirm tbody tr:hover{
  background: var(--ts-border);
}
.order_confirm tbody tr td{
  padding: 12px 8px;
}
.confirm_delivery b,
.confirm_pay b{
  min-width: 80px;
  display: inline-block;
  margin-bottom: 5px;
  color: var(--ts-graphite-deep);
}
.confirm_delivery,
.confirm_pay{
  color: var(--ts-graphite-deep);
}
.confirm_info{
  margin-top: 25px;
}
.confirm_info_left{
  float: left;
  display: block;
}
.confirm_info_right{
  float: right;
  display: block;
  font-size: 18px;
}
.confirm_info_right b{
  margin-left: 5px;
}

.order_block{
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 20px;
  background: var(--ts-surface);
  border-radius: 5px;
  float: left;
  width: 100%;
}
.order_block.active{
  box-shadow: 0px 0px 10px 1px var(--ts-border);
}
.order_step{
  text-transform: uppercase;
  font-size: 16px;
  color: var(--ts-sale);

}
.order_delivery_info p{
  color: var(--ts-white);
  font-size: 15px;
}
.order_block .input label{
  font-size: 14px;
  font-weight: normal;
  color: var(--ts-graphite-deep);
  margin: 10px 5px 10px 15px;
  display: block;
}
.step_icon{
  display: inline-block;
  background: url(img/icons/step_icon.png);
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: 5px 5px;
  width: 20px;
  height: 20px;
  vertical-align: top;
  transition: 1s;
}
.order_user_info{
  margin-top: 20px;
}
.next_step{
  float: right;
}

.tab_delivery_courier,
.tab_delivery_shop,
.tab_delivery_newpost_courier,
.tab_delivery_newpost,
.tab_cash_pay,
.tab_card_pay,
.tab_regular_user,
.tab_new_user{
  display: none;
}

.tab_delivery_newpost_courier.active,
.tab_delivery_courier.active,
.tab_delivery_shop.active,
.tab_delivery_newpost.active,
.tab_cash_pay.active,
.tab_card_pay.active,
.tab_regular_user.active,
.tab_new_user.active{
  display: block;
}
.order_block_nav{
  border-bottom: 1px solid var(--ts-border);
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.to_tab_delivery_newpost_courier,
.to_tab_delivery_courier,
.to_tab_delivery_shop,
.to_tab_delivery_newpost,
.to_tab_cash_pay,
.to_tab_sms_pay, 
.to_tab_card_pay,
.to_tab_regular_user,
.to_tab_new_user{
  display: block;
  width: 50%;
  font-size: 16px;
  float: left;
  padding: 11px 5px;
  text-align: center;
  border: 3px solid transparent;    
  color: var(--ts-accent);
  text-decoration: none;
}
.clr{
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}



.to_tab_delivery_newpost_courier:active,
.to_tab_delivery_newpost_courier:focus,
.to_tab_delivery_newpost_courier.active,
.to_tab_delivery_newpost_courier:hover,
.to_tab_delivery_courier:active,
.to_tab_delivery_courier:focus,
.to_tab_delivery_courier.active,
.to_tab_delivery_courier:hover,
.to_tab_delivery_shop:active,
.to_tab_delivery_shop:focus,
.to_tab_delivery_shop:hover,
.to_tab_delivery_shop.active,
.to_tab_delivery_newpost:active,
.to_tab_delivery_newpost:focus,
.to_tab_delivery_newpost:hover,
.to_tab_delivery_newpost.active,
.to_tab_sms_pay:active,
.to_tab_sms_pay.active,
.to_tab_sms_pay:focus,
.to_tab_sms_pay:hover,
.to_tab_cash_pay:active,
.to_tab_cash_pay:focus,
.to_tab_cash_pay:hover,
.to_tab_cash_pay.active,
.to_tab_card_pay:active,
.to_tab_card_pay:focus,
.to_tab_card_pay:hover,
.to_tab_card_pay.active,
.to_tab_regular_user:active,
.to_tab_regular_user:focus,
.to_tab_regular_user:hover,
.to_tab_regular_user.active,
.to_tab_new_user:active,
.to_tab_new_user:focus,
.to_tab_new_user:hover,
.to_tab_new_user.active{
  color: var(--ts-accent);
  background: none;
  border-bottom: 3px solid var(--ts-accent);
  text-decoration: none;
}
.order_delivery_info .input{
  margin-bottom: 12px;
}
.order_delivery_info .input label{
  margin-bottom: 3px;
}
.order_page{
  margin-top: 20px;
  margin-bottom: 50px;
  
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}







.order_block textarea,
.order_block input{
    width: 100%;
    
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 13px;
    color: var(--ts-text);
    height: 36px;
    border: 1px solid var(--ts-border);
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.order_block textarea:focus,
.order_block input[type="text"]:focus{
  border: 1px solid var(--ts-accent);
  outline: none;
}
.order_block textarea{
  max-width: 100%;
  min-width: 100%;
  min-height: 65px;
  max-height: 400px;
}




.basket_holder{
  color: var(--ts-graphite-deep);
  border-radius: 5px;
  background: var(--ts-surface);
  padding: 10px;
  margin: 20px auto;
}
.basket_case{
  width: 100%;
  background: none;
  margin-top: 42px;
  color: var(--ts-graphite-deep);
}
.basket_case tr{

}
.basket_case tr td{
  padding: 20px;
  vertical-align: middle;
  text-align: center;
}
.basket_product_name{
  display: block;
  text-align: left;
  color: var(--ts-graphite-deep);
  font-size: 14px;
  text-transform: uppercase;
}
.basket_product_name:hover{
  color: var(--ts-accent);
}
.basket_product_info{
  display: block;
  text-align: left;
  color:var(--ts-accent);
  font-size: 11px;
}

.basket_product_info span{
  color: var(--ts-accent);
  font-size: 11px;
}

.amount_few{
  text-align: center;
  display: block;
  font-size: 14px;
  margin-bottom: 0px;
}
.price .amount_1{
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: bold;
}

.basket_remove{
  color: var(--ts-sale);
  background: transparent;
  border-radius: 5px;
  line-height: 38px;
  height: 38px;
  width: 38px;
  text-align: center;
  display: block;
  transition:0.3s;
  margin: 0px auto;
}
.basket_remove:hover{
  color: var(--ts-white);
  background: var(--ts-sale);
}


.cart_btn{
  position: relative;
  width: 50%;
  float: right;
  background: var(--ts-border);
  color: var(--ts-text);
  font-size: 12px;
  font-weight: normal;  
}
.quantity{
  overflow: hidden;
  position: relative;
  border: none;
  border-radius: 0px;
  line-height: 40px;
  height: 84px;
  width: 55px;
  margin: 0px auto;
}
.quantity .cart_quantity{
  display: block;
  text-align: center;
  width: 100%;
  height: 28px;
  line-height: 28px;
  background: none;
  padding: 0px;
  border: 0px;
  margin: 0px;
  color: var(--ts-graphite-deep);
}
.btn_plus{
  display: block;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  height: 28px;
  background: transparent;
  border-radius: 5px;
  color: var(--ts-accent);
  font-weight: bold;
  transition:0.5s;
}

.btn_minus{
  display: block;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  height: 28px;
  background: transparent;
  border-radius: 5px;
  color: var(--ts-accent);
  font-weight: bold;
  transition:0.5s;
}
.plus-minus:hover{
  color: var(--ts-white);
  background: var(--ts-accent);
}
.total_p_sum{
  font-weight: bold;
  font-size: 18px;
}
.basket_case td:nth-child(1){
  width: 160px;
}
.basket_case tr{
}
.basket_case tr:last-child{
  border-bottom: 1px solid var(--ts-border);
}
.basket_result .tabs_holder{
  border: 1px solid var(--ts-border);
  background: var(--ts-surface-soft);
  padding: 15px;
}
.basket_input{
  margin: 10px auto;
}
.basket_input_title{
  color: var(--ts-graphite-deep);
  font-size: 14px;
  float: left;
  width: 50%;

}
.confirm_page_content{
  display:block!important;
  
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order_pay_info p{
  color: var(--ts-graphite-deep);
  font-size: 14px;
}
.cart_total_discount,
.cart_total_no_discount,
.cart_total_cur,
.cart_total_all,
.cart_total_delivery,
.cart_total{
  color: var(--ts-graphite-deep);
  font-weight: bold;
}
.basket_title{
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  font-size: 18px;
}
.basket_input input{
  width: 50%;
  height: 30px;
  color: var(--ts-text-soft);
  padding: 0px 10px;
  font-size: 16px;
  line-height: 30px;
}

.basket_case .cart-images{
  border: 1px solid var(--ts-border);
  display: block;
  width: 130px;
  margin: 0px auto;
  border-radius: 5px;
  overflow: hidden;
}
.basket_case .cart-images img{
  width: 100%;
}
.total_cart_sum{
  float: right;
  color: var(--ts-accent);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 10px auto;
}
.total_cart_sum_cur{
  float: right;
  color: var(--ts-accent);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 5px auto;
}
.cart_btns{
  float: right;
}
.shopping_continue{
  display: inline-block;
  margin-right: 20px;
  color: var(--ts-success);
  font-weight: bold;
  font-size: 14px;
}
.b_title{
  display: none;
}
.p_h_title{
  display: none;
  float: left;
}







.chosen-container{
  width: 100%!important;
  outline: none;
  background: transparent;
  border: none;
  border-radius: 5px;
}
.chosen-container-single .chosen-single{
  line-height: 36px;
  height: 36px;
  outline: none;
  background: var(--ts-white);
  box-shadow: none;
  font-weight: bold;
  color: var(--ts-graphite-deep);
  border-radius: 4px;
  border: 1px solid var(--ts-white);
}
.chosen-container-single .chosen-single:hover{
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

}
.chosen-container-single .chosen-search input[type=text]{
  color: var(--ts-graphite-deep);
}
.order_block .chosen-container-single input[type="text"]:focus{
  color: var(--ts-graphite-deep);
}

.chosen-container-active.chosen-with-drop .chosen-single{
    background: var(--ts-white);
    border: 1px solid var(--ts-white);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.chosen-container-single .chosen-single div{ 
  width: 36px;
  height: 36px;
}
.chosen-container-single .chosen-single span{
  margin-right: 0px;
}

.chosen-container-single .chosen-single div b{
  background-image: url('img/icons/drop_down.png?u=1')!important;
  background-size: 100%!important;
  background-position: 0px 0px!important;
  transition:transform 0.5s;
}
.chosen-container.chosen-with-drop .chosen-drop{
    border: 0px;
    background: var(--ts-white);
    color: var(--ts-graphite-deep);
    font-weight: bold;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.3);
}
.chosen-container-single .chosen-drop,
.chosen-container .chosen-drop{
  border: 1px solid var(--ts-accent);
  border-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}


.chosen-container-single .chosen-single div,
.chosen-container-active.chosen-with-drop .chosen-single div{
  background: var(--ts-white);
}
.chosen-container-active.chosen-with-drop .chosen-single div b{
  background-position: 0px 0px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chosen-container .chosen-results li.highlighted{
  background: var(--ts-accent);
  color: var(--ts-white);
}
.chosen-container .chosen-results{
  margin: 0px 0px 0px 0;
  padding: 0 0 0 0px;
  clear: both;
}
.chosen-container .chosen-results li{
  line-height: 28px;
}

.order_f_l{
  display: none;
}

.m_head_btns{
  display: none;
  text-align: center;
}
.main_head_btns{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}
.main_head_btns .head_btn_action,
.m_head_btns .head_btn_action{
  color: var(--ts-danger);
  
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  display: inline-block;    
  text-decoration: none;
  margin: 5px 15px;
}
.main_head_btns .head_btn_new,
.m_head_btns .head_btn_new{
  color :var(--ts-accent);
  
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  display: inline-block; 
  text-decoration: none;
  margin: 5px 15px;
}
.desktop_btns{
  display: block;
  text-align: left;
  margin-bottom: 20px;
}
.main_head_btns .head_btn_action,
.main_head_btns .head_btn_new{
    display: inline-block;
    text-align: center;
    width: 49%;
    margin: 10px 0%;
}
.desktop_btns.m_head_btns .head_btn_new,
.desktop_btns.m_head_btns .head_btn_action {
  margin: 5px 0px;
  display: block;
}
.m_catalog_sort_list_select .chosen-container{
  width: 80px!important;
  margin: 0px 8px;
}
.m_catalog_sort_list_select .chosen-container-single .chosen-single span{
  line-height: 36px;
}
.paginate li{
  list-style: none;
  display: inline-block;
  padding: 5px;
}
.ui-widget-header {
    border: 1px solid var(--ts-graphite);
    background: var(--ts-graphite);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid var(--ts-graphite);
    background: var(--ts-border);
    font-weight: bold;
    color: var(--ts-graphite);
}
.ntf_back{
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 0px auto;
    text-align: center;
}
@media (max-width: 1600px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {



  .cabinet_tab .cabinet_menu_link{
    font-size: 16px;
    color: var(--ts-black);
    background: var(--ts-surface);
    vertical-align: top;
    width: 100%;
    height: 75px;
    padding: 25px 10px;
    display: block;
    position: relative;
  }
  .cabinet_tab .cabinet_menu_link::before{
    content: " ";
    display: inline-block;
    width: 3px;
    height: 75px;
    background:var(--ts-border);
    position: absolute;
    top: 0px;
    left: 0px;
    transition:0.5s;
  }
  .cabinet_tab .cabinet_menu_link:focus,
  .cabinet_tab .cabinet_menu_link:active,
  .cabinet_tab .cabinet_menu_link:hover,
  .cabinet_tab .cabinet_menu_link.active{
    text-decoration: none;
    background: var(--ts-accent);
    color: var(--ts-white);
  }
  .cabinet_tab .cabinet_menu_link:focus::before,
  .cabinet_tab .cabinet_menu_link:active::before,
  .cabinet_tab .cabinet_menu_link:hover::before,
  .cabinet_tab .cabinet_menu_link.active::before{
    background:var(--ts-accent);
  }


  .cabinet_tab{
    display: block!important;
  }
  .cabinet_tab .inner_tab_content{
    display: none;
  }
  .cabinet_tab.active .inner_tab_content{
    display: block;
  }
  .cabinet_mobile_menu{
    display: block;
  }
  .filter_maintitle{
    display: none;
  }
  
  .fs_search .filter_row{
    width: 48%;
  }
}
@media (max-width: 850px){

}
@media (max-width: 768px) {
  .site-footer{
    padding-top: 5px;
    padding-bottom:5px;
  }
  .pt-5, .py-5{
    padding-top: 5px!important;
    margin-top: 5px!important;
  }
  .hidden-xs{
    display: none;
  }
  .desktop_btns{
    display: none!important;
  }

  .opt_user_prove_success{
    font-size: 16px;
  }
  .order_page .basket_case{

  }
  .order_page .basket_case tr td{
    padding: 10px 10px;
  }
  .basket_case tr{
    border-bottom: 1px solid var(--ts-border);
  }
  .basket_case tr td{
    padding: 3px;
  }
  .match_container{
    width: 100%;
  }
  .fs_search .filter_row{
    width: 100%;
  }
}
@media (max-width: 580px){
    .basket_product_name_holder,
  .wrapper_amount,
  .basket_count{
    max-width: 180px;
    display: inline-block;
  }
  .b_title{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: left;
    text-align: left;
  }
  .p_h_title{
    display: inline-block;
  }
  .orders_history tbody tr{
    border-bottom: 2px solid var(--ts-accent);
  }
  .orders_history tbody tr:last-child{
    border: none;
  }
  .orders_history thead{
    display: none;
  }
  .basket_case .cart-images{
    width: 130px;
    border: none;
  }
  .basket_product_name_holder{
    display: inline-block;
    width: 50%;
  }
  .basket_case tr{
  }
  .basket_case tr:last-child{
    border: none;
  }
  .order_count{
    display: inline-block;
  }
  .order_history_btnns{
    text-align: center;
  }
  .orders_history tr td{
    width: 100%!important;
    display: block;
    border-bottom: 1px solid var(--ts-border);    
    text-align: right!important;
  }
  .basket_case thead{
    display: none;
  }
  .basket_product_info,
  .basket_product_name{
    text-align: left;
  }
  .basket_case tr td{
    padding: 10px 0px;
    width: 100%!important;
    display: block;
    text-align: left;
    overflow: hidden;
  }
  .basket_remove{
    display: inline-block;
  }
  .order_f_l{
    display: block;
    float: left;
    width: 50%;
  }
  .order_f_r{
    display: block;
    float: left;
    width: 50%;
  }
  .c_confirm_title{
    background: var(--ts-surface-soft);
    margin: 0px 15px;
    padding: 10px;
  }
  .order_confirm tbody tr:nth-child(2){
    border-top:1px solid var(--ts-accent);    
  }
  .order_confirm tbody tr:nth-child(even){
    border-bottom:1px solid var(--ts-accent);
  }
  .order_confirm tbody tr:nth-child(even) td{
    text-align: left;
    display: block;
    width: 100%!important;  
    overflow: hidden;
    border-bottom: 1px solid var(--ts-border);
    padding: 12px 15px;
  }
  .order_confirm tbody tr:nth-child(odd){
    display: none;
  }
  .m_head_btns{
    display: block;
  }
  .main_head_btns{
    display: none;
  }
}
@media (max-width: 500px){

}
@media (max-width: 400px){
	#order_info{
	  padding: 5px;
	      margin: -200px 0 0 -150px;
	    width: 300px;
	}
}

/* ============================================================================
   ОФОРМЛЕННЯ ЗАМОВЛЕННЯ: доопрацювання
   ============================================================================ */

/* ---- Кроки ----------------------------------------------------------------
   Були червоні великими літерами. Червоний у нас означає знижку, тому
   для службових підписів він не годиться. Робимо спокійними.                */
.order_step {
  color: var(--ts-graphite);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}

/* ---- Картки кроків -------------------------------------------------------- */
.order_block {
  background: var(--ts-white);
  border: 1px solid var(--ts-border);
  border-radius: 8px;
  padding: 22px;
}

.order_block.active {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  border-color: var(--ts-accent);
}

/* ---- Поля вводу -----------------------------------------------------------
   Скруглення 25px робило поля схожими на кнопки. Форма читається краще,
   коли поля прямокутні: видно межі й довжину рядка.                         */
.order_block textarea,
.order_block input,
.order_page .chosen-container,
.order_page .chosen-container-single .chosen-single {
  border-radius: 8px !important;
}

.order_block .input label {
  margin: 10px 5px 6px 2px;
  color: var(--ts-muted);
  font-size: 13px;
}

.order_block textarea:focus,
.order_block input:focus {
  border: 1px solid var(--ts-accent);
  box-shadow: 0 0 0 3px rgba(212, 57, 17, 0.12);
}

/* ---- Підсумки в кошику ----------------------------------------------------
   Три рядки мали однаковий розмір і колір, тому головна сума губилася.      */
.total_cart_sum {
  color: var(--ts-muted);
  font-size: 15px;
  font-weight: normal;
}

.total_cart_sum span {
  color: var(--ts-text);
  font-weight: 600;
}

.total_cart_sum.is_total {
  color: var(--ts-graphite);
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

.total_cart_sum.is_total span {
  color: var(--ts-graphite);
  font-size: 24px;
}

/* ---- Підсумки в кроці 4 ---------------------------------------------------- */
.basket_input_title {
  color: var(--ts-muted);
  font-size: 14px;
}

.basket_input .form_right {
  float: right;
  color: var(--ts-text);
  font-weight: 600;
}

.basket_input.is_total {
  border-top: 1px solid var(--ts-border);
  padding-top: 12px;
  margin-top: 14px;
}

.basket_input.is_total .basket_input_title {
  color: var(--ts-graphite);
  font-size: 16px;
  font-weight: 600;
}

.basket_input.is_total .form_right {
  color: var(--ts-graphite);
  font-size: 22px;
  font-weight: 600;
}

/* ---- Головна кнопка -------------------------------------------------------- */
.confirm_order,
.favorite_btns .button_green {
  width: 100%;
  float: none;
  display: block;
  box-sizing: border-box;
  margin-top: 18px;
  padding: 14px 24px;
  font-size: 15px;
  border-radius: var(--ts-radius-pill);
  background: var(--ts-accent);
  color: var(--ts-white);
}

.confirm_order:hover,
.favorite_btns .button_green:hover {
  background: var(--ts-accent-hover);
  color: var(--ts-white);
}

/* ---- Кошик ----------------------------------------------------------------- */
.basket_holder {
  background: var(--ts-surface-soft);
  border: 1px solid var(--ts-border);
  border-radius: 8px;
  padding: 6px 20px 20px 20px;
}

.basket_case tr {
  border-bottom: 1px solid var(--ts-border);
}

@media (max-width: 767px) {
  .order_block { padding: 16px; }
  .total_cart_sum.is_total span { font-size: 20px; }
  .basket_input.is_total .form_right { font-size: 19px; }
}

/* ============================================================================
   ЗНИЖЕННЯ ЧЕРВОНОГО В ОФОРМЛЕННІ ЗАМОВЛЕННЯ
   ============================================================================ */

/* ---- Стрілка біля назви кроку була червона ------------------------------- */
.order_step .step_icon {
  opacity: 0.45;
  filter: grayscale(1);
}

/* ---- Видалення товару: сіре, червоніє лише під курсором ------------------ */
.basket_remove {
  color: var(--ts-danger-quiet);
  transition: .2s;
}

.basket_remove:hover {
  color: var(--ts-white);
  background: var(--ts-danger);
}

/* ---- Артикул і службові підписи в кошику --------------------------------- */
.basket_case .articul,
.basket_case small,
.basket_product_name_holder small {
  color: var(--ts-muted);
}

/* ---- Посилання на товар у кошику ----------------------------------------- */
.basket_case a {
  color: var(--ts-graphite);
}

.basket_case a:hover {
  color: var(--ts-accent);
}

/* ---- Наведення на службові кнопки ---------------------------------------- */
.order_page .login_button:hover,
#success_adding .light_button:hover {
  background: var(--ts-accent-hover);
}

/* ---- Рамки таблиць історії замовлень ------------------------------------- */
.orders_history tbody tr,
.order_confirm tbody tr:nth-child(even),
.order_confirm tbody tr:nth-child(2) {
  border-color: var(--ts-border);
}

/* ---- Дрібні червоні деталі в кошику -------------------------------------- */
/* Артикул під назвою товару та стрілки кількості лишалися акцентними,
   через що в кошику миготіло по три червоні цятки на рядок.                 */
.basket_product_info,
.basket_product_info span {
  color: var(--ts-muted);
}

.btn_plus,
.btn_minus {
  color: var(--ts-muted);
  transition: .2s;
}

.btn_plus:hover,
.btn_minus:hover {
  color: var(--ts-accent);
}

/* Підсумки в кошику: колір задає main.css, тут прибираємо старий акцент */
.total_cart_sum,
.total_cart_sum_cur {
  color: var(--ts-muted);
}

/* Межі таблиць історії замовлень були акцентними */
.orders_history tbody tr {
  border-bottom: 2px solid var(--ts-border);
}

.order_confirm tbody tr:nth-child(2) {
  border-top: 1px solid var(--ts-border);
}

.order_confirm tbody tr:nth-child(even) {
  border-bottom: 1px solid var(--ts-border);
}

/* Службові підписи */
.user_info_block p small,
.to_tab_delivery_newpost_courier,
.to_tab_delivery_courier {
  color: var(--ts-muted);
}

/* Повторюємо правила підсумків, бо вище їх перебив загальний .total_cart_sum */
.total_cart_sum.is_total {
  color: var(--ts-graphite);
  font-size: 20px;
  font-weight: 600;
}

.total_cart_sum.is_total span {
  color: var(--ts-graphite);
  font-size: 24px;
}