.nav-links__item-body {
  font-size: 17px;
}

.nav-panel {
  height: 67px;
  color: #333;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025),
    0px 1px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
}

.nav-panel__row > div {
  margin-left: 15px;
}

.nav-links__item-link {
  color: #000;
  opacity: 0.65;
}

.nav-links__item-link:hover {
  opacity: 1;
}

.nav-panel__nav-links.nav-links {
  margin: 0 auto;
}

.indicator.indicator--trigger--click img {
  margin-right: 5px;
}

.langpicker-drop-container {
  border-radius: 5px;
}

.langpicker-drop-container,
.langpicker-drop-container li {
  background: #000;
  color: #fff;
}

.page-header__breadcrumb {
  padding-top: 36px;
}

.page-header__container {
  padding-bottom: 16px;
}

.breadcrumb-item a {
  opacity: 0.65;
}

.breadcrumb-item a:hover {
  opacity: 1;
  color: #000;
}

.product-card__name a {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.007em;
  line-height: 1.4;
  text-transform: none;
  transform: translateZ(0px);
  margin: 0px 0px 3px;
  padding: 0px;
}

.product-card__name a:hover {
  text-decoration: underline;
  color: #000;
}

.product-card {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  text-align: left;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-card:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}

.product-card__image {
  position: relative;
  overflow: hidden;
}

.product-image__img {
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}

.product-card__info {
  margin-top: 10px;
}

.product-card__name {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.product-card__name a {
  text-decoration: none;
  color: inherit;
}

.product-card__name a:hover {
  color: #000;
}

.product-card__prices-and-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

.product-card__prices {
  font-size: 16px;
  font-weight: bold;
  color: #e60000;
}

.original-price {
  text-decoration: line-through;
  color: #999;
  font-size: 14px;
  margin-right: 5px;
}

.product-card__addtocart {
  background: #28a745;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.3s;
}

.product-card__addtocart:hover {
  background: #218838;
}

.product-card__addtocart:disabled {
  background: #ccc;
  cursor: default;
}

.product-card {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.product-card__info {
  flex-grow: 1;
}

.product-card__prices-and-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-left: 18px;
  padding-bottom: 20px;
}

.products-list[data-layout^="grid-"] .product-card .product-card__info {
  padding-left: 17px;
}

@media (max-width: 420px) {
  .products-list__item {
    width: 48%; /* Чтобы влезало по 2 товара в ряд */
    margin: 1%; /* Делаем небольшие отступы */
  }

  .product-card {
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  }

  .product-card__image {
    max-height: 120px; /* Ограничиваем высоту изображения */
    overflow: hidden;
  }

  .product-image__img {
    width: 100%;
    height: auto;
  }

  .product-card__name {
    font-size: 14px;
    text-align: center;
  }

  .product-card__prices-and-button {
    display: flex;
    flex-direction: column; /* Чтобы цена и кнопка были в колонку */
    align-items: center;
    margin-top: 5px;
  }

  .product-card__prices {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .product-card__addtocart {
    font-size: 12px;
    padding: 5px 8px;
    width: 100%; /* Растянуть на всю ширину */
    text-align: center;
  }
}

@media (max-width: 450px) {
  .products-list__item {
    width: 100%; /* По 1 в ряд */
    margin-bottom: 10px; /* Добавляем отступ снизу */
  }
}

@media (min-width: 451px) and (max-width: 768px) {
  .products-list__item {
    width: 48%; /* По 2 в ряд */
    margin: 1%; /* Отступ между карточками */
  }
}

.spec__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.spec__table tr {
  width: 100%;
}

.spec__table td {
  padding: 8px;
  border: 1px solid #ddd;
}

.spec__name {
  font-weight: bold;
  background: #f8f8f8;
  width: 40%;
}

.spec__value {
  text-align: left;
}

.product-files__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.product-files__table th,
.product-files__table td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
}

.product-files__table th {
  background: #f8f8f8;
  font-weight: bold;
}

.product-card__addtocart {
  color: #fff;
  background: black;
}

.product-card__addtocart:hover {
  color: #fff;
  background: #444;
}

/* Обнуление отступов, если нужно */
.nav-links__list,
.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Каждый пункт меню */
.nav-links__item {
  position: relative; /* чтобы submenu мог позиционироваться относительно li */
}

/* Пункт меню, у которого есть submenu */
.nav-links__item--has-submenu > .submenu {
  position: absolute;
  top: 100%; /* подменю появляется под родителем */
  left: 0; /* можно подвинуть, если нужно сместить вправо */
  min-width: 180px; /* ширина выпадающего меню */
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  display: none; /* скрыто по умолчанию */
  z-index: 9999; /* чтобы было поверх других элементов */
}

/* Когда li "открыт" (isOpen === true => класс .nav-links__item--open), показываем .submenu */
.nav-links__item--open > .submenu {
  display: block;
}

/* Вложенные submenu (когда у подменю есть ещё подменю) открываются сбоку */
.nav-links__item--has-submenu
  > .submenu
  > .nav-links__item--has-submenu
  > .submenu {
  top: 0;
  left: 100%; /* сдвигаем вправо от родительского меню */
  margin-left: 1px; /* чтобы было небольшое разделение */
}

/* Базовые стили для списков */
.mobile-links--level--0,
.mobile-links--level--1,
.mobile-links--level--2 /* и т.д. если нужно */ {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Пример отступа для вложенного уровня */
.mobile-links--level--1 {
  margin-left: 16px; /* отступ, чтобы визуально показать вложенность */
}

/* Стиль для элементов */
.mobile-links__item {
  /* Можно добавить границу снизу, фон и т.д. */
}

/* Заголовок пункта меню */
.mobile-links__item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Можно добавить padding, бордер и т.д. */
}

/* Ссылка на категорию */
.mobile-links__item-link {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 8px 0;
}

/* Если хотите иконку-стрелочку для подменю, 
   можно добавлять её условно в React или через псевдоэлемент */
/* .mobile-links__item--has-children::after {
  content: "▸";
  float: right;
  transform: rotate(0deg);
} */

/* Если нужно показывать "стрелку вниз" при открытом подменю */
.mobile-links__item--open::after {
  transform: rotate(90deg);
}

/* Когда у пункта есть подменю, показываем стрелочку вправо (▸, >, ▼, ► и т.д.) */
.mobile-links__item--has-children > .mobile-links__item-title::after {
  content: "▸"; /* Можно заменить на другую стрелочку, например '►' */
  margin-left: auto; /* Чтобы стрелка была справа */
  /* Можно добавить небольшие отступы */
  padding-left: 8px;
}

/* Когда пункт раскрыт, можно повернуть стрелочку вниз (или поменять символ) */
.mobile-links__item--open > .mobile-links__item-title::after {
  content: "▾"; /* Или '▼' или rotate(90deg) */
}

/* Когда у пункта есть подменю, добавляем стрелку (стрелка вправо, например) */
.nav-links__item--has-submenu > .nav-links__item-link::after {
  content: "▾"; /* Можно использовать ►, ▸, ➤ и т.д. */
  margin-left: 8px; /* Отступ от текста */
  transition: transform 0.2s;
}

/* Когда пункт "открыт" (при наведении) - меняем стрелку (вниз, например) */
/* .nav-links__item--open > .nav-links__item-link::after {
  content: "▾"; /* Или ▼, ▾, \25BC и т.д. */
} */

.nav-links__item--has-submenu > .nav-links__item-link::after {
  content: "";
  display: inline-block;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  transform: rotate(45deg); /* стрелка вправо */
  transition: transform 0.2s;
}

.nav-links__item--open > .nav-links__item-link::after {
  transform: rotate(180deg); /* стрелка вниз */
}

li[data-collapse-item="false"]::after {
  content: none !important;
}
.site__header {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.site__body {
    padding-top: 67px;
}

.mobile-header__logo svg{
    width: 87px;
}

.mobile-header__logo svg g{
    fill: #fff;
    stroke: #fff;
}

.mobile-header__logo svg g path{
    fill: #fff;
}

.contact-form button{
    background: #000;
    color: #fff;
}

.contact-form button:hover{
    color: #fff;
}

.mobile-header img {
    margin-right: 5px;
    margin-bottom: 4px;
}

.mobile-header .language-picker {
    color: #fff !important;
}

.site__header.d-lg-block .nav-panel__indicators {
    margin-left: 15px !important;
}