/* Атрибуты width и height проставляются автоматически (init.php), чтобы браузер
   резервировал место под картинку. Без height: auto браузер взял бы высоту из
   атрибута там, где в CSS задана только ширина, и пропорции бы поплыли.
   Правило на теге, поэтому любые классовые размеры его перекрывают. */
img {
  height: auto;
}

/* Картинки-превью каталога лежат прямо во flex-контейнере. Когда у них
   появились width и height, ширину стал считать flex, а не пропорции файла,
   и квадратные логотипы растягивались до ширины ячейки. object-fit возвращает
   прежний вид: изображение вписывается в ячейку, не искажаясь. */
.index-catalog-prev_item-img img {
  object-fit: contain;
}

.search-block:hover .search-block-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.872 3.64644C14.0673 3.84171 14.0673 4.15829 13.872 4.35355L10.6901 7.53553C10.4948 7.73079 10.1782 7.73079 9.98295 7.53553C9.78769 7.34027 9.78769 7.02369 9.98295 6.82843L12.8114 4L9.98295 1.17157C9.78768 0.976309 9.78768 0.659726 9.98295 0.464464C10.1782 0.269202 10.4948 0.269202 10.6901 0.464464L13.872 3.64644ZM0.481445 3.5L13.5185 3.5L13.5185 4.5L0.481445 4.5L0.481445 3.5Z' fill='white'/%3E%3C/svg%3E");
}

.catalogPrevSliderSect .catalog-item-prev_inner {
  padding: 6px 16px 15px 16px;
}

.catalogPrevSliderSect .catalog-item-prev_img img {
  max-width: 100%;
  max-height: 100%;
}

.catalogPrevSliderSect .catalog-item-prev_img {
  height: 90px;
  flex: 0 0 90px;
}

.section-inner {
  position: relative;
  margin: 60px 0 0;
}

.video-block_img img {
  object-fit: cover;
}

.arrow-title::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12797 3.64644C0.932703 3.84171 0.932703 4.15829 1.12796 4.35355L4.30995 7.53553C4.50521 7.73079 4.82179 7.73079 5.01705 7.53553C5.21231 7.34027 5.21231 7.02369 5.01705 6.82843L2.18863 4L5.01705 1.17157C5.21232 0.976309 5.21232 0.659726 5.01705 0.464464C4.82179 0.269202 4.50521 0.269202 4.30995 0.464464L1.12797 3.64644ZM14.5186 3.5L1.48152 3.5L1.48152 4.5L14.5186 4.5L14.5186 3.5Z' fill='%23009599'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-180deg);
}

.arrow-title {
  display: flex;
  align-items: center;
  gap: 24px;
}

.section-sliders section:first-of-type {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .section-sliders .catalog-item-prev {
    width: auto;
  }

  .section-sliders section:first-of-type {
    margin-top: 30px;
  }
}

@media (min-width: 1400px) {
  .catalogPrevSliderSect .catalog-item-prev_img {
    height: 160px;
    flex: 0 0 160px;
  }

  .catalogPrevSliderSect .catalog-item-prev_img img {
    /*max-height: 137px;*/
    max-height: 100%;
    /*height: 100%;*/
  }

  .index-catalog-prev_item-title {
    min-height: 60px;
  }


}

.surgical-info-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  color: rgba(25, 40, 48, 0.9);
  justify-content: flex-start;
  flex-wrap: wrap;
  font: 400 14px/20px Raleway, sans-serif;
}

.surgical-info-text {
  font-variant-numeric: lining-nums proportional-nums;
  width: 49%;
}

@media (max-width: 991px) {
  .surgical-info-text {
    max-width: 100%;
  }
}

/*****breadcrumb*/
.medical-equipment-section {
  display: flex;
  margin-top: 15px;
  flex-direction: column;
  letter-spacing: 0.4px;
  font: 500 12px/1 Raleway, sans-serif;
}

.breadcrumb {
  display: flex;
  min-height: 16px;
  width: 100%;
  align-items: start;
  gap: 15px;
  color: rgba(25, 40, 48, 0.65);
  justify-content: start;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: start;
  position: relative;
  cursor: pointer;
}

.breadcrumb-text {
  font-variant-numeric: lining-nums proportional-nums;
  align-self: stretch;
  margin: auto 0;
}

.breadcrumb-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

li.active-breadcrumb .breadcrumb-text {
  color: #00a6aa;
  line-height: 16px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0 25px 15px 0 rgba(0, 0, 0, 0.03),
    0 11px 11px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.05);
  z-index: 10;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  margin-top: 8px;
}

.dropdown-item {
  border-radius: 8px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  justify-content: start;
  padding: 10px 8px;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #f6f6f6;
}

.dropdown-text {
  font-variant-numeric: lining-nums proportional-nums;
  align-self: stretch;
  min-width: 240px;
  width: 100%;
  flex: 1;
  margin: auto 0;
}

@media (max-width: 991px) {
  .medical-equipment-section {
    position: relative;
  }

  .breadcrumb {
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Для Firefox */
    -ms-overflow-style: none;
    /* Для Internet Explorer и Edge */
    padding-right: 40px;
    /* Добавляем отступ справа для эффекта затухания */
  }

  .breadcrumb::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari и Opera */
  }

  .breadcrumb-item {
    white-space: nowrap;
  }

  .dropdown-menu {
    display: none;
  }

  .medical-equipment-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none;
  }
}

.mg-t50 {
  margin-top: 50px;
}

.mg-t60 {
  margin-top: 60px;
}

.medical-equipment-section+.index-section {
  margin-top: 40px;
}

/*****end breadcrumb*/

/*****popup form*/
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  overflow-y: auto;
}

.popup-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  min-height: 100vh;
}

.header_menu.header-menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.header-menu-spacer {
  display: none;
}

.header-menu-spacer.is-active {
  display: block;
}

/*.open-popup-btn {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            margin: 10px;
        }*/
.company-form-container {
  display: none;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 30px 0 rgba(51, 51, 51, 0.64);
  width: 100%;
  max-width: 600px;
  font-family: Raleway, sans-serif;
  margin: auto;
}

.company-form-container .form-content {
  padding: 24px 24px 16px;
}

.company-form-container .form-title {
  font-size: 20px;
  color: rgba(25, 40, 48, 0.9);
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 8px;
  margin-top: 0px;
  /* заголовок формы вынесен из h2 в div, отступ повторяет прежний браузерный */
  margin-bottom: 0.83em;
}

.company-form-container .form-field {
  margin-top: 10px;
}

.company-form-container .field-label {
  font-size: 14px;
  color: rgba(25, 40, 48, 0.65);
  line-height: 1;
  padding-right: 8px;
}

.company-form-container .field-input::placeholder {
  font-size: 14px;
}

.company-form-container .required::after {
  content: "*";
  font-weight: 700;
  font-size: 12px;
  color: #00a6aa;
  margin-left: 2px;
}

.company-form-container .field-input {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 14px 16px;
  height: 44px;
  font-size: 12px;
  color: rgba(25, 40, 48, 0.65);
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;
}

.company-form-container .field-textarea {
  min-height: 132px;
  resize: vertical;
}

.company-form-container .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 24px 24px;
}

.company-form-container .btn {
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  min-height: 44px;
  padding: 0 18px;
  cursor: pointer;
}

.company-form-container .btn-secondary {
  color: #00a6aa;
  background: transparent;
  border: none;
}

.company-form-container .btn-primary {
  color: #fff;
  background: #00a6aa;
  border: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*****end popup form*/
/*****sections*/
.surgical-equipment {
  display: flex;
  flex-direction: column;
  color: rgba(25, 40, 48, 0.9);
  font: 400 14px/20px Raleway, sans-serif;
}

.surgical-equipment .section-title {
  color: #464a4a;
  font: 600 24px/28px Raleway, sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "liga" off;
  align-self: start;
  margin-bottom: 30px;
}

.surgical-equipment .content-wrapper {
  margin-bottom: 40px;
}

.surgical-equipment .description {
  font-variant-numeric: lining-nums proportional-nums;
  width: 100%;
  gap: 60px;
}

.surgical-equipment .equipment-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  width: 100%;
}

.surgical-equipment .equipment-item {
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.surgical-equipment .equipment-item:hover {
  border: 1px solid #00A6AA;
  color: #00A6AA;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.surgical-equipment .equipment-image {
  /*aspect-ratio: 1.14;*/
  object-fit: contain;
  object-position: center;
  width: auto;
  border-radius: 0;
  max-height: 190px;
}

.surgical-equipment .equipment-title {
  font-variant-numeric: lining-nums proportional-nums;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 1200px) {
  .surgical-equipment .equipment-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .surgical-equipment .content-wrapper {
    flex-direction: column;
  }

  .surgical-equipment .description {
    width: 100%;
  }

  .surgical-equipment .equipment-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .surgical-equipment .equipment-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .surgical-equipment .equipment-item {
    padding: 10px;
  }

  .surgical-equipment .equipment-title {
    font-size: 14px;
  }

  .surgical-equipment .section-title {
    font: 600 20px/24px Raleway, sans-serif;
    margin-bottom: 20px;
  }
}

@media (min-width: 1400px) {
  .surgical-equipment .equipment-image {
    max-width: 260px;
  }
}

.surgical-equipment .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*****end sections*/

/*****section*/
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px;
  padding: 23px 0;
  font: 14px/20px Raleway, sans-serif;
  padding-top: 0px;
  margin-top: 40px;
  width: 100%;
}

.product-grid .product-card,
.catalog-item-prev_text {
  text-align: left;
}

.catalogPrevSliderSect .catalog-item-prev_text {
  text-align: center;
}

.product-card .product-description ul li::before,
.catalog-item-prev_text ul li::before,
.tab-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  margin-top: -3px;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%2300a6aa'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-card .product-description ul li,
.catalog-item-prev_text ul li,
.tab-content ul li {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 12px;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  color: rgba(25, 40, 48, 0.9);
}

.product-card .product-description ul {
  padding-left: 0px;
}

.index-section .content-wrapper .description {
  column-count: 2;
}

.content-wrapper .description p:first-of-type,
.content-wrapper .description p:last-of-type {
  margin: 0;
}

.index-section .content-wrapper .subcat-img+.description {
  margin-top: 30px;
}

.index-section .content-wrapper .subcat-img img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
}

.product-card {
  align-items: flex-start;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  display: flex;
  padding: 20px;
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
  flex-direction: column;
}

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

.product-grid .catalog-item-prev_img img {
  max-width: 187px;
}

.seo-text {
  column-count: 2;
  gap: 60px;
  text-align: left;
  margin-top: 70px;
}

.seo-text img {
  max-width: 100% !important;
}

.seo-text ul {
  list-style-type: none;
  padding-left: 0;
}

.seo-text li {
  position: relative;
  padding-left: 20px;
}

.seo-text li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 3px;
  height: 3px;
  background-color: #3b3e3e;
  border-radius: 50%;
}

.seo-text li ul {
  margin-top: 10px;
}

.seo-text li li {
  margin-bottom: 5px;
}

.seo-text>ul:first-child {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 350px) {
  .product-card {
    flex-basis: calc(100% - 18px);
  }

  .open-popup-btn.lg {
    display: block;
  }
}

@media (min-width: 490px) {
  .product-card {
    flex-basis: calc(50% - 9px);
  }
}

@media (min-width: 992px) {
  .product-card {
    flex-basis: calc(33.333% - 12px);
  }

  .main-slider_inner {
    border-radius: 10px;
    position: absolute;
    width: 400px;
    left: 30px;
    top: 20px;
  }
}

@media (max-width: 991px) {
  .product-grid {
    justify-content: center;
  }

  .product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .section-page .news-prev_block {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .product-card {
    flex-basis: calc(25% - 13.5px);
  }

  .equipment-info_btn {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .index-section .content-wrapper .subcat-img {
    display: none;
  }

  .index-section .content-wrapper .description {
    column-count: 1;
  }

  .index-section .content-wrapper .subcat-img+.description {
    margin-top: 0px;
  }

  .product-grid {
    margin-top: 30px;
  }

  .seo-text {
    margin-top: 40px;
    column-count: 1;
  }
}

@media (max-width: 470px) {
  .product-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .product-grid .catalog-item-prev_img img {
    max-width: 230px;
  }
}

.product-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.product-content a {
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1;
  width: 100%;
}

.product-image {
  aspect-ratio: 1.14;
  object-fit: contain;
  width: 100%;
  border-radius: 0;
}

.product-card .product-title {
  max-width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /*word-break: break-all;*/
  hyphens: auto;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-variant-numeric: lining-nums proportional-nums;
}

.product-description {
  color: rgba(25, 40, 48, 0.9);
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 10px;
  font-variant-numeric: lining-nums proportional-nums;
}

.featured-product {
  border-color: #00a6aa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.featured-title {
  color: #00a6aa;
}

.cta-button {
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #00a6aa;
  display: flex;
  margin-top: auto;
  min-height: 32px;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.4px;
  padding: 0 12px;
  border: none;
  cursor: pointer;
  width: auto;
}

.product-content .cta-button.lg {
  margin: auto;
  width: 100%;
}

.product-content.active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: calc(100% + 40px);
  background-color: #fff;
  z-index: 10;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #00a6aa;
}

@media (min-width: 1200px) {
  .product-card {
    flex-basis: calc(24% - 14.4px);
  }

  .open-popup-btn.lg {
    display: none;
  }

  .product-content.active {
    height: auto;
    min-height: calc(100% + 70px);
  }
}

.product-card:hover {
  z-index: 20;
  border-color: transparent;
}

.product-card:hover .product-content.active {
  display: flex;
}

.product-card:hover .product-title {
  color: #00a6aa;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.product-price {
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "liga" off;
  font-size: 18px;
  line-height: 32px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 700;
}

/*****end section*/

/*****reviews*/
.review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 18px;
  padding: 23px 0;
  font: 14px/20px Raleway, sans-serif;
  padding-top: 0px;
  margin-top: 40px;
}

.review-card {
  align-items: flex-start;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  display: flex;
  padding: 20px;
  overflow: visible;
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
  flex-direction: column;
}

.review-grid .catalog-item-prev_img img {
  max-width: 187px;
  margin: 0 auto;
}

.review-grid .catalog-item-prev_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.review-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.review-content a {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.review-image {
  aspect-ratio: 1.14;
  object-fit: contain;
  width: 100%;
  border-radius: 0;
}

.review-card .review-title {
  max-width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: inline-block;
  font-size: 19px;
  line-height: 22px;
  flex-grow: 1;
  font-weight: 700;
  font-variant-numeric: lining-nums proportional-nums;
}

.review-description {
  color: rgba(25, 40, 48, 0.9);
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 10px;
  font-variant-numeric: lining-nums proportional-nums;
}

.review-content .cta-button {
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #F9F9F9;
  display: flex;
  margin-top: auto;
  min-height: 44px;
  font-size: 15px;
  color: #00A6AA;
  letter-spacing: 0.4px;
  padding: 0 12px;
  border: none;
  cursor: pointer;
  width: auto;
  font-weight: 700;
}

.review-content .cta-button:hover {
  background-color: #F3F3F3;
}

.review-content .cta-button.lg {
  margin: auto;
  width: 100%;
}

.sep-line {
  border-top: 1px solid silver;
  width: 52px;
  height: 20px;
  margin-top: 10px;
}

.review-prev_item-autor {
  font-size: 13px !important;
  font-style: italic !important;
}

.review-content .review-prev_item-autor {
  text-align: left;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .review-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .reviews-description {
    max-width: 50%;
  }

  .search-block:hover {
    width: 352px;
  }
}

.accordion-filter {
  font-family: Raleway, sans-serif;
  max-width: 300px;
  margin-top: 30px;
  position: relative;
  z-index: 25;
}

.region-form .accordion-filter {
  margin-top: 5px !important;
  max-width: 100% !important;
}

.accordion-filter .accordion-wrapper {
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  overflow: visible;
  background-color: #fff;
}

.accordion-filter .accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  color: rgba(25, 40, 48, 0.9);
  cursor: pointer;
  transition: background-color 0.3s;
  border: none;
  border-radius: 12px;
}

.accordion-filter .accordion-button:hover {
  background-color: #f8f8f8;
}

.accordion-filter .accordion-icon {
  width: 24px;
  height: 24px;
  transition: transform 0.3s;
}

.accordion-filter .accordion-content {
  position: absolute;
  top: calc(100% - 9px);
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-top: none;
  border-bottom: none;
  border-radius: 0 0 12px 12px;
}

.accordion-filter .accordion-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.accordion-filter .accordion-item {
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.accordion-filter .accordion-item:hover {
  background-color: #f8f8f8;
}

.accordion-filter .active .accordion-icon {
  transform: rotate(180deg);
}

.accordion-filter .active+.accordion-content {
  max-height: 1000px;
  transition: max-height 0.5s ease-in;
  border-bottom: 1px solid #e7e7e7;
  /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

.accordion-filter .accordion-button.active {
  border-radius: 12px 12px 0 0;
}

/*****end reviews*/
/*****page about*/
/* Выравнивание цифр по высоте (Lining numbers) */
html, body, body *, input, select, textarea, button, p, span, a, li, div, time {
  font-variant-numeric: lining-nums proportional-nums !important;
  -moz-font-feature-settings: "lnum" 1, "pnum" 1 !important;
  -webkit-font-feature-settings: "lnum" 1, "pnum" 1 !important;
  font-feature-settings: "lnum" 1, "pnum" 1 !important;
}

:root {
  position: relative;
}

.page_about {
  position: relative;
}

.page_about .section-title.about-prev_title {
  color: #00A6AA;
}

.page_about .about-prev_list-item {
  background: linear-gradient(to bottom, #53bbbe 0%, #00a5aa 100%);
  border: none;
}

.page_about .about-prev_list-num,
.page_about .about-prev_list-text {
  color: #fff;
}

.page_about .about-prev_info p {
  margin-bottom: 10px;
}

.page_about .about-prev_list {
  position: relative;
}

.page_about .about-prev_list {
  padding-top: 60px;
}

.page_about .about-prev_list::before {
  content: '';
  position: absolute;
  left: -20px;
  right: -50vw;
  top: 125px;
  bottom: -75px;
  background-color: #e6f4f4;
  border-radius: 20px 0 0 20px;
  z-index: -1;
}

@media (max-width: 991px) {
  .page_about .about-prev_block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  .page_about .about-prev_info {
    max-width: 100%;
    width: 100%;
  }

  .page_about .about-prev_list {
    flex: none;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding-top: 0px;
  }

  .page_about .about-prev_list::before {
    display: none;
  }

  .page_about .about-prev_list-item {
    flex: none;
    width: 100%;
    min-height: auto;
    padding: 22px 16px 18px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 12px;
  }

  .page_about .about-prev_list-num {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .page_about .about-prev_list-text {
    font-size: 13px;
    line-height: 18px;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

@media (max-width: 767px) {
  .page_about .about-prev_list {
    gap: 12px;
  }

  .page_about .about-prev_list-item {
    padding: 16px 12px 14px;
    border-radius: 10px;
  }

  .page_about .about-prev_info {
    order: 1;
  }

  .page_about .section-title.about-prev_title {
    color: #192830;
  }

  .page_about.mg-t60 {
    margin-top: 20px;
  }

  .page_about .about-prev_list-num {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .page_about .about-prev_list-text {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 360px) {
  .page_about .about-prev_list {
    gap: 8px;
  }

  .page_about .about-prev_list-item {
    padding: 12px 6px 10px;
  }

  .page_about .about-prev_list-num {
    font-size: 18px;
  }

  .page_about .about-prev_list-text {
    font-size: 11px;
    line-height: 14px;
  }
}

@media (min-width: 1439px) {
  .page_about .about-prev_info {
    max-width: 510px;
  }

  .page_about .about-prev_list::before {
    top: 115px;
    bottom: -47px;
  }

  .page_about .about-prev_list {
    padding-top: 50px;
  }
}

@media (min-width: 1631px) {

  .page_about .about-prev_list::before {
    content: '';
    position: absolute;
    left: -46px;
    right: -50vw;
    top: 110px;
    bottom: -37px;
    background-color: #e6f4f4;
    border-radius: 20px 0 0 20px;
    z-index: -1;
  }

  .page_about .about-prev_list {
    padding-top: 15px;
  }
}

/*****end page about*/

/*****about-prev_list simple modifier - простые стили для страницы О компании*/
.page_about .about-prev_list--simple {
  padding-top: 0;
}

.page_about .about-prev_list--simple::before {
  display: none;
}

.page_about .about-prev_list--simple .about-prev_list-item {
  background: none;
  border: 1px solid transparent;
  background-image: linear-gradient(white, white), linear-gradient(to right bottom, #00A5AA, #A2E8EA);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.page_about .about-prev_list--simple .about-prev_list-num,
.page_about .about-prev_list--simple .about-prev_list-text {
  color: #00A6AA;
}

.page_about .about-prev_list--simple .about-prev_list-text {
  color: rgba(25, 40, 48, 0.9);
}

/*****end simple modifier*/

/*****innovation features tiles*/
.innovation-features .innovation-features_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding-top: 0;
}

.innovation-features .innovation-features_list::before {
  display: none;
}

.innovation-features .innovation-features_list .about-prev_list-item {
  width: 100%;
  margin: 0;
  padding: 24px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-image: linear-gradient(white, white), linear-gradient(to right bottom, #00A5AA, #A2E8EA);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.innovation-features .innovation-features_list .about-prev_list-num {
  display: none;
}

.innovation-features .innovation-features_list .about-prev_list-text {
  margin: 0;
  color: rgba(25, 40, 48, 0.9);
  font: 400 14px/20px Raleway, sans-serif;
}

.innovation-features .innovation-features_list .about-prev_list-text strong {
  display: inline-block;
  margin-bottom: 8px;
  color: #00A6AA;
  font-weight: 700;
}

@media (max-width: 767px) {
  .innovation-features .innovation-features_list .about-prev_list-item {
    width: 100%;
  }
}
/*****end innovation features tiles*/

.catalogPrevSliderSect .swiper-wrapper {
  gap: 16px;
}

.catalogPrevSliderSect .catalog-prev-slider_block .swiper-slide {
  width: 235px;
}



.catalogPrevSliderSect .catalog-item-prev_inner:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: 1px solid #00a6aa;
}

.catalogPrevSlider .catalog-item-prev.hover-btn::before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .catalog-prev-slider_block .swiper {
    margin: 0 -20px -50px !important;
    padding: 0 20px 50px !important;
  }
}

.search-form {
  display: flex;
  gap: 20px;
}

.search-imput {
  height: 44px !important;
}

.search-form .b-btn {
  width: 200px;
}

.search-page .search-list li .title {
  font: 16px/24px Raleway, sans-serif;
  ;
  font-weight: normal;
  font-weight: 500;
  margin-bottom: 10px;
}

.search-page .search-list li .item-descr {
  margin-top: 10px;
  font: 12px/24px Raleway, sans-serif;
  ;
}

.search-list li {
  list-style: none;
}

.search-list {
  padding-left: 0px;
}

.search-page .search-list li {
  margin-top: 20px;
}

.search-page .search-list li:first-child {
  margin-top: 0;
}

/***пока тестируем страницу каталога без слайдера*/
.catalogPrevSliderSect .swiper-slide {
  /*width: 15%;*/
  width: 174px;
}

.catalogPrevSliderSect .swiper-wrapper {
  /*gap: 27px;*/
  gap: 15px;
}

/**фикс стрелок для новостей*/
.news-slider .swiper-button-prev,
.news-slider .swiper-button-next {
  top: 45% !important;
}

.catalog-prev-slider .news-slider .swiper {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.product-grid .catalog-item-prev_img,
.catalog-prev-slider .catalog-item-prev_img {
  height: auto !important;
}

/***тест нового сео описания*/
.seo-text {
  column-count: 1;
  gap: 0px;
  text-align: left;
  margin-top: 70px;
}

.seo-text h2 {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 50%;
  line-height: 30px;
}

.seo-text .sub_text {
  column-count: 2;
  gap: 60px;
  text-align: left;
}

.seo-text .opstol_img {
  text-align: center;
}

.sub_text p:first-of-type {
  margin-top: 0;
}

@media (max-width: 767px) {
  .seo-text .sub_text {
    column-count: 1;
    gap: 0px;
  }

  .seo-text h2 {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .seo-text .opstol_img {
    max-width: 100%;
  }
}

.header_menu-item .b-btn {
  margin-top: 10px;
}

.catalogPrevSliderSect .swiper-button-next,
.catalogPrevSliderSect .swiper-button-prev {
  display: none;
}

/*слайдер только на мобильном*/
@media (min-width: 768px) {
  .catalogPrevSliderSect .catalogPrevSliderSect .swiper {
    overflow: visible;
  }

  .catalogPrevSliderSect .swiper-wrapper {
    flex-wrap: wrap;
  }

}

.header_menu-dropdown .page__inner {
  position: relative;
}

.menu-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  position: absolute;
  bottom: 0;
  right: 40px;
}

/*.title-search-result{
  width:450px !important;
}*/
.catalog-item-prev_tag.sale-soon {
  background-color: #FCBB14;
}

.catalog-item-prev_tag.special-product {
  background-color: #FF4C4C;
}

.catalog-item-prev_tag.out-of-production {
  background-color: #9DA3A6;
}

.catalog-item-prev_tag.item-in-stock {
  background-color: #00A6AA;
}

.catalog-item-prev_tag.item-out-of {
  background-color: #858585;
}

.catalog-item-prev_tag.item-orange {
  background-color: #45C5F4 !important;
}

.price-from {
  font-size: 15px;
}

.info-column .price-from {
  font-size: 18px;
}

/* Стили для разных состояний кнопки добавления в корзину */
.add-to-cart-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 15px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-top: 0px;
}

.add-to-cart-button .button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.add-to-cart-button .button-label {
  display: flex;
  padding: 0px 8px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6em;
  color: #00A6AA;
  align-items: center;
}

/* SVG для иконки корзины (по умолчанию) */
.add-to-cart-button .cart-icon {
  display: block;
}

/* SVG для иконки галочки (когда товар в корзине) */
.add-to-cart-button .check-icon {
  display: none;
}

/* Отображаем галочку для товаров в корзине */
.add-to-cart-button.in-cart .cart-icon {
  display: none;
}

.add-to-cart-button.in-cart .check-icon {
  display: block;
}

/* Стили для разных состояний кнопки добавления в корзину */
.add-to-cart-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 15px;
  background-color: #f9f9f9;
  border: 1px solid transparent;
  cursor: pointer;
  margin-top: 0px;
  border-radius: 10px;
}

.add-to-cart-button:hover {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.add-to-cart-button .button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.add-to-cart-button .button-label {
  display: flex;
  padding: 0px 8px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6em;
  color: #00A6AA;
  align-items: center;
  text-transform: uppercase;
}

/* SVG для иконки корзины (по умолчанию) */
.add-to-cart-button .cart-icon {
  display: block;
}

/* SVG для иконки галочки (когда товар в корзине) */
.add-to-cart-button .check-icon {
  display: none;
}

/* Отображаем галочку для товаров в корзине */
.add-to-cart-button.in-cart .cart-icon {
  display: none;
}

.add-to-cart-button.in-cart .check-icon {
  display: block;
}

/* Стиль для блока с корзиной и количеством */
.cart-icon-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
}

.cart-icon-badge .cart-icon {
  position: relative;
  display: flex;
  color: rgba(25, 40, 48, 0.9);
}

.cart-icon-badge .badge {
  position: absolute;
  top: -8px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #00A6AA;
  color: white;
  border-radius: 50%;
  font-size: 10px;
  font-weight: bold;
  font-family: "Raleway", sans-serif;
}

.header_basket-btn {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  height: 32px;
  width: 32px;
  background-color: #00A6AA;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22414 11.781C2.27798 12.3005 2.49729 12.7795 2.84058 13.1275C3.18387 13.4754 3.62734 13.6682 4.08711 13.6693H11.9116C12.3714 13.6682 12.8148 13.4754 13.1581 13.1275C13.5014 12.7795 13.7207 12.3005 13.7746 11.781L14.4351 5.17216H14.7546C15.0739 5.17216 15.3327 4.91337 15.3327 4.59413C15.3327 4.27489 15.0739 4.01609 14.7546 4.01609H12.7415V3.22611C12.7415 2.45959 12.4738 1.72446 11.9974 1.18245C11.521 0.640437 10.8748 0.335938 10.201 0.335938H5.79765C5.12389 0.335938 4.47773 0.640437 4.00131 1.18245C3.52489 1.72446 3.25724 2.45959 3.25724 3.22611V4.01609H1.24405C0.92481 4.01609 0.666016 4.27489 0.666016 4.59413C0.666016 4.91337 0.924811 5.17216 1.24405 5.17216H1.56363L2.22414 11.781ZM11.9116 12.5132H4.08711C3.87645 12.5144 3.67296 12.4262 3.51638 12.2659C3.3598 12.1056 3.26137 11.8846 3.2403 11.6462L3.10481 10.3937H12.8939L12.7584 11.6462C12.7373 11.8846 12.6389 12.1056 12.4823 12.2659C12.3257 12.4262 12.1222 12.5144 11.9116 12.5132ZM12.9955 9.23767H3.0032L2.59673 5.17216H13.402L12.9955 9.23767ZM4.27341 3.22611C4.27341 2.7662 4.434 2.32512 4.71985 1.99991C5.0057 1.67471 5.3934 1.49201 5.79765 1.49201H10.201C10.6053 1.49201 10.993 1.67471 11.2788 1.99991C11.5647 2.32512 11.7253 2.7662 11.7253 3.22611V4.01609H4.27341V3.22611Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
}

.basket-count {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #FFA800;
  color: white;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

.menu-button {
  display: flex;
  width: 250px;
  gap: 5px;
  position: relative;
  padding-left: 32px;
}

.menu-button img {
  width: 25px;
  height: auto;
  position: absolute;
  bottom: 23px;
  left: 0px;
}

.black-and-white-transparent-image {
  filter: grayscale(100%);
  opacity: 0.6;
}

.main-slider .page__inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  /*max-width: 100% !important;*/
}

.catalog-item-prev.hover-btn:hover::before {
  visibility: visible;
  opacity: 1;
  bottom: -90px;
}

/* Main Slider Video Background */
.swiper-slide.has-video .main-slider_block {
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  overflow: hidden;
  height: 400px !important;
}

.main-slider_video-bg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 400px;
  object-fit: cover;
}

.swiper-slide.has-video .main-slider_inner {
  background: transparent !important;
}

.swiper-slide.has-video .main-slider_info,
.swiper-slide.has-video .main-slider_btn {
  position: relative;
  z-index: 2;
}

.swiper-slide.has-video .page__inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1023px) {
  .page_about .about-prev_list--simple {
    padding-top: 65px !important;
  }
}

/* Сравнение ключевых параметров в подкатегориях */
.subcategory-compare {
  width: 100%;
  margin: 40px 0 20px;
  clear: both;
}

.subcategory-compare__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #00a6aa #eef3f7;
  padding-bottom: 8px;
}

.subcategory-compare__scroll::-webkit-scrollbar {
  height: 6px;
}

.subcategory-compare__scroll::-webkit-scrollbar-track {
  background: #eef3f7;
  border-radius: 3px;
}

.subcategory-compare__scroll::-webkit-scrollbar-thumb {
  background: #00a6aa;
  border-radius: 3px;
}

.options-compare,
.subcategory-compare {
  position: relative;
}

.options-compare > h2,
.subcategory-compare h2 {
  font-family: "Raleway", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #192830;
  margin: 0 0 20px 0;
  display: block;
}

.options-compare .line {
  display: none !important;
}

.options-compare .clear {
  clear: both;
}

.options-compare table,
.subcategory-compare table {
  width: auto;
  min-width: 680px;
  /* разделители — зазор между ячейками, а не border: заливка внутри ячейки
     растянута абсолютно и при collapse перекрывала бы границы в Firefox */
  border-collapse: separate;
  border-spacing: 2px;
  margin: 15px 0 20px 0;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  color: #192830;
}

.options-compare table td,
.subcategory-compare table td {
  padding: 0;
  border: none;
  vertical-align: middle;
  text-align: center;
  line-height: 1.3;
  box-sizing: border-box;
  width: 90px;
  /* точка отсчёта для растягивания заливки на всю высоту строки */
  position: relative;
}

.options-compare table tr td:first-child,
.subcategory-compare table tr td:first-child {
  text-align: left;
  width: 480px;
}

.options-compare .option-tittle,
.subcategory-compare .option-tittle {
  padding: 12px 16px;
  background: #cad7e6;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #192830;
  width: 480px;
  box-sizing: border-box;
}

.options-compare .option-tittle i,
.subcategory-compare .option-tittle i {
  color: #ffffff;
  font-style: normal;
  margin: 0 2px;
}

.options-compare .model-name,
.subcategory-compare .model-name {
  padding: 10px 12px;
  background: #cad7e6;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #192830;
  width: 90px;
  text-align: center;
  box-sizing: border-box;
}

.options-compare .model-name a,
.subcategory-compare .model-name a {
  color: #192830;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 600;
}

.options-compare .model-name a:hover,
.subcategory-compare .model-name a:hover {
  color: #00a6aa;
  text-decoration: underline;
}

.options-compare .option,
.subcategory-compare .option {
  padding: 10px 16px;
  background: #cad7e6;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  color: #192830;
  width: 480px;
  line-height: 1.35;
  box-sizing: border-box;
}

/* Подпись слева умещается в одну строку, названия моделей справа переносятся
   на две — блок подписи получается ниже ячейки, и сверху/снизу оставался
   белый провал. Красим саму ячейку тем же цветом: заливка блока остаётся
   как фолбэк для браузеров без :has(). */
.options-compare table tr:first-child td,
.subcategory-compare table tr:first-child td,
.options-compare table td:has(> .option-tittle),
.subcategory-compare table td:has(> .option-tittle),
.options-compare table td:has(> .model-name),
.subcategory-compare table td:has(> .model-name),
.options-compare table td:has(> .option),
.subcategory-compare table td:has(> .option) {
  background: #cad7e6;
}

/* Заливка растягивается на всю ячейку через absolute-позиционирование:
   height:100% от td с авто-высотой не работает, из-за чего в строках
   с переносом подписи оставались белые провалы. Абсолютное растягивание
   ведёт себя одинаково в Chrome и Firefox и не задевает границы ячеек. */
.options-compare .option-support,
.subcategory-compare .option-support {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #eef3f7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  color: #192830;
  padding: 4px 6px;
  box-sizing: border-box;
}

/* высоту строки задаёт подпись слева; этот блок держит минимум для строк,
   где подпись короткая */
.options-compare table td:first-child,
.subcategory-compare table td:first-child {
  min-height: 36px;
}

.options-compare .dark-green,
.subcategory-compare .dark-green,
.options-compare .option-support.dark-green,
.subcategory-compare .option-support.dark-green {
  background-color: #00a6aa !important;
}

.options-compare .light-green,
.subcategory-compare .light-green,
.options-compare .option-support.light-green,
.subcategory-compare .option-support.light-green {
  background-color: #60c2cd !important;
}

.options-compare .lightes-green,
.subcategory-compare .lightes-green,
.options-compare .option-support.lightes-green,
.subcategory-compare .option-support.lightes-green {
  background-color: #a1dfe5 !important;
}

.options-compare .gray,
.subcategory-compare .gray,
.options-compare .option-support.gray,
.subcategory-compare .option-support.gray {
  background-color: #cad7e6 !important;
}

.options-compare .white,
.subcategory-compare .white,
.options-compare .option-support.white,
.subcategory-compare .option-support.white {
  background-color: #ffffff !important;
}

.options-compare .table-divider,
.subcategory-compare .table-divider {
  height: 10px;
  background: transparent;
}

.subcategory-compare iframe,
.options-compare iframe {
  max-width: 100%;
  border-radius: 8px;
  margin: 15px 0;
}

@media (max-width: 768px) {
  .subcategory-compare {
    margin: 25px 0;
  }
  .options-compare > h2,
  .subcategory-compare h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}

.catalog-prev-slider {
  padding-bottom: 50px;
}

.index-catalog-prev_head {
  position: relative;
}

.header {
  position: relative;
  z-index: 100;
}


.product-card .add-to-cart-button {
  padding: 8px 10px;
  margin-top: 8px;
}

.product-card .add-to-cart-button .button-icon {
  width: 16px;
  height: 16px;
}

.product-card .add-to-cart-button .cart-icon,
.product-card .add-to-cart-button .check-icon {
  width: 16px;
  height: 16px;
}

.product-card .add-to-cart-button .button-label {
  font-size: 12px;
  padding: 0 5px;
  font-weight: 400;
}

/* ==========================================================================
   Главная: Блок "Dixion производит 40 групп медицинского оборудования"
   ========================================================================== */
.index-catalog-prev_list {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

.index-catalog-prev_item {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  background: #fff !important;
  border-radius: 10px !important;
  padding: 16px 12px 20px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  border: 1px solid #e7e7e7 !important;
  height: 100% !important;
}

.index-catalog-prev_item:hover {
  border-color: #00a6aa !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}

.index-catalog-prev_item-img {
  width: 100% !important;
  height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}

.index-catalog-prev_item-img img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  margin: auto !important;
}

.index-catalog-prev_item-title {
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  color: #192830 !important;
  margin: 0 !important;
  text-align: center !important;
  width: 100% !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 1200px) {
  .index-catalog-prev_list {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 991px) {
  .index-catalog-prev_list {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .index-catalog-prev_head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
  .index-catalog-prev {
    padding: 30px 0 !important;
  }

  .index-catalog-prev_list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .index-catalog-prev_block:not(.opened) .index-catalog-prev_item:nth-child(n+7) {
    display: none !important;
  }

  .index-catalog-prev_item {
    padding: 14px 8px 16px !important;
    border-radius: 8px !important;
  }

  .index-catalog-prev_item-img {
    height: 90px !important;
    margin-bottom: 8px !important;
  }

  .index-catalog-prev_item-title {
    font-size: 13px !important;
    line-height: 16px !important;
    min-height: 32px !important;
  }

  .index-catalog-prev_mob {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .index-catalog-prev_head .index-catalog-prev_btn {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .index-catalog-prev_list {
    gap: 8px !important;
  }

  .index-catalog-prev_item {
    padding: 10px 6px 12px !important;
  }

  .index-catalog-prev_item-img {
    height: 75px !important;
  }

  .index-catalog-prev_item-title {
    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* ==========================================================================
   Мобильная адаптация карточек товаров в слайдерах (устранение вылезания за пределы)
   ========================================================================== */
@media (max-width: 991px) {
  .catalog-item-prev.hover-btn:before,
  .catalog-item-prev.hover-btn::before,
  .catalog-item-prev.hover-btn:hover:before,
  .catalog-item-prev.hover-btn:hover::before,
  .catalog-item-prev.hover-btn:active:before,
  .catalog-item-prev.hover-btn:active::before {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .catalog-item-prev {
    height: 100% !important;
    margin: 0 !important;
  }

  .catalog-item-prev_inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 12px 14px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .catalog-item-prev.hover-btn:hover .catalog-item-prev_inner,
  .catalog-item-prev.hover-btn:active .catalog-item-prev_inner {
    border-color: #00a6aa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  }

  .catalog-item-prev.hover-btn .catalog-item-prev_btn,
  .catalog-item-prev.hover-btn:hover .catalog-item-prev_btn,
  .catalog-item-prev.hover-btn:active .catalog-item-prev_btn {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    width: 100% !important;
    margin-top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    padding-top: 10px !important;
  }

  .catalog-item-prev.hover-btn .catalog-item-prev_btn .b-btn {
    width: 100% !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .catalog-item-prev .add-to-cart-button,
  .catalog-prev-slider .add-to-cart-button,
  .catalog-prev-slider .catalog-item-prev .add-to-cart-button {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    width: 100% !important;
    margin-top: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 10px !important;
  }

  .catalog-prev-slider .add-to-cart-button .button-label {
    margin-left: 0 !important;
  }

  .product-card .open-popup-btn.lg {
    display: flex !important;
    width: 100% !important;
    margin-top: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .product-card .add-to-cart-button.lg,
  .product-card .add-to-cart-button {
    display: flex !important;
    width: 100% !important;
    margin-top: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .catalog-prev-slider {
    margin-top: 40px !important;
    padding-bottom: 0 !important;
  }

  .catalog-prev-slider_block .swiper {
    margin: 0 !important;
    padding: 0 0 10px !important;
    overflow: hidden !important;
  }

  .section-sliders section:first-of-type {
    margin-top: 30px !important;
  }

  .product-card:hover .product-content.active,
  .product-content.active {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .product-card .open-popup-btn.lg,
  .product-card .add-to-cart-button.lg {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .catalog-item-prev_img {
    height: 140px !important;
    flex: 0 0 140px !important;
    margin-bottom: 10px !important;
  }

  .catalog-item-prev_title {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-bottom: 8px !important;
  }

  .catalog-prev-slider_title {
    margin-bottom: 16px !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }

  /* Отступ подписи логотипа на мобильных */
  .header_logo-text {
    margin-left: 7px !important;
  }
}

/* Кнопки товара на мобильных устройствах */
@media (max-width: 490px) {
  .price-and-buttons-row .button-container,
  .button-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 8px !important;
  }

  .button-container .add-to-cart-button {
    padding: 0 6px !important;
    white-space: nowrap !important;
  }

  .button-container .add-to-cart-button .button-label {
    padding: 0 4px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .button-container .add-to-cart-button .button-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
  }

  .button-container .btn-primary,
  .button-container .open-popup-btn {
    padding: 0 6px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Ссылки в описании товаров */
.product-description a,
.catalog-item-prev_text a,
.accordion-content a:not(.booklet-link):not(.j-panorama-view),
.tab-content a:not(.booklet-link):not(.j-panorama-view),
.tab-content ul li a,
.accordion-content ul li a {
  color: #00A6AA !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.product-description a:hover,
.catalog-item-prev_text a:hover,
.accordion-content a:not(.booklet-link):not(.j-panorama-view):hover,
.tab-content a:not(.booklet-link):not(.j-panorama-view):hover,
.tab-content ul li a:hover,
.accordion-content ul li a:hover {
  color: #0CBEC3 !important;
  text-decoration: none !important;
}

.product-description a *,
.catalog-item-prev_text a *,
.accordion-content a:not(.booklet-link):not(.j-panorama-view) *,
.tab-content a:not(.booklet-link):not(.j-panorama-view) *,
.tab-content ul li a *,
.accordion-content ul li a * {
  color: inherit !important;
  text-decoration: inherit !important;
}







/* Слайдер кабинетов на главной: 9 сегментов пагинации по 40px не помещались
   в ширину мобильного экрана и обрезались. Тянем их по доступной ширине. */
@media (max-width: 767px) {
  .equipment-info_img .swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 4px;
  }

  .equipment-info_img .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

/* Слайдер кабинетов: заголовок блока и, если у элемента ИБ 52 заполнено
   свойство URL, название кабинета с картинкой становятся ссылками. */
.equipment-info_title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.equipment-info_title a:hover {
  color: #00A6AA;
}

.equipment-info_img-title--link {
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.equipment-info_img-title--link:hover {
  color: #00A6AA;
}

a.equipment-info_img-inner {
  display: block;
}

/* Главный слайдер на мобильном: картинка анонса выводится отдельным изображением
   в верхнем блоке слайда, а не растянутым фоном на всю его высоту.
   Широкий баннер (от 2:1) кадрируется по правому краю, где расположен товар,
   узкая картинка товара вписывается целиком по центру.
   Селекторы с .main-slider_img нужны, чтобы перебить базовое .main-slider_img img. */
.main-slider_img .main-slider_mob-pic {
  display: none;
}

@media (max-width: 767px) {
  .main-slider_bg {
    display: none !important;
  }

  .main-slider_img {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .main-slider_img.is-wide-img {
    padding: 0;
  }

  .main-slider_img .main-slider_mob-pic {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
  }

  .main-slider_img .main-slider_mob-pic.is-wide {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
  }

  .main-slider_img .main-slider_mob-pic.is-centered {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
  }
}

/* Новинки и склад: под слайдером на мобильном кнопка перехода в раздел.
   Показ и ширину задаёт .index-catalog-prev_mob, здесь только отступ. */
@media (max-width: 767px) {
  .catalog-prev-slider_mob {
    margin-top: 20px;
  }
}

/* Заголовки блоков Новинки и Склад на главной ведут в свои разделы каталога. */
.catalog-prev-slider_title--link {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.catalog-prev-slider_title--link:hover {
  color: #00A6AA;
}

/* Новости на главной: класс is-draggable ставит скрипт, когда карточки
   не помещаются в ширину и блок реально можно тянуть. */
.news-prev_list.is-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}

.news-prev_list.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: auto;
}

.news-prev_list.is-dragging a {
  pointer-events: none;
}

/* Быстрый поиск в шапке: выпадающий список показывался узкой вертикальной
   полоской из одной рамки. Скрипт компонента (search.title/script.js) берёт
   ширину списка у контейнера: RESULT.style.width = BX.pos(CONTAINER).width,
   а контейнер #title-search в шаблоне это пустой инлайновый span нулевой
   ширины. Растягиваем его по полю ввода, чтобы скрипт получил реальную
   ширину. Оформление самого списка уже задано в common.css. */
.search-block #title-search {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px;
  pointer-events: none;
}

/* Селектор с body нужен, чтобы перебить рамку #c6c6c6 из стандартного
   стиля компонента: он подключается после этого файла.
   min-width потому, что поле при наведении сужается до 232px,
   а названия товаров в такой ширине читаются плохо. */
body div.title-search-result {
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 8px 24px rgba(25, 40, 48, 0.12);
  box-shadow: 0 8px 24px rgba(25, 40, 48, 0.12);
  min-width: 350px;
  max-width: calc(100vw - 30px);
}