.mobile-header {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .mobile-header {
    z-index: 10000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 0 0 15px;
    background-color: white;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  }

  .mobile-header__logo {
    width: 100%;
  }

  .mobile-header__logo img {
    width: 250px;
  }

  .mobile-header__burger a {
    display: block;
    min-width: 50px;
    height: 50px;
    background: no-repeat center/34px url(/images/vendor/bootstrap-icons/icons/list.svg?aa002540b50760fc710ece6e7bf2f436);
  }
}

.mobile-menu {
  overflow: auto;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 10px 10px 20px 10px;
  background: white;
  transition: all 200ms ease-in-out;
  transform: translateX(100%);
}

.mobile-menu-opened .mobile-menu {
  transform: translateX(0);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .mobile-menu {
    display: block;
  }
}

.mobile-menu__links {
  width: 100%;
}

.mobile-menu__links > li {
  width: 100%;
}

.mobile-menu__links > li > a {
  display: block;
  width: 100%;
  padding: 8px 10px;
  font-weight: 600;
  color: #000 !important;
}

.mobile-menu__links > li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu__links > li.active > a {
  color: #e40303 !important;
}

.mobile-menu__links ul {
  display: none;
}

.mobile-menu__links ul > li {
  width: 100%;
}

.mobile-menu__links ul > li > a {
  display: block;
  width: 100%;
  padding: 4px 10px 4px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #000 !important;
}

.mobile-menu__links ul > li.active > a {
  color: #e40303 !important;
}

.mobile-menu__has-sub > a {
  background: no-repeat right 10px center url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='%23ef812a' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.mobile-menu__has-sub--opened > a {
  background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='%23ef812a' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.mobile-menu__has-sub--opened ul {
  display: block;
}

.mobile-menu__contacts {
  padding-top: 5px;
  border-top: 3px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu__contact {
  position: relative;
  padding: 4px 10px 4px 30px;
}

.mobile-menu__contact:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 30px;
  background: no-repeat center/20px;
  color: red;
}

.mobile-menu__contact--phone:before {
  background-image: url(/images/vendor/bootstrap-icons/icons/telephone-fill.svg?f2c9518fad5db18079676ff26ae375e4);
}

.mobile-menu__contact--email:before {
  background-image: url(/images/vendor/bootstrap-icons/icons/envelope-fill.svg?adb6ca6ca2a8b893c3a14c1d381b2e31);
}

.mobile-menu__contact--viber:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M444 49.9C431.3 38.2 379.9.9 265.3.4c0 0-135.1-8.1-200.9 52.3C27.8 89.3 14.9 143 13.5 209.5c-1.4 66.5-3.1 191.1 117 224.9h.1l-.1 51.6s-.8 20.9 13 25.1c16.6 5.2 26.4-10.7 42.3-27.8 8.7-9.4 20.7-23.2 29.8-33.7 82.2 6.9 145.3-8.9 152.5-11.2 16.6-5.4 110.5-17.4 125.7-142 15.8-128.6-7.6-209.8-49.8-246.5zM457.9 287c-12.9 104-89 110.6-103 115.1-6 1.9-61.5 15.7-131.2 11.2 0 0-52 62.7-68.2 79-5.3 5.3-11.1 4.8-11-5.7 0-6.9.4-85.7.4-85.7-.1 0-.1 0 0 0-101.8-28.2-95.8-134.3-94.7-189.8 1.1-55.5 11.6-101 42.6-131.6 55.7-50.5 170.4-43 170.4-43 96.9.4 143.3 29.6 154.1 39.4 35.7 30.6 53.9 103.8 40.6 211.1zm-139-80.8c.4 8.6-12.5 9.2-12.9.6-1.1-22-11.4-32.7-32.6-33.9-8.6-.5-7.8-13.4.7-12.9 27.9 1.5 43.4 17.5 44.8 46.2zm20.3 11.3c1-42.4-25.5-75.6-75.8-79.3-8.5-.6-7.6-13.5.9-12.9 58 4.2 88.9 44.1 87.8 92.5-.1 8.6-13.1 8.2-12.9-.3zm47 13.4c.1 8.6-12.9 8.7-12.9.1-.6-81.5-54.9-125.9-120.8-126.4-8.5-.1-8.5-12.9 0-12.9 73.7.5 133 51.4 133.7 139.2zM374.9 329v.2c-10.8 19-31 40-51.8 33.3l-.2-.3c-21.1-5.9-70.8-31.5-102.2-56.5-16.2-12.8-31-27.9-42.4-42.4-10.3-12.9-20.7-28.2-30.8-46.6-21.3-38.5-26-55.7-26-55.7-6.7-20.8 14.2-41 33.3-51.8h.2c9.2-4.8 18-3.2 23.9 3.9 0 0 12.4 14.8 17.7 22.1 5 6.8 11.7 17.7 15.2 23.8 6.1 10.9 2.3 22-3.7 26.6l-12 9.6c-6.1 4.9-5.3 14-5.3 14s17.8 67.3 84.3 84.3c0 0 9.1.8 14-5.3l9.6-12c4.6-6 15.7-9.8 26.6-3.7 14.7 8.3 33.4 21.2 45.8 32.9 7 5.7 8.6 14.4 3.8 23.6z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.mobile-menu__contact--skype:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.mobile-menu__search {
  margin-bottom: 10px;
}

.mobile-menu__search form {
  display: flex;
  justify-content: space-between;
}

.mobile-menu__search input {
  width: 100%;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  height: 50px;
  background: white;
  color: white;
  border: 2px solid #e40303;
}

.mobile-menu__search .btn {
  min-width: 100px;
}

.search-wrapper .btn {
  font-weight: bold;
}

.header-links {
  margin-right: -20px;
  padding: 20px 0 0 30px;
}

.header-links > ul {
  height: 100%;
  display: flex;
  justify-content: center;
}

.header-links > ul > li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  padding: 2px 0;
}

.header-links > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: bold;
  padding: 0 20px;
  font-size: 18px;
  background: #e40303;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.header-links > ul > li:hover ul {
  display: block;
}

.header-links > ul ul {
  z-index: 100000;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.header-links > ul ul li {
  padding: 5px 10px;
}

.header-links > ul ul a {
  color: white;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .frame {
    width: 100%;
  }
}

.mobile-widget-header {
  display: none !important;
}

.wrapper .wrapper-content {
  padding-top: 50px;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page {
    min-height: 0px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page section.home {
    height: auto;
    padding-left: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.home .swiper-container,
  .wrapper .wrapper-content .page.main-page section.home .swiper-container .swiper-wrapper .swiper-slide .image img {
    height: 250px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.std .swiper-pagination .swiper-pagination-bullet-active {
    background-color: white;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .features {
    height: auto !important;
    flex-direction: column;
  }

  .features .item {
    width: 100% !important;
    height: auto !important;
    padding-right: 0 !important;
    margin-bottom: 20px;
    align-items: flex-start !important;
    flex: none !important;
  }

  .features .item .image {
    padding: 0 10px !important;
    min-width: 60px !important;
    border: none !important;
  }

  .features .item .content-text-decorator {
    position: static !important;
    display: block !important;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.brands {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.brands .header-text-decorator {
    display: flex;
    align-items: center;
    height: 40px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page section .swiper-button-prev,
  .wrapper .wrapper-content .page section .swiper-button-next {
    background: transparent no-repeat center/contain !important;
    border: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page section .swiper-button-prev {
    background-image: url(/images/vendor/bootstrap-icons/icons/arrow-left-circle.svg?9e2ea93ce5e93132f392f8fe40ff2560) !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page section .swiper-button-next {
    background-image: url(/images/vendor/bootstrap-icons/icons/arrow-right-circle.svg?ce50146b31f7e9195f3a0caf9bc0b25f) !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .header-text-style.fs--medium {
    font-size: 16px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.brands .header-text-decorator {
    text-align: left;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .wrapper .wrapper-content .page.main-page section.brands .swiper-container .swiper-wrapper .swiper-slide .image {
    height: 110px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  #sliderOnMain .swiper-button-prev,
  #sliderOnMain .swiper-button-next,
  #sliderReviews .swiper-button-prev,
  #sliderReviews .swiper-button-next {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  footer,
  footer .desc {
    height: auto;
  }

  footer .desc > .container-fluid > .row,
  footer .desc > .container-fluid > .row .row {
    display: block;
  }

  footer .desc > .container-fluid > .row > .col {
    width: 100%;
    height: auto;
    flex: none;
    max-width: 100%;
    margin-bottom: 30px;
  }

  footer .desc > .container-fluid > .row > .col,
  footer .desc > .container-fluid > .row > .col .col {
    display: block;
    height: auto;
    flex: none;
  }

  footer .phones {
    margin-left: 0;
  }

  footer .item {
    height: auto;
    padding: 0;
  }

  footer nav ul li,
  footer nav ul li a,
  footer .description span,
  footer .private-policy,
  footer .phones a,
  footer .copyright {
    font-size: 12px;
  }

  .contacts-page {
    padding-top: 20px;
  }

  .contacts-page .container-fluid > .row {
    flex-direction: column;
  }

  .contacts-page .container-fluid > .row > .col-7,
  .contacts-page .container-fluid > .row > .col-5 {
    width: 100%;
    height: auto;
    flex: none;
    max-width: 100%;
  }

  .contacts-page .container-fluid > .row > .col-7 {
    display: flex;
    flex-direction: column-reverse;
  }

  .wrapper .wrapper-content .page.contacts-page .departments {
    flex-direction: column;
  }

  .wrapper .wrapper-content .page.contacts-page .departments > .col-4 {
    width: 100%;
    height: auto;
    flex: none;
    max-width: 100%;
  }

  .wrapper .wrapper-content .page.contacts-page iframe {
    position: static !important;
    margin-bottom: 20px;
    width: 100% !important;
  }

  .wrapper .wrapper-content .page.regular-page {
    padding-left: 0;
  }

  .wrapper .wrapper-content .page.regular-page.about-page section .about-us {
    padding: 15px;
  }

  .wrapper .wrapper-content .page.regular-page.about-page section .about-us p {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .wrapper .wrapper-content .page.regular-page.about-page section .about-us i {
    margin: 0;
  }

  .wrapper .wrapper-content .page.regular-page.about-page section .about-us img {
    float: none !important;
    max-width: 100% !important;
    width: auto !important;
  }

  .wrapper .wrapper-content .page.regular-page.technical-page {
    padding-right: 0 !important;
  }

  .wrapper .wrapper-content .page.regular-page.technical-page .std.home {
    padding-right: 0 !important;
  }

  .wrapper .wrapper-content .page.regular-page.technical-page .section-content {
    padding: 15px;
  }

  .normal-style img {
    float: none !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }

  .wrapper .wrapper-content .page.catalog-page {
    padding-left: 0;
    padding-top: 15px;
  }

  .products-list .col-12 {
    padding: 0 !important;
  }

  .product-block {
    max-width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
  }

  .product-block .helper {
    padding: 0;
  }

  .product-block .helper .visible-content {
    display: grid;
    gap: 15px;
    grid-template-areas: "image description" "buy buy";
    grid-template-columns: 150px 1fr;
    grid-template-rows: auto;
  }

  .product-block .helper .visible-content .image {
    grid-area: image;
  }

  .product-block .helper .visible-content .image a {
    width: 150px;
    height: auto;
    padding: 0;
  }

  .product-block .helper .visible-content .description {
    width: auto;
    padding: 0;
    grid-area: description;
  }

  .product-block .helper .visible-content .description .title-text-decorator {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .product-block .helper .visible-content .description .content-text-decorator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .product-block .helper .visible-content .main-product-block-content {
    grid-area: buy;
  }

  .product-block .helper .visible-content .main-product-block-content .btn-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .product-block .helper .visible-content .main-product-block-content .btn-block .btn {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .product-block .helper .visible-content .main-product-block-content .btn-block .btn img {
    display: none;
  }

  .product-block .helper .visible-content .main-product-block-content .btn-block .status-stock {
    min-width: 150px;
    margin-right: 15px;
  }

  .wrapper .wrapper-content .page.product-card {
    padding-left: 0;
  }

  .wrapper .wrapper-content .page.product-card .gallery img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }

  .wrapper .wrapper-content .page.product-card .row > .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .search-page h1 {
    font-size: 24px;
  }

  .paginationContainer {
    margin-left: 15px !important;
  }
}

.truncate {
  margin-bottom: 60px;
}

.truncate__content {
  position: relative;
}

.truncate--truncated .truncate__content {
  overflow: hidden;
}

.truncate--expanded .truncate__content {
  height: auto !important;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .truncate--expanded .truncate__content:after {
    display: none;
  }
}

.truncate__content:after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.truncate--truncated .truncate__content:after {
  display: block;
}

.truncate--expanded .truncate__content:after {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .truncate__content:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
}

.truncate__body {
  font-size: 18px;
}

.os-os.x.browser-safari .truncate__body,
.os-os.x.browser-safari .truncate__body * {
  line-height: 27px !important;
}

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

.truncate__body p:last-of-type {
  margin-bottom: 0;
}

.truncate__trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 25px;
}

.truncate__trigger--hidden {
  display: none;
}

.main-page .truncate__trigger {
  padding-left: 15px;
}

.truncate__trigger button {
  padding: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
}

.product-card .sku span,
.product-card .code span,
.product-block .sku span,
.product-block .code span {
  font-weight: bold;
  font-size: 120%;
}