@charset "UTF-8";

@media (max-width: 1023px) {
  html {
    font-size: calc(100vw / 375 * 10);
  }

  h2, .h2 {
    font-size: 2.8rem;
    letter-spacing: -0.056rem;
  }

  h3, .h3 {
    font-size: 2.4rem;
  }

  h4, .h4 {
    font-size: 2rem;
  }
  .container:has(>.slider-mini >.swiper) {
    display: none;
  }
  .main-wrapper {
    gap: 6rem;
    padding-bottom: 6rem;
    padding-top: 1.5rem;
  }

  .button {
    font-size: 1.4rem;
    text-wrap: nowrap;
  }

  .page-wrapper {
    padding: 0 1.5rem;
    padding-top: 7.2rem;
  }

  .header__buttons__container .button--header-order {
    display: flex;
    margin-left: 0.5rem;
  }

  .header__search {
    display: none;
  }

  .header__middle {
    gap: 1.8rem;
    justify-content: space-between;
  }

  .button--header-cart span:last-child,
  .button--header-compare span:last-child {
    display: none;
  }

  .header__logo {
    display: inline-flex;
  }

  .header__logo svg {
    width: 12.6rem;
    height: 4.8rem;
  }

  .header__buttons__container {
    padding: 1.2rem 1.5rem;
    gap: .2rem;
    max-height: 4.2rem;
  }

  .header__buttons__container .button {
    gap: 0;
  }

  .header .button--primary__wrapper {
    display: flex;
    gap: 0.3rem;
  }

  .header .header__order {
    display: none;
  }

  .header__buttons__container svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .header__contacts {
    display: none;
  }

  .header__order {
    display: none;
  }

  .header__bottom {
    display: none;
  }

  .header__middle {
    padding: 0;
  }

  .header__top {
    display: none;
  }

  .header {
    padding-block: 1.2rem;
    padding-inline: 1.5rem;

    box-shadow: 0 0 8px 0 rgba(102, 118, 138, 0.20);
    z-index: 8;
    position: fixed;
  }

  .button--burger-menu {
    display: flex;
    padding: 1.2rem 1.45rem;
  }

  .button--burger-menu svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .button--header-cart__value {
    font-size: 1rem;
    padding: 0.1rem 0.55rem;
    margin: 0;
  }

  .main-catalog__top {
    flex-direction: column;
    font-size: 1.4rem;
    gap: 2rem;
    margin-bottom: 2.5rem;
  }

  .main-catalog__list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .main-catalog__top div {
    gap: 1rem;
  }
  .main-catalog__top div:nth-child(2) span br {
    display: none;
  }
  .main-catalog__top div:last-child>span:first-child {
    align-self: start;
  }

  .main-catalog__top div > span {
    /* margin-bottom: 1rem; */
  }
  .main-catalog__top  .button--primary__wrapper {
    width: fit-content;
  } 
  .main-catalog__top div:last-child {
    gap: 2rem;
  }
  
  .main-catalog__button {
    padding: 1.05rem 1.5rem;
  }
  .main-catalog__button svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .main-catalog__item {
    font-size: 1.5rem;
    width: 100%;
    gap: 1rem;
  }

  .button--main-catalog__show-all {
    display: flex;
    padding-block: 1.65rem;
    width: 100%;
  }
  .main-catalog__list:not(:has(> li:nth-child(5))) .button--primary__wrapper {
    display: none !important;
  }
  .main-catalog__list:has(> li:nth-child(6)) .button--primary__wrapper {
    display: flex !important;
  }

  .main-catalog__list .button--primary__wrapper {
    width: 100%;
  }

  .main-catalog__list .main-catalog__item:nth-child(n+6) {
    display: none;
  }

  .main-catalog__list.show-all .main-catalog__item {
    display: flex;
  }

  .main-catalog__list > .button--primary__wrapper {
    display: flex !important;
  }

  .main-catalog__list.show-all .button--primary__wrapper:last-child {
    order: 999;
  }

  .service {
    gap: 1rem;
  }

  .service--top__wrapper, .service--bottom__wrapper {
    grid-template-columns: 1fr;
  }
  .service--top__wrapper {
    padding-top: 1.5rem;
    gap: 1rem;
  }
  .service--bottom__wrapper {
    gap: 1rem;
  }
  .service__centers__item a {
    font-size: 1.6rem;
  }
  .service__centers__item span:last-child {
    font-size: 1.2rem;
  }


  .service__dealer {
    padding: 2.5rem;
    gap: 2rem;
  }

  .service__dealer p {
    font-size: 1.4rem;
  }
  

  .service__button {
    width: 100%;
    padding-block: 1.65rem;
  }

  .service__software {
    background: #66768A;
    grid-row: 1;
    padding: 2.5rem;
    gap: 2rem;
  }

  .service__software .button--primary {
    width: 100%;
  }

  .service__centers__icon {
    display: none;
  }

  .service__centers__title {
    padding: 2.5rem;
    line-height: 130%;
  }

  .service__centers__list ul {
    grid-template-columns: 1fr;
  }

  .service__centers__item span:first-child {
    font-size: 1.6rem;
  }

  .service__services__list ul {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .service__services__item {
    flex-shrink: 0;
    width: 20rem;
    height: 29rem;
  }
  .service__services__item a {
    font-size: 1.6rem;
  }

  .service__services__title {
    flex-direction: column;
    padding: 2.5rem;
    align-items: start;
    gap: 2rem;
  }

  .service__services__title > span {
    font-size: 1.4rem;
  }

  .service__services {
    overflow: hidden;
  }

  .service__services__item__icon {
    margin-block: 5.2rem;
  }

  .service__services__item span {
    font-size: 1.2rem;
  }

  .service__services__item h4 {
    font-size: 1.6rem;
  }

  .news {
    gap: 2.5rem;
  }

  .news__list {
    overflow: hidden;
    margin-inline: -1.5rem;
  }

  .news__list ul {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .news__list li:first-child {
    padding-left: 1.5rem;
  }

  .news__list li:last-child {
    padding-right: 1.5rem;
  }

  .news__item__picture {
    width: 20rem;
    height: 10.3rem;
  }

  .news__item__title {
    font-size: 1.6rem;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .news__item__date {
    margin-top: auto;
  }

  .news__item {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 0;
    height: 20.4rem;
  }

  .goods {
    gap: 5rem;
  }

  .goods__item__title {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 6.2rem;
    font-size: 1.4rem;
  }
  .goods__top .button--transparent {
    font-size: 1.6rem;
  }
  .goods__item__info, .goods__item__top {
    gap: 1rem;
  }
  .button--to-cart svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .goods__item__art {
    font-size: 1.2rem;
  }

  .goods__item__image img {
    width: 14.7rem;
    height: 14.7rem;
  }

  .goods__item__image {
    padding: 1rem;
  }

  .goods__item__buttons .button--primary__wrapper {
    flex-direction: column;
    width: 100%;
  }

  .goods__item {
    padding: 0;
    gap: 1rem;
  }

  .goods__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem; 
  }

  .goods__item__buttons .button {
    width: 100%;
    height: unset;
    padding: 1.05rem;
    gap: 0.3rem;
  }

  .goods__item__price {
    flex-direction: column;
    align-items: start;
    font-size: 1.6rem;
    gap: 0.3rem;
  }

  .goods__item__price--old {
    font-weight: 400;
  }

  .goods__item__chars {
    padding: 1rem;
  }

  .goods__item__char {
    font-size: 1.2rem;
  }
  .goods__item__compare {
    display: flex;
    top: 0;
    right: 0;
  }
  .goods__item__compare .button--compare {
    width: 2.8rem;
    height: 2.8rem;
  }
  .goods__item__compare .button--compare svg {
    width: 1.4rem;
    height: 1.4rem;
  }

  .materials__list ul {
    grid-template-columns: 1fr;
  }

  .materials__top {
    padding: 2.5rem;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }

  .materials__top h2 {
    font-size: 2.4rem;
  }
  .materials__item a {
    /* gap: 1.5rem; */
    font-size: 1.6rem;
  }
  .materials__item>div {
    gap: 1rem;
  }

  .materials__top > span {
    font-size: 1.4rem;
  }

  .materials__item span:first-child {
    font-size: 1.6rem;
  }

  .materials__item span:last-child {
    font-size: 1.2rem;
  }

  .materials__item__icon {
    width: 3.8rem;
    height: 3.8rem;
  }

  .footer {
    padding-top: 2.5rem;
  }

  .footer__info {
    gap: 1.7rem;
    font-size: 1.4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(102, 118, 138, 0.20);
  }

  .footer__contacts__address {
    font-size: 1.4rem;
    gap: .3rem;
  }

  .footer__top {
    grid-template-columns: 1fr;
  }

  .footer__links__list {
    display: block;
    column-count: 2;
    break-inside: avoid;
  }
  .footer__links__list li {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    order: 0 !important;
  }
  .footer__links__col {
    flex: 1;
    min-width: 0;
  }
  .footer__links__item a, .footer__links__item button {
    font-size: 1.6rem;
  }

  .catalog-all__wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sorting__title {
    display: none;
  }

  .catalog-all,
  .search-list+.catalog-all {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-all  {
    gap: 2rem 1rem;
  }

  .button--filter-list, .button--filter-grid {
    padding: 1.3rem 1.8rem 1.1rem;
  }

  .catalog-all__sorting {
    padding-bottom: 2.5rem;
  }

  .sidebar .service__dealer {
    display: none;
    width: 100%;
  }

  .button--primary__wrapper--filter, .button--open-filter {
    display: flex;
    width: 100%;
  }

  .goods:has(.catalog-all__wrapper) {
    gap: 2.5rem;
  }

  .catalog-all__wrapper {
    gap: 1rem;
  }

  .catalog-all__sidebar {
    width: 100%;
  }

  .main-slider .swiper {
    max-width: calc(100vw - 3rem);
    height: 43.9rem;
    border-radius: 1.2rem;
  }

  .main-slider .slide__content {
    padding: 0 0 0 2rem;
    gap: 2rem;
    margin-top: -5rem;
  }
  .slide__wrapper {
    width: calc(100vw - 3rem);
    height: 43.9rem;
    display: flex;
    overflow: hidden;
    align-items: center;
    border-radius: 1.2rem;
  }
  .main-slider .slide__content {
    /* justify-content: center; */
  }
  .slider-mini .slide-decor--07 {
    display: none;
  }
  .slide__wrapper .slide__content {
    margin-block: 0;
    padding-top: 6rem;
  }

  .slide__wrapper .slide__subtitle {
    margin: 0;
    font-size: 1.5rem;
    margin-top: 0;
  }

  .slide__wrapper .slide__title {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .slide__wrapper .slide__title__big {
    font-size: 4.8rem;
    text-wrap: nowrap;
  }
  .slide__wrapper .slide__title__big--line-through {
    font-size: 2.6rem;
  }
  .slide__wrapper .slide__content {
    padding: 0;
    padding-left: 2rem;
    gap: 2rem;
  }
  .slide__wrapper .slider__button {
    padding: 1.05rem 1.5rem;  
  }
  .slide__wrapper .slide__image-wrapper img {
    object-fit: contain;
    height: auto;
    width: 100% !important;
  }
  .slide__wrapper .slide__content--text {
    display: grid;
  }
  /* ВАЖНО  */
  .main-slider .slide__wrapper .slide__content {
    margin-top: -6rem;
    max-width: 27rem;
  }
  
  /* дальше не важно */

  .main-slider .slider__button {
    padding: 1.05rem 1.5rem;
  }

  .main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    top: unset !important;
    bottom: -.5rem;
  }
  .main-slider .swiper-button-next {
    right: 2rem !important;
  }
  .main-slider .swiper-button-prev {
    left: 2rem !important;  
  }

  .main-slider .swiper .swiper-button-next--bg svg,
  .main-slider .swiper .swiper-button-prev--bg svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  .main-slider .swiper .swiper-button-next--bg,
  .main-slider .swiper .swiper-button-prev--bg {
    width: 4rem;
    height: 4rem;
  }

  .main-slider .swiper .swiper-button-next,
  .main-slider .swiper .swiper-button-prev {
    width: 5rem;
    height: 5rem;
  }

  .main-slider .swiper-pagination-bullet {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }

  .main-slider .swiper-pagination-bullet::after {
    width: 0.6rem;
    height: 0.6rem;
  }

  .main-slider .swiper-pagination {
    gap: 0.3rem;
    bottom: 2.5rem !important;
  }

  .hit {
    font-size: 1.4rem;
    padding: 0.3rem 1rem;
  }

  .tag {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }

  .category__tags ul {
    overflow-x: scroll;
    max-width: 100vw;
    margin-left: -1.5rem;
    padding-left: 1.5rem;
    margin-right: -1.5rem;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .scale-sidebar .category__tags__list .tag {
    text-wrap: nowrap;
  }

  .breadcrumbs {
    font-size: 1.4rem;
    text-wrap: nowrap;
  }

  .breadcrumbs__list {
    overflow-x: scroll;
    width: calc(100vw - 3rem);
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
  }

  .breadcrumbs__item:not(:last-child) {
    padding: 0 2rem 0 0;
  }

  .category__desc {
    display: none;
  }

  .category-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 6rem;
    gap: 2rem;
  }

  .category__top {
    gap: 2rem;
    padding-bottom: 0;
  }
  .category__top + .scale-configurator {
    padding-bottom: 2rem;
  }

  .category__tags__item:last-child {
    margin-right: 1.5rem;
  }

  .category-wrapper .goods h2 {
    display: block;
  }

  .good-hit {
    font-size: 1rem !important;
    top: .3rem;
    left: 0;
  }
  .catalog-all__main {
    gap: 2.5rem;
  }
  .catalog-all__bottom {
    /* padding: 2.5rem; */
    gap: 2.5rem;
  }
  .button--show-more,
  .button--show-more2 {
    padding-block: 1.2rem;
  }
  .button--show-more svg,
  .button--show-more2 svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .news__top .button--transparent,
  .goods__top .button--transparent {
    font-size: 1.6rem;
  }

  .catalog__description {
    display: none;
  }

  .good__content {
    display: flex;
    flex-direction: column;
  }

  .good__left {
    grid-template-columns: 1fr;
  }
  .good__content .good__row {
    display: flex;
    flex-direction: column;
  }

  .good__image__slider .good__image__wrapper {
    width: 34.5rem;
    height: 34.5rem;
  }

  .good__image__slider {
    flex-direction: column-reverse;
    align-items: start;
  }

  .good__image__slider .good__slider-wrapper {
    flex-direction: row;
  }

  .good__image__slider .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }

  .good__image__slider .good__slider {
    width: 35rem;
    height: min-content;
  }

  .good__image__slider .swiper-slide {
    width: 8rem !important;
    height: 8rem !important;
    margin-right: 1rem !important;
  }

  .good__characteristics {
    order: 3;
    padding-right: 0;
  }

  .good__image__slider .good__slider-prev, .good__image__slider .good__slider-next {
    display: none;
  }

  .good__char {
    font-size: 1.4rem;
    grid-template-columns: 17.2rem auto;
  }

  .good__characteristics h3 {
    padding-block: 1rem;
    letter-spacing: unset;
  }

  .good__info__wrapper {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .good__extra-options__list, .similar-goods__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .good__char__value {
    width: auto;
  }
  .good__chars-list-wrapper {
    max-height: unset;
    height: auto;
  }
  

  .button--instruction {
    text-wrap: wrap;
  }
  .good__order {
    width: 100%;
  }
  
  .good__order__price {
    font-size: 2rem;
  }

  .good__order__art, .good__order__price--old {
    font-size: 1.4rem;
  }

  .good__order__info {
    font-size: 1.2rem;
  }

  .good__order__art {
    margin-bottom: 1rem;
  }

  .button--fast-order.form-open svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-top: .3rem;
  }
  .goods__item__buttons .button--fast-order.form-open svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .goods__item__buttons .button {
    height: 4.2rem;
  }

  .good__order__buttons {
    grid-template-columns: auto 5.4rem;
  }

  .good__order__buttons > span:last-child {
    font-size: 1.4rem;
    padding-block: 1.65rem;
  }

  .good__order__extra-buttons button {
    padding-block: 1.05rem;
  }
  .good__order__buttons .button--to-cart,
  .good__order__buttons .button--fast-order {
    height: 5.4rem;
  }
  .good__order__buttons>div:last-child {
    font-size: 1.4rem;
  }
  .good__order--top {
    margin-bottom: 1rem;
  }
  .good__order__extra-buttons {
    padding-top: 1rem;
  }
  .good__order__extra-buttons a {
    max-height: 4.2rem;
  }
  .good__order__extra-buttons svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .similar-goods, .good__extra-options, .good__info {
    gap: 2rem;
  }

  .good__info__about {
    padding-right: 0;
    font-size: 1.4rem;
    gap: 1rem;
  }

  .category__desc__main {
    display: none;
  }

  .catalog-scale__top {
    gap: 2rem;
    padding-block: 2rem;
  }

  .scale-configurator {
    padding-block: 2rem;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .scale-configurator__image-container {
    max-width: 34.5rem;
    height: auto;
  }

  .scale-configurator__group-list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-inline: -1.5rem;
    padding-inline: 1.5rem;
    padding-block: .3rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .scale-configurator__group {
    gap: 1rem;
  }

  .scale-configurator__buttons {
    flex-direction: column;
    width: 100%;
  }

  .scale-configurator__buttons button {
    width: 100% !important;
  }

  .scale-sidebar__list {
    display: flex;
    flex-direction: row;
  }

  .scale-sidebar__item {
    text-wrap: nowrap;
  }

  .scale-center {
    grid-template-columns: 1fr;
  }

  .scale-sidebar {
    /* overflow-x: scroll; */
  }

  .scale-info__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .scale-info__text {
    width: calc(100vw - 3rem);
    gap: 1rem;
  }

  .scale-info {
    font-size: 1.4rem;
    gap: 2rem;
  }

  .scale-info h2 {
    padding-top: 1.5rem;
    font-size: 2.4rem;
  }

  .scale-accessories-table__cell, .scale-accessories-table__price {
    padding: 1rem 1.5rem;
  }

  .scale-accessories-table__image-cell {
    padding-block: 1rem;
  }

  .scale-accessories-table__image img, .scale-accessories-table__image source {

  }

  .scale-accessories-table {
    width: 88.6rem;
  }

  .scale-accessories-table__price {
    text-wrap: nowrap;
  }

  .scale-accessories-table__col col:nth-child(odd) {
    width: 18rem !important;
  }

  .scale-accessories-table__col col:nth-child(even) {
    width: 11rem !important;
  }

  .scale-accessories-table-2__col col {
    width: 14.2rem !important;
  }
  .scale-accessories-table-2__col col:first-child {
    width: 20rem !important;
  }

  .scale-accessories-table__cell.text-500 {
    padding-block: 1.8rem;
  }

  .scale-accessories-table-2 .scale-accessories-table__heading {
    padding: 1rem 1.5rem;

  }

  .scale-accessories-table__heading {
    font-size: 1.5rem;
  }

  .scale-accessories-table-2 .scale-accessories-table__heading:first-child {
    text-align: left;
  }

  .scale-contact {
    gap: 1rem;
  }

  .scale-contact .title {
    font-size: 1.6rem;
  }

  .catalog-scale-wrapper {
    padding-top: 0;
  }

  .catalog-scale__top {
    padding-top: 1.5rem;
  }
  .scale-accessories-table-2__wrapper {
    overflow-x: scroll;
  }
  .scale-accessories-table__wrapper, .scale-accessories-table-2__wrapper {
    margin-inline: -1.5rem;
    padding-inline: 1.5rem;
  }
  .good__info__wrapper h4,
  .good__info__cats h4,
  .good__downloads h4 {
    padding-bottom: 1rem;
  }
  .good__info__wrapper h4:not(:first-child),
  .good__info__cats h4,
  .good__downloads h4 {
    padding-top: 2.5rem;
  }
  .good__info__cats, .good__downloads {
    gap: 1rem;
  }
  .extra {
    font-size: 1rem;
    padding: 0.3rem 1rem;
  }
  .good-extra {
    top: 0;
    left: 0;
  }
  .scale-sidebar__item {
    line-height: 0;
  }
  .scale-sidebar__list {
    border-bottom: 1px solid rgba(102, 118, 138, 0.20);
    padding-bottom: 2rem;
  }
  .scale-center {
    padding-top: 2rem;
    gap: 2rem;
    padding-bottom: 2rem;
  }
  .scale-info__block {
    gap: 2rem;
  }
  .scale-el-prom__grid h2 {
    padding: 0;
  }
  .scale-el-prom__grid {
    grid-template-columns: 1fr;
  }
  .scale-el-prom__grid__image-container source, .scale-el-prom__grid__image-container img, .scale-el-prom__grid__image-container{
    width: 34.5rem;
    height: auto;
  }
  .scale-el-prom__grid {
    padding-bottom: 2rem;
  }
  .scale-el-prom__list {
    grid-template-columns: 1fr;
  }
  .scale-el-prom__item {
    gap: 1rem;
  }
  .scale-el-prom__item-type {
    grid-template-columns: 1fr;
    padding-bottom: 2rem;
    gap: 1rem;
  }
  .scale__form {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding-top: 1rem;
  }
  .form__text, .scale__form textarea {
    grid-column: unset;
  }
  .scale__form textarea {
    padding: 1rem;
    font-size: 1.4rem;
  }
  .scale__form input {
    padding: 1.35rem 1rem;
    font-size: 1.4rem;
  }
  .button--order {
    padding-block: 1.05rem;
  }
  .form__text {
    font-size: 1.2rem;
  }
  .scale-info__text-grid-4 {
    gap: 2rem;
  }
  .top-block {
    display: none;
  }
  .catalog-all__sorting > .button--primary__wrapper-flex {
    display: none;
  }
  .img-wrapper-20-08-25 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mobile-menu__overlay {
    position: fixed;
    inset: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
  }

  .mobile-menu__overlay[hidden] {
    display: none !important;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  .mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: min(100%, 32rem);
    height: 100%;
    background: #fff;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s ease;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
  }

  .mobile-menu.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
  }

  .mobile-menu__panels {
    position: relative;
    width: 100%;
    height: 100%;
    background: #2F2F2F;;
  }

  .mobile-menu__panel {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    visibility: hidden;
    pointer-events: none;
    padding-block: 2rem;
    display: grid;
    gap: 2rem;
    align-content: start;
    background: #2F2F2F;
    color: #fff;
  }

  .mobile-menu__panel.is-active {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
  }
  .mobile-menu__link {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
  }
  .mobile-menu__next, .mobile-menu__back {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-menu__title, .mobile-menu__back, .mobile-menu__next {
    background: transparent;
  }
  .mobile-menu__next svg,
  .mobile-menu__navbar svg,
  .mobile-menu__title {
    color: var(--color-white);
  }
  .mobile-menu__img {
    width: 2rem;
    height: 2rem;
  }
  .mobile-menu__item {
    padding: 1rem 2rem;
  }
  .mobile-menu__title {
    font-weight: 600;
    text-transform: uppercase;
  }
  .mobile-menu__item,
  .mobile-menu__navbar {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: var(--color-white);
  }
  .mobile-menu__navbar {
    padding-inline: 2rem;
    font-size: 1.4rem;
  }
  .mobile-menu__list {
    display: grid;
  }
  .mobile-menu__item--search {
    border: none;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    color: var(--color-grey-100);
    width: 100%;
    background: var(--color-grey-0);
    padding: 1rem;
    border-radius: 1.2rem;
    position: relative;
    width: 100%;
    transition: var(--transition);
    margin-inline: 2rem;
    max-width: 28rem;
  }
  .mobile-menu__search {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
   
  .mobile-menu__search input {
    background: transparent;
    font-size: 1.2rem;
    width: 100%;
  }
  .mobile-menu__item--catalog {
    background: var(--color-blue);
  }
  /*
  .mobile-menu__item--support {
    background: var(--color-yellow);
    color: var(--color-blue);
  }
  .mobile-menu__item--support a {
    color: var(--color-blue) !important;
  }
  .form-main {
    max-width: calc(100vw - 4rem);
     padding: 2rem;
  }
     */
  .form-main input,
  .form-main textarea {
    max-width: calc(100vw - 8rem);
  }
  .slide__wrapper .slide__title {
    font-size: 2.8rem;
    line-height: 130%;
  }
  .akcii-grid {
    gap: 2rem;
  }
  .slider-mini {
    display: none;
  }

  .filter__wrapper {
    background: var(--color-white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 5rem 2rem 2rem;
    width: 100vw;
    height: 100dvh;
    overflow-y: scroll;
    transform: translateY(-100%);
    transition: var(--transition);
  }
  .filter__wrapper.is-open {
    transform: translateY(0);
  }
  .button--filter-close {
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    padding: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
  }
  .filter {
    padding-block: 2rem;
    gap: 1rem;
  }
  .cart__delivery__forms,
  .cart__delivery__button-wrapper {
    grid-template-columns: 1fr;
  }
  .cart__delivery__form-2, .cart__delivery__form-3 {
    padding-inline: 0;
  }
  .cart__content__titles {
    display: none;
  }
  .cart__good {
    grid-template-columns: 9.4rem auto;
    gap: .7rem 1.5rem;  
    padding-right: 1rem;
  }
  .cart__good--actions {
    grid-template-columns: repeat(6, 1fr);
    grid-column: 2;
    gap: 1rem;
    padding: 0 0 1rem 0;
  }
  .cart__price-1,
  .cart__price-2 {
    min-width: unset;
    grid-column: span 3;
    font-size: 1.5rem;
  }
  .button--cart__good--delete {
    order: 4;
    grid-row: 2;
    grid-column: span 2;
    margin-left: auto;
    margin-right: .8rem;
  }
  .cart__good--amount {
    order: 3;
    grid-row: 2;
    grid-column: span 4;
    padding: .7rem .5rem;
  }
  .cart__delivery {
    /* display: none; */
    gap: 2rem;
  }
  .cart__top {
    gap: 2rem;
  }
  .cart__good--img {
    width: 9.4rem;
    height: 9.4rem;
    overflow: hidden;
    display: flex;
    background: var(--color-white);
    border-radius: 1rem;
    align-items: center;
    justify-content: center;
  }
  .cart__good--img img {
    width: 7.4rem;
    height: 7.4rem;
  }
  .cart__good h3 {
    font-size: 1.5rem;
  }
  .cart__good--art {
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%;
    color: #66768a;
  }
  .cart__price-1 span:first-child,
  .cart__price-2 span:first-child {
    display: flex;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #66768a;
  }
  .cart__bottom {
    /* display: none; */
  }
  .button--cart__good--amount {
    padding: .5rem;
  }
  .cart__total {
    min-width: unset;
  }
  .button--cart-clear {
    padding: 1.05rem 1.5rem;
  }
  .button--cart-clear svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .cart__content {
    gap: 1rem;
  }
  .cart__total {
    font-size: 1.5rem;
  }
  .cart__delivery__form,
  .cart__delivery__form .form__fieldset-wrapper {
    gap: 1rem;
  }
  .cart {
    gap: 2rem;
  }
  .cart__delivery__form input {
    padding: 1.35rem 1rem;
    font-size: 1.4rem;
  }

  .cart__delivery__form-1,
  .cart__delivery__form-2 {
    border: none;
  }
  .cart__delivery__form label {
    font-size: 1.4rem;
  }
  .cart__delivery__form-2>.form__fieldset-wrapper:first-of-type {
    padding: 0;
    border: none;
  }
  .cart__delivery__forms {
    gap: 2rem;
  }
  .select-cart .select-native {
    font-size: 1.4rem;
  }
  .select-cart {
    padding: 1.35rem 1rem 1.35rem 1.5rem;
    height: 4.8rem;
  }
  .cart__delivery__form-1 {
    padding: 0;
  }
  .cart__delivery__form .form__row-2 {
    grid-template-columns: 12rem auto;
  }
  .cart__delivery__button-wrapper .button--cart-order {
    grid-column: 1;
  }
  .cart__empty {
    font-size: 1.4rem;
  }
  .compare .compare-slider-nav {
    display: none;
  }
  .compare-slider-wrapper {
    max-width: unset;
  }
  .compare .goods__item {
    width: 25rem;
  }
  .goods__chars--compare ul li span:last-child {
    font-size: 1.5rem;
  }
  .compare .swiper-slide {
    width: auto !important;
  }
  .compare .swiper-wrapper {
    overflow-x: scroll;
    display: flex !important;
    width: 100vw;
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
    width: 100vw;
    gap: 1rem !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
            /* .article__content .table-wrapper,
            .article__description .table-wrapper {
              margin: 0 -1rem;
              padding: 0 1rem;
            } */
      
  .table-wrapper {
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
    width: 100vw;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .table-wrapper caption {
    text-align: left;
  }
  .text-block .table-wrapper {
    margin: 0 -3.5rem;
    padding: 0 1.5rem;
  }
  table tr td {
    /* text-wrap: nowrap; */
  }
  .category__top p > img,
  .scale-info p > img,
  .scale-info__block .right_block_catpage img  {
    max-width: calc(100vw - 3rem) !important;
  }
  .center_block_catpage {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  span.yellow-line {
    font-size: 2.4rem;
  }
  .fancybox__content {
    padding: 2rem;
    max-width: calc(100vw - 4rem);
  }
  .left_block_catpage iframe,
  .video_box_frame iframe {
    max-width: calc(100vw - 3rem);
    overflow: hidden;
  }
  .scale-contact div {
    justify-content: end;
  }
  /*
  .scale-configurator__content .h3 {
     font-size: 1.6rem;
    display: none;
  }
  */
  .scale-configurator__group-title {
    font-size: 1.6rem;
  }
  .configurator-tag button {
    font-size: 1.4rem;
  }
  .icom-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .scale-contact:not(:has(> div:nth-child(2))) {
    grid-template-columns: 1fr;
  }
  .text-block {
    padding: 2rem;
  }
  .lk__links {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .lk__links--right {
    grid-column: unset;
    flex-direction: column;
    margin-left: unset;
    gap: 1rem;
  }
  .lk__order_history {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1rem;
  }
  .lk__order_history .lk__ohbox:nth-child(1),
  .lk__order_history .lk__ohbox:nth-child(2),
  .lk__goodstable>div:nth-child(1),
  .lk__goodstable>div:nth-child(2) {
    grid-row: 1;
  }
  .lk__order_history .lk__ohbox:nth-child(3),
  .lk__goodstable>div:nth-child(3) {
    grid-row: 2;
  }
  .lk__order_history .lk__ohbox:nth-child(4),
  .lk__goodstable>div:nth-child(4) {
    grid-row: 3;
  }
  .lk__order_history .lk__ohbox:nth-child(5) {
    grid-row: 4;
  }
  .lk__order_history>div,
  .lk__order_history .lk__onbox {
    font-size: 1.4rem;
  }
  .select-native,
  .lk__goodstable,
  .lk__show_more {
    font-size: 1.4rem;
  }
  .lk__show_more {
    margin-left: unset;
    width: fit-content;
  }
  .lk__goodstable {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
  .lk__goodstable>div:nth-child(2) {
    margin-left: auto;
  }
  .lk__ohbox.select {
    grid-column: span 2;
  }
  .lk__search {
    grid-template-columns: 1fr;
  }
  .lk_table__inputtable tr {
    display: grid;
    grid-template-columns: 1fr;
    min-width: unset !important;
    width: 100%;
  }
  .lk_table__inputtable input,
  .lk_table__inputtable {
    min-width: unset !important;
    width: 100%;
  }
  .lk_table__inputtable textarea {
    width: 100%;
    min-width: unset !important;
  }
  .lk-page .table-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .lk_table__inputtable tr td {
    padding: .5rem 0;
  }
  .lk__infoline {
    font-size: 1.2rem;
  }
  .lk-page .info_page {
    gap: 1rem;
  }
  .info-page h2 {
    font-size: 2.4rem;
  }
  .login-form__wrapper {
    gap: 1rem;
  }
  .login-form__wrapper .lk__ok {
    font-size: 1.4rem;
  }
  .grid-4 {
    grid-template-columns: 1fr;
  }
  .info-page .news__list ul {
    grid-template-columns: repeat(2, 1fr);
    overflow-x: unset;
    gap: 1rem;
  }
  .info-page .news__list ul li {
    width: fit-content;
  }
  .info-page .news__list {
    margin: 0;
  }
  .info-page .news__list li:first-child {
    padding: 0;
  }
  .info-page .news__item__picture {
    max-width: calc((100vw - 3rem - 1rem) / 2);
  }
  .info-page .news__item__title {
    font-size: 1.4rem;
  }
  .info-page .news__item {
    max-width: calc((100vw - 3rem - 1rem) / 2);
  }
  .page-dealers div:has(.flex):has(p img),
  .page-dealers p:has(img) {
    flex-direction: column;
  }
  .info-page ul:not(.breadcrumbs__list):not(.links-list):not(.news__list ul) {
    padding-left: 2rem;
  }
  .info-page>p:has(img) {
    flex-direction: column;
  }
  .delivery .flex {
    grid-template-columns: 1fr;
    padding-block: 1rem;
    gap: 1rem;
  }
  .delivery img {
    width: calc(100vw - 7rem) !important;
    height: auto !important;
  }
  .delivery h3.yellow-line {
    margin: 0;
  }
  .delivery .right_block_infopage iframe {
    width: calc(100vw - 7rem) !important;
  }
  .delivery .left_block_infopage,
  .delivery .right_block_infopage {
    gap: 1rem;
  }
  .delivery .flex:not(:last-of-type):not(:first-of-type) {
    border-bottom: none;
  }
  .delivery h3 {
    font-size: 2.4rem;
  }
  .info-page img {
    max-width: calc(100vw - 3rem) !important;
  }
  .info-page .text-block img {
    max-width: calc(100vw - 7rem) !important;
  }
  
  
  .page-contact .tabs img {
    width: calc((100vw - 10rem) / 3);
  }
  .page-contact .tabs {
    gap: 1rem;
  }
  .page-contact .tabs .tab p {
    font-size: 1.2rem;
    word-break: break-word;
    transform: translateY(-50%);
    top: 50%;
    padding: .4rem;
  }
  .page-contact .tabs .tab {
    height: 6.4rem;
  }
  .page-contact .left_block_infopage span.green-line,
  span.yellow-line {
    font-size: 2rem;
  }
  .page-contact .tab-content.is-active {
    grid-template-columns: 1fr;
  }
  .page-contact .tab-contents .tab-content:first-child .left_block_infopage p:last-child span:not(a > span) {
    font-size: 1.2rem;
  }
  .page-contact .tab-content {
    gap: 2rem;
  }
  .page-contact .right_block_infopage {
    margin-top: 0;
  }
  .page-contact .right_block_infopage h2 {
    font-size: 2.4rem;
  }
  .new-wrapper .flex {
    flex-direction: column;
    gap: 1rem;
  }
  .error-404 {
    font-size: 15rem;
  }
  .error h1 {
    font-size: 2.8rem;
  }
  .new-wrapper p:has(>picture):not(:has(>p)) {
    flex-direction: column;
  }
  .new-wrapper .page_last_box:has(>.box) {
    flex-direction: column;
  }
  .new-wrapper .page_last_box .box>a+strong {
    text-align: left;
  }
  .new-wrapper .page_last_box .box>a span {
    height: fit-content;
  }
  .new-wrapper .page_last_box:has(.name_glav) .line2,
  .new-wrapper .page_last_box:has(.name_glav) .line {
    grid-template-columns: 1fr;
  }
  .pagination__el:has(svg) {
    padding: 1rem;
  }
  .info-block-row {
    grid-column: 1;
  }
  .info-block-row .info-block__img {
    max-width: calc(100vw - 3rem - 4rem) !important;
    width: unset;
    position: relative;
    margin: 0;
    border-radius: 1rem;
  }
  .info-block {
    padding: 2rem;
    min-height: unset ;
  }
  .info-block-row p {
    width: unset;
  }
  .servis_seach_top {
    flex-direction: column;
    align-items: unset;
  }
  .frame_7_top,
  .frame_7_line {
    gap: 1rem;
  }
  .frame_7 {
    overflow-x: scroll;
  }
  .frame_7_top_name,
  .frame_7_top_tel,
  .frame_7_top_mail {
    font-size: 1.4rem;
  }
  .frame_7_line_tel,
  .frame_7_line_mail,
  .frame_7_line {
    font-size: 1.4rem;
  }
  .more--hint {
    font-size: 1.2rem;
    padding: .5rem 1rem;
    top: 5.3rem;
    right: -0.8rem;
  }
  .goods__item .more--hint {
    top: 2.8rem;
    right: unset;
    left: -1rem;
    text-wrap: wrap;
    width: 14.8rem;
  }
  .more--hint::before {
    content: "";
    position: absolute;
    top: -.6rem;
    right: 2.8rem;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: .7rem solid #434444;
  }
  .service__services__title h3 span,
  .service__centers__title h3 span {
    text-wrap: wrap;
  }
  .service__services__title>span {
    text-align: left;
  }

  .question--button {
    width: 4.7rem;
    height: 4.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 1rem;
    box-shadow: 0 0 8px 0 rgba(102, 118, 138, 0.20);

    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 4;
  }
}