@media (max-width: 1440px) {
    .favorites .products__main.tiles {
         grid-template-columns: repeat(4, 1fr);
     }
    .header__middle .header-city,
    .header__search,
    .working-period,
    .oval-btn--header {
        margin-left: 20px;
    }

    .header__search {
        max-width: 350px;
    }

    .swiper-button-next {
        right: -14px;
    }

    .swiper-button-prev {
        left: -14px;
    }

    .swiper-button-prev.swiper-compare-prev-button {
        left: 0;
    }

    .swiper-button-next.swiper-compare-next-button {
        right: 0;
    }

    .popular-grid {
        grid-template-rows: repeat(5, 1fr);
        grid-template-columns: auto;
    }

    .popular-card.popular-card--big {
        grid-area: 1 / 1 / 4 / 4;
    }

    .popular-card.popular-card--bottom {
        grid-area: 4 / 1 / 6 / 4;
    }

    .popular-card.popular-card--center {
        grid-area: 1 / 4 / 6 / 5;
    }

    .popular-card.popular-card--right {
        grid-area: 1 / 5 / 6 / 6;
    }

    .popular-card__title {
        font-size: 28px;
    }

    .popular-card--right .popular__text {
        margin: 0 auto 0;
    }

    .popular-card--center .popular__text {
        margin: 0 auto 0;
    }

    .popular-card--big .popular__text {
        margin: 0 10px 0 0;
    }

    .popular-card .popular__img img {
        left: 50%;
        right: 0;
        top: 0;
        transform: translateX(-50%) scale(1);
    }

    .popular-card__sections {
        margin-top: 5px;
        font-size: 14px;
    }

    .complects-swiper-button-next,
    .complects-swiper-button-prev {
        display: flex;
    }

    .brands__item,
    .actions__item,
	.news__item {
        width: 100%;
    }

    .actions__item img {
        max-width: none;
    }

    .products__main.tiles {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-box__inner {
        gap: 15px;
    }

    .product-box__info {
        column-gap: 15px;
        grid-template-columns: 60% calc(40% - 15px);
    }

    .info {
        padding: 25px 0;
    }

    .recs-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .popular-card:hover .popular__img img {
        transform: translateX(-50%) scale(1.08);
    }

    .popular-card:hover .popular__text {
        color: var(--main-blue);
        transform: scale(1.08);
    }

    main.about .info {
        padding-bottom: 20px;
    }

    .categories-with-img-button-prev,
    .categories-with-img-button-next {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1400px) {
	.benefits-main__item p:first-child {
        font-size: 32px;
    }
    .product-box__gallery {
        max-width: 450px;
    }

    .header__categories-link {
        font-size: 13px;
    }

	.actions__content {
		grid-template-columns: repeat(auto-fit, minmax(calc(440px - 40px), 1fr));
	}
}

@media (max-width: 1320px) {
    .header__categories-link {
        font-size: inherit;
    }
    .header-panel {
        gap: 5px;
    }
    .header__search {
        max-width: 200px;
    }

    .oval-btn--header {
        max-width: 150px;
    }

    .header__bottom-nav {
        gap: 20px;
    }

    .header {
        font-size: 12px;
    }

    .brand-banner p {
        font-size: 28px;
    }

    .brand-banner img:last-of-type {
        max-width: 240px;
    }

    .product-box__properties-title {
        font-size: 14px;
    }

    .product-box__item--price {
        padding: 22px 21px 15px 20px;
    }

    .product-box__item--properties {
        padding: 15px 10px 15px 15px;
    }

    .product-box__guarantee,
    .product-box__colors {
        padding: 10px 15px;
    }

    .product-box__properties-item .property-name span,
    .product-box__properties-item .property-value {
        font-size: 12px;
    }

    .product-box__price-buttons .rect-btn {
        padding: 10px;
        font-size: 14px;
    }

    .product-box__info {
        grid-template-columns: 55% calc(45% - 15px);
    }

    .product-info__property-title h4,
    .product-info__inner.delivery-payment h4,
    .product-info__guarantee-text h4 {
        font-size: 20px;
    }

    .product-tabs__items,
    .product-tabs__slider {
        padding: 0;
    }

    .product-card.row .product-card__buy-click,
    .product-card.row .product-card__buy-cart {
        padding: 15px 20px;
    }

    .benefits__inner {
        flex-wrap: wrap;
        gap: 45px 0;
    }

    .benefits__item {
        flex-basis: auto;
        width: 50%;
        justify-content: center;
    }

    section.popular {
        padding-top: 30px;
    }
}

@media (max-width: 1250px) {
    .round-btn--header {
        width: 42px;
        height: 42px;
    }
    .header__bottom-nav {
        gap: 10px;
    }
    .product-card.row .product-card__color-label {
        width: 20px;
        height: 20px;
    }
    .product-card.row {
        gap: 15px;
    }
	.product-info__brand-content {
		flex-direction: column;
	}
	.product-info__brand-text {
		max-width: none;
	}
	.product-info__brand-img {
		right: -100px;
	}
}

@media (max-width: 1200px) {
	.benefits-main__item {
		flex-basis: 50%;
	}
	.benefits-main__inner {
        flex-wrap: wrap;
        padding: 30px;
        gap: 20px 0;
    }
    .header__categories-list {
        gap: 5px;
    }
    .oval-btn.oval-btn--all-categories {
        font-size: 0;
        gap: 0;
        border-radius: 10px;
        padding: 16px 10px;
    }
    .header.scroll .header__middle .oval-btn--all-categories {
        font-size: inherit;
        gap: 10px;
        padding: 12px;
    }
    .phone-number {
        font-size: 12px;
    }

    .header-city,
    .header__search,
    .working-period,
    .oval-btn--header {
        margin-left: 10px;
    }

    .header__search {
        max-width: 240px;
    }

    .oval-btn--all-categories .close-icon {
        left: 10px;
    }

    .header__middle .header-city {
        gap: 5px;
    }

    .oval-btn {
        font-size: 12px;
    }

    .header-panel {
        gap: 3px;
    }

    .favorites .products__main.tiles {
        grid-template-columns: repeat(3, 1fr);
    }

    .header__middle .header-city__button {
        font-size: 14px;
    }

    .round-btn--header {
        width: 42px;
        height: 42px;
    }

    .header__bottom-nav {
        gap: 10px;
    }

    .popular-card--big .popular__text {
        align-self: center;
    }

    .popular-card--bottom .popular__text,
    .popular-card--big .popular__text {
        text-align: left;
    }

    .popular-card__title {
        font-size: 24px;
        text-align: left;
    }

    .brand-banner img:first-of-type {
        max-width: 280px;
    }

    .brand-banner img:last-of-type {
        max-width: 200px;
    }

    .brand-banner p {
        font-size: 24px;
    }

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

    .product-box__price-buttons .rect-btn {
        padding: 5px 8px;
    }

    .product-box__tool,
    .product-box__available {
        gap: 0 5px;
    }

    .product-box__tool svg,
    .product-box__tool img {
        width: 14px;
        height: 14px;
    }

    .product-box__status,
    .product-box__tool button {
        font-size: 12px;
    }

    .product-box__gallery {
        max-width: 400px;
    }

    .product-box__info {
        grid-template-columns: 52% calc(48% - 15px);
    }

    .option a,
    .option p {
        font-size: 12px;
    }

    .product-box__colors-color,
    .frame {
        width: 20px;
        height: 20px;
    }

    .frame,
    .product-box__colors-color::before {
        border-width: 3px;
    }

    .product-box__cost .price {
        font-size: 30px;
    }

    .product-box__cost .price-type {
        font-size: 12px;
    }

    .product-box__delivery {
        gap: 10px;
    }

    .product-box__delivery-text .delivery-term,
    .product-box__delivery-text .delivery-title {
        font-size: 14px;
    }

    .product-box__properties-item .property-name {
        width: 50%;
    }

    .product-info__doc-name {
        font-size: 14px;
    }

    .recs-list,
    .catalog__categories {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-card.row .product-info__delivery,
    .product-card.row .product-card__article {
        margin-left: 10px;
    }

    .product-card.row .product-card__buy-click,
    .product-card.row .product-card__buy-cart {
        padding: 10px 8px;
        font-size: 14px;
        min-width: 180px;
    }

    .product-card__footer-button-row {
        gap: 10px;
    }
    .product-card.row .product-card__counter {
        font-size: 14px;
        min-width: 180px;
    }
    .product-card.row .product-card__counter button {
        padding: 10px 0;
    }
    .product-card.row .product-card__property {
        font-size: 12px;
    }
    .product-card.row .product-card__color {
        gap: 10px;
    }

    .product-card.row .product-card__img-box {
        width: 150px;
        height: 150px;
    }

    .product-card.row .round-btn-card {
        width: 35px;
        height: 35px;
    }

    .product-card.row .round-btn-card svg {
        max-width: 14px;
    }

    .basket-item-block-amount {
        max-width: 100px;
    }

    .basket-item-amount-btn-minus,
    .basket-item-amount-btn-plus {
        width: 40px;
        padding: 15px 10px;
    }

    .cart-list__header tr td:nth-child(1),
    .cart-table tr td:nth-child(1) {
        width: 50%;
    }
    .bx-soa-pp-company label::after,
    .bx-soa-pp-company label::before {
        top: 15px;
    }
    .cart-table tr td:nth-child(4),
    .cart-list__header tr td:nth-child(4) {
        padding-right: 10px;
    }
    .cart-table tr td:nth-child(1),
    .cart-list__header tr td:nth-child(1) {
        padding-left: 10px;
    }
    .cart-table tr td,
    .cart-list__header tr td {
        width: 20%;
    }
    .bx-soa-pp-company {
        min-height: auto;
    }
    .bx-soa-pp-company-graf-description {
        font-size: 12px;
    }
    .bx-soa-pp-company label {
        font-size: 14px;
    }

    .cart-item__sum .old-price .discount {
        font-size: 10px;
        padding: 0 2px;
    }

    .cart-calc__price p:not(.price) {
        max-width: 50%;
    }

    .personal__tile svg,
    .personal__tile-link svg {
        width: 80px;
        height: 80px;
    }

    .contacts-city__departments {
        padding: 35px 55px;
    }

    .contacts-social__inner {
        padding: 0 55px;
    }

    .product-box .product-card__counter .minus,
    .product-box .product-card__counter .plus {
        padding: 0 20px 0 20px;
    }

    .swiper.swiper-about-promo {
        max-width: 450px;
    }

    .about-promo__inner {
        gap: 25px;
    }

    .about-promo__text p:first-child {
        font-size: 18px;
    }

    .about-promo__text {
        font-size: 14px;
    }

    .advantages__question-title {
        font-size: 32px;
    }

    .advantages__question-item-title,
    .advantages__items-title {
        font-size: 20px;
    }

    .advantages__question-item-text p:not(.advantages__question-item-title) {
        font-size: 18px;
    }

    .advantages__question-items li img {
        height: 45px;
    }

    .advantages__items-text {
        font-size: 16px;
    }

    .advantages__items {
        gap: 25px;
    }

    .swiper-office-city,
    .swiper-office-city-tyumen {
        max-width: 550px;
        margin: 0;
        height: auto;
    }

    .about-office__city {
        gap: 25px;
    }

    .personal__progress-point.current .point-decimal {
        font-size: 32px;
    }

    .benefits-main__inner {
        flex-wrap: wrap;
        padding: 30px;
        gap: 20px 0;
    }

    .benefits-main__item {
        flex-basis: 50%;
    }

	.rect-btn.rect-btn--action-hint {
        padding: 10px;
        font-size: 14px;
    }

    .action-hint__prices {
        flex-direction: column;
        gap: 5px;

        .action-hint__old-price {
            order: -1;
        }
    }
}

@media (max-width: 1024px) {
    .about-office__city {
        flex-direction: column;
        gap: 50px;
    }

    .about-office__city-info {
        order: -1;
    }

    .swiper-office-city,
    .swiper-office-city-tyumen {
        max-width: none;
        height: 100%;
    }

    .about-office__city-swiper {
        max-width: none;
    }

    .product-card.row .product-card__buy-click,
    .product-card.row .product-card__buy-cart {
        min-width: 150px;
    }
}

@media (max-width: 992px) {
	.action-hint__inner {
        display: block;
    }
    .action-hint__items {
        margin-top: 20px;
    }
    .action-hint__left {
        width: 100%;
    }
	.round-btn.round-btn--fav:not(.active) {
		background: #fff;
	}
	.product-card__article {
		height: auto;
		color: #8c8c8c;
	}
	.product-card__prices span {
		line-height: 1.5;
	}
	.product-card__img-box-link .hide-block {
		width: 30px;
		height: 30px;
		bottom: 8px;
		left: 7px;
		border-radius: 5px;
		font-size: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.product-card__img-box-link .hide-block svg {
		display: block;
	}
	.product-card__tools {
		display: none;
	}
	.product-card__info-box,
	.product-info {
		display: flex;
		flex-direction: column;
	}
	.product-info__item.documentation .product-info {
		flex-direction: row;
	}
	.product-card__prices {
		margin-top: 0;
		order: -1;
		width: 100%;
	}
	.product-card__name {
		order: 0;
	}
	.product-card__name:not(a) {
		margin-top: 5px;
	}
	.product-card:not(.row) .product-card__name a {
		margin-top: 0;
		height: auto;
	}
	.product-card__feature-list {
		margin-top: 5px;
		order: 1;
	}
	.product-info__available-list {
		order: 2;
	}
	.product-card__footer {
		order: 3;
	}
	.product-info__available {
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}
	.product-card__info-box .product-card__color {
		margin-top: 10px;
		padding: 0 2px 2px 2px;
	}

	.product-card__info-box .product-card__color-label.checked:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		border: 1px solid var(--button-blue);
	}
	.product-card__info-box .product-card__color-label.checked {
		position: relative;
		border: none;
	}
	.product-card .reason {
		padding: 0;
	}
	.product-card__mobile-cart {
		transition: none;
	}
	.product-info__inner .about-hint {
        margin-top: 35px;
    }
	.product-card__mobile-fav {
		display: block;
	}
	.product-card__mobile-footer .product-card__footer-buttons.active {
		width: 80%;
		border-radius: 10px;
		min-height: 28px;
	}
	.product-card__counter {
		width: 100%;
	}
	.product-card .reason {
        padding: 0;
    }
	.product-box {
		padding: 0;
	}
	.product-info__inner .about-hint {
        margin-top: 35px;
    }

    .product-info__inner .product-name .about-hint {
        display: none;
    }

    .product-info__inner .documentation .about-hint {
        display: flex;
    }
    .product__info {
        margin-bottom: 50px;
    }
	.product-info__inner.properties.active {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.toast-container {
		bottom: 77px;
	}
    .swiper-videos,
    .categories-slider {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .aside__inner .aside__inner-close-btn {
        display: flex;
    }

    .fast-view-btn {
        display: none;
    }

    img,
    video {
        filter: grayscale(0) !important;
    }

    .header__top,
    .header__content {
        display: none;
    }

    .header__mobile {
        display: block;
    }

    .banner {
        padding: 0 0 35px;
    }

    .banner .container {
        padding: 0;
    }

    .banner-slider,
    .banner__slide,
    .banner__slide-link img {
        border-radius: 0;
    }

    .swiper-button-prev:not(.complects-swiper-button-prev),
    .swiper-button-next:not(.complects-swiper-button-next) {
        display: none;
    }

    .swiper-button-prev.swiper-compare-prev-button,
    .swiper-button-next.swiper-compare-next-button {
        display: flex;
        width: 35px;
        height: 35px;
    }

    .banner__slide {
        height: auto;
    }

    .popular-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 13px;
    }

    .popular-card {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .popular-card.popular-card--big {
        grid-area: 1 / 1 / 2 / 2;
    }

    .popular-card.popular-card--bottom {
        grid-area: 2 / 1 / 2 / 2;
    }

    .popular-card.popular-card--center {
        grid-area: 1 / 2 / 1 / 3;
    }

    .popular-card.popular-card--right {
        grid-area: 2 / 2 / 2 / 3;
    }

    .popular__text {
        max-width: none;
    }

    .popular__link {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .popular-card img {
        position: static;
        width: 100%;
        height: 100%;
    }

    .popular__img {
        width: auto;
        text-align: center;
        max-width: 90px;
        max-height: 90px;
    }

    .popular-card--big .popular__text,
    .popular-card--bottom .popular__text,
    .popular-card--right .popular__img,
    .popular-card--center .popular__img,
    .popular-card--center .popular__text,
    .popular-card--right .popular__text {
        margin: 0;
        width: auto;
        height: auto;
        text-align: center;
        align-self: auto;
    }

    .popular-card--bottom .popular__text,
    .popular-card__title,
    .popular-card--big .popular__text {
        text-align: center;
    }

    .popular-card__sections {
        display: none;
    }

    .popular-card--right .popular__img {
        order: 0;
    }

    .popular-card__title {
        font-size: 24px;
    }

    .rect-btn--popular {
        display: block;
    }

    .popular-card .popular__img img {
        transform: translateX(0);
    }

    .product-card__info-box {
        padding-bottom: 10px;
        border-radius: 0;
    }

    .product-card__info-box .product-card__color-label {
        width: 18px;
        height: 18px;
    }

    .product-card__info-box .product-card__color {
        gap: 10px;
    }

    .product-card__info-box .product-card__color {
        display: flex;
    }

    .product-card__info-box .product-card__footer-buttons {
        display: none;
    }

    .product-card {
        width: auto;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
    }

    .round-btn--cart {
        display: none;
    }

    .product-card__footer {
        position: static;
        max-height: unset;
    }

    .product-card__article,
    .product-card__name {
        margin-top: 5px;
    }

    .product-card__mobile-cart {
        display: flex;
		align-items: center;
		gap: 10px;
		font-weight: 500;
		line-height: 1;
    }
	.product-card__mobile-cart svg {
		width: 18px;
		height: 18px;
	}

    .showroom__text {
        padding: 40px 0 25px 20px;
    }

    .title--showroom span {
        left: -20px;
    }

    .swiper-pagination.showroom-pagination {
        left: 20px;
    }

    .showroom-slider {
        height: 600px;
    }

    .brand-banner img:first-of-type {
        max-width: 200px;
    }

    .brand-banner img:last-of-type {
        max-width: 150px;
    }

    .brand-banner p {
        font-size: 20px;
    }

    .brand-banner a {
        font-size: 11px;
        text-align: center;
    }

    .videos__banner {
        display: none;
    }

    .faq__inner {
        gap: 20px;
    }

    .faq__item-question,
    .faq__item-answer {
        font-size: 16px;
    }

    .faq__item {
        padding: 10px 40px 10px 10px;
    }

    .thumbs-progressbar {
        opacity: 1;
    }

    .bestseller .thumbs-progressbar,
    .compare .thumbs-progressbar {
        opacity: 0;
        display: none;
    }

    #mobile-bottom-menu {
        display: flex;
    }

    .footer {
        padding-bottom: 100px;
    }

    .swap-display-buttons {
        display: none;
    }

    .products__header {
        justify-content: space-between;
    }

    .products__header-mobile-btn {
        display: block;
    }

    .aside {
        position: fixed;
        width: 100%;
        z-index: 960;
        top: 0;
        bottom: 0;
        left: -150%;
    }

    .aside.active {
        left: 0;
    }

    .aside__inner {
        padding: 35px;
        background-color: var(--search-color);
        width: 50%;
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
        min-width: 320px;
    }

    .filter-title {
        color: #fff;
    }

    .filter-items {
        margin-top: 25px;
    }

    .catalog__inner {
        display: block;
    }

    .feedback-banner__inner {
        gap: 10px;
    }

    .feedback-banner__text {
        font-size: 14px;
    }

    .feedback-banner__form input {
        width: auto;
        padding: 10px 15px;
        font-size: 14px;
    }

    .feedback-banner__form input::placeholder {
        font-size: 14px;
    }

    .rect-btn--feedback-banner {
        font-size: 14px;
        padding: 10px;
    }

    .product-card {
        min-width: auto;
    }

    .product-card__mobile-footer {
        display: block;
        margin-top: auto;
    }

    .page-banner {
        padding: 35px 0 35px 35px;
    }

    .filter-item {
        background-color: var(--main-black);
    }

    .filter-item.check .filter-item__value span,
    .filter-item__header,
    .divider,
    .filter-item__label span,
    .filter-item__label span.filter-count,
    .filter-item__footer {
        color: #fff;
    }

    .filter-item__header::after {
        background-image: url('../img/icons/arrow-fliter-white.svg');
    }

    .promo-feedback {
        width: 100%;
    }

    .filter-items__show-results {
        display: none !important;
    }

    .bestseller .product-card__img-box .thumbs {
        display: none;
    }

    .product-box__brand._mobile {
        display: flex;
    }

    .rect-btn._desktop {
        display: none;
    }

    .product-box__guarantee,
    .product-box__delivery,
    .product-box__delivery-options,
    .product-box__tools,
    .product-box__brand {
        display: none;
    }

    .product-box__info {
        grid-template-columns: 52% calc(48% - 15px);
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .product-box__item--price {
        width: calc(70% - (15px / 2));
        background-color: transparent;
        padding: 0;
    }
    .product-box__cost-type:not(:first-child) {
        margin-top: 15px;
    }
    .product-box__price-header {
        border: none;
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
        align-items: flex-start;
    }
    .product-box__price-buttons {
        margin-top: 10px;
    }
    .product-box__buy-buttons {
        width: 50%;
    }
    .product-box__price-buttons .rect-btn {
        padding: 10px;
    }

    .product-box__item--terms {
        order: -1;
        width: calc(30% - (15px / 2));
        display: flex;
    }
    .product-box__colors {
        width: 100%;
    }
    .product-box__colors .product-box__colors-color, .product-box__colors-list .frame {
        width: 25px;
        height: 25px;
    }
    .product-box__item--properties {
        width: 100%;
    }
    .product-box__item--delivery {
        width: 100%;
    }
    .product-box__brand {
        gap: 20px;
        align-items: center;
        justify-content: space-between;
    }
    .product-box__item--properties {
        padding: 15px;
    }
    .product-box__item--properties .product-box__properties-title {
        font-size: 20px;
    }
    .product-box__properties-item .property-name {
        width: 80%;
    }
    .product-box__item--properties .property-value {
        width: 20%;
    }
    .product-box__brand-link {
        max-width: 50%;
    }
    .product-box__brand-link img {
        width: 100%;
    }
    .rect-btn--brand {
        margin-top: 0;
        font-weight: 400;
        background-color: var(--subtitle-color);
        padding: 10px;
    }

    .product-box__inner {
        display: block;
        max-height: none;
    }

    .product-box__gallery {
        max-width: none;
    }

    .slider-fastview-thumbs-slide,
    .slider-product-thumbs-slide {
        height: auto;
    }

    .zoom-box {
        display: none;
    }

    .product-box__name-box .product-box__tools {
        display: flex;
        margin-top: 10px;
        justify-content: flex-start;
        gap: 50px;
    }

    .product-box__name-box .product-box__tools .product-box__tool button,
    .product-box__name-box .product-box__tools .product-box__status {
        font-size: 14px;
    }

    .product-box__name-box .product-box__tools .product-box__tool svg {
        width: auto;
        height: auto;
    }

    .mobile-product-info {
        display: block;
    }

    .product-box__properties-item .property-name span,
    .product-box__properties-item .property-value {
        font-size: 16px;
    }

    .product-info__inner.about {
        flex-direction: column;
    }

    .product-info__item.product-name {
        max-width: none;
    }

    .product-info__docs {
        gap: 15px;
    }

    .product-info__tags {
        flex-wrap: wrap;
        gap: 10px;
    }

    .product-info__inner.properties {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        column-gap: 0;
    }

    .product-info__item.properties {
        width: auto;
    }

    .product-info__inner.guarantee.active {
        flex-direction: column;
        gap: 15px;
    }

    .product-info__guarantee-item {
        width: auto;
    }

    .not-found__content {
        gap: 50px;
    }

    .popular-card:hover .popular__img img {
        transform: none;
    }

    .products__main.rows {
        display: none;
    }

    .products__main.tiles {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .cart__inner,
    .order__inner {
        flex-direction: column;
    }

    .order-make {
        max-width: none;
        padding-top: 10px;
    }

    .order-make__item {
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
    }

    .order-make__form-row label input:not([type=radio]),
    .order-make__form-row label textarea {
        background-color: var(--filter-bg-color);
        border: none;
    }

    .cart-aside {
        bottom: 67px;
        top: auto;
        max-width: none;
        background-color: var(--bg-white);
    }

    .order-page .cart-aside {
        position: static;
    }

    .cart-total {
        background-color: transparent;
        padding: 0;
        padding-top: 15px;
    }

    .cart-total__header {
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
    }

    .cart-total__header-text p:first-child {
        font-weight: 600;
        color: var(--text-black-color);
        font-size: 14px;
    }

    .cart-total__header-text p:last-child {
        display: block;
    }

    .cart-total__header-result,
    .cart-calc {
        padding: 0;
        border: none;
    }

    .cart-calc {
        margin-top: 10px;
    }

    .cart-calc__price p {
        font-size: 14px;
    }

    form.cart-promocode {
        padding: 25px 10px;
        background-color: #fff;
        border-radius: 10px;
    }

    .promocode-button {
        right: 25px;
    }

    .cart-mobile__choice,
    .cart-item__checkbox {
        display: block;
    }

    form.cart-promocode,
    .rect-btn--order {
        margin-top: 10px;
    }

    .cart .cart-item {
        padding: 10px;
        margin-top: 0;
        background-color: #fff;
        border-radius: 10px;
    }

    .cart .cart-item+.cart-item {
        border: none;
        padding-top: 10px;
        margin-top: 10px;
    }

    .cart__inner {
        padding-top: 10px;
    }

    .cart-item__row {
        display: flex;
        justify-content: space-evenly;
        padding: 0;
        gap: 10px;
    }

    .question-form {
        padding: 45px;
    }

    .question-form__inner {
        gap: 45px;
        flex-direction: column;
    }

    .question-form__user-fields {
        width: auto;
    }

    .question-form__title {
        font-size: 36px;
        text-align: center;
        max-width: none;
        margin-bottom: 15px;
    }

    .order-tabs {
        justify-content: space-between;
    }

    .rect-btn--order-make {
        width: 50%;
        text-align: center;
    }

    .order-make__form-row label p.hint {
        display: none;
    }

    .order-make__item-title {
        cursor: pointer;
    }

    .order-make__item-title::after {
        content: '';
        border: solid var(--text-black-color);
        border-width: 0 1px 1px 0;
        display: block;
        padding: 4px;
        transform: rotate(225deg);
        position: absolute;
        top: 10px;
        right: 20px;
        transition: var(--alt-transition);
        transform-origin: 50%;
    }

    .order-make__item-title.active::after {
        transform: rotate(45deg);
    }

    .order-make__item-title~.order-make__item-content {
        max-height: 0;
        overflow: hidden;
        margin-top: 0;
        transition: height .5s;
    }

    .order-make__item-title.active~.order-make__item-content {
        max-height: none;
        margin-top: 30px;
    }

    .order-make__item+.order-make__item {
        margin-top: 20px;
    }

    .order-make__form-row.flex.cards {
        justify-content: space-between;
    }

    .order-make__item-title.active::after {
        top: 5px;
    }

    .order-make__form-row label.index input {
        max-width: none;
    }

    .order-make__item-content {
        margin-top: 0;
    }

    .personal__aside {
        display: none;
    }

    .personal-main .info {
        display: none;
    }

    .personal {
        margin: 20px 0 80px 0;
    }

    .personal__tile,
    .personal__tile-link {
        border-color: #fff;
    }

    .personal__tile svg,
    .personal__tile-link svg {
        width: 60px;
        height: 60px;
    }

    .personal__tile svg path,
    .personal__tile-link svg path {
        fill: #fff;
    }

    .personal-main {
        background-color: var(--search-color);
    }

    .personal__tile p,
    .personal__tile-link p {
        color: #fff;
    }

    .personal__item.tile p {
        color: #fff;
    }

    .brands__content,
    .actions__content,
	.news__content {
        gap: 20px;
        grid-template-rows: 1fr;
    }

    .contacts-city__departments {
        grid-template-columns: repeat(2, 1fr);
        background-color: transparent;
        padding: 0;
        gap: 10px;
    }

    .contacts-city__departments-item {
        background-color: var(--filter-bg-color);
        padding: 15px;
        border-radius: 10px;
        align-items: center;
        text-align: center;
    }

    .contacts-city__inner {
        flex-direction: column;
    }

    .contacts-city__info,
    .contacts-city__maps {
        max-width: none;
    }

    .contacts-city__departments-inner {
        margin-top: 15px;
    }

    .contacts-city__departments-title {
        height: auto;
    }

    .contacts-social__inner {
        padding: 0;
        gap: 20px;
    }

    .contacts-modal__inner .contacts-form-img {
        max-width: none;
    }

    .header__mobile-inner.header__mobile-inner--auth {
        justify-content: flex-start;
        text-align: center;
    }

    .header__mobile-auth-return {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__mobile-auth-return img {
        width: 20px;
    }

    .header__mobile-title {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-align: center;
    }

    .auth {
        padding: 30px 0;
    }

    .auth .container {
        padding: 0 20px;
    }

    .auth-title {
        font-size: 16px;
        font-weight: 500;
    }

    .swiper-auth-slide {
        padding: 20px 40px;
        background-color: #fff;
        border-radius: 10px;
    }

    .auth-text {
        color: var(--text-grey-color);
    }

    .auth-start .auth-text {
        margin-top: 7px;
    }

    .auth-box.auth-start .rect-btn--auth,
    .auth-box.auth-welcome .rect-btn--auth,
    .auth-box.auth-password-success .rect-btn--auth {
        width: 100%;
    }

    .auth-form {
        max-width: none;
    }

    .rect-btn--auth.transparent {
        margin-top: 10px;
    }

    .auth-tools {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }

    .auth-remember {
        position: relative;
    }

    .swiper-auth input[type=checkbox] {
        opacity: 0;
        z-index: -1;
        position: absolute;
    }

    .auth-remember label {
        font-size: 12px;
        color: var(--text-grey-color);
        padding-left: 35px;
    }

    .auth-remember__slider {
        position: absolute;
        width: 30px;
        height: 16px;
        background-color: #d9d9d9;
        border-radius: 10px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        transition: .2s;
    }

    .auth-remember__slider-circle {
        position: absolute;
        top: 50%;
        transform: translate(10%, -50%);
        width: 13px;
        height: 13px;
        background-color: #fff;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25);
        border-radius: 50%;
        transition: .2s;
    }

    .auth-remember input:checked~.auth-remember__slider {
        background-color: var(--main-blue);
    }

    .auth-remember input:checked~.auth-remember__slider .auth-remember__slider-circle {
        transform: translate(120%, -50%);
    }

    .auth-tools button {
        color: var(--main-blue);
        font-size: 12px;
    }

    .auth-form {
        margin-top: 12px;
    }

    .auth-form__label {
        font-size: 12px;
        display: block;
        position: relative;
    }

    .auth-form__label--checkbox {
        display: flex;
    }

    .auth-form__label--checkbox p {
        position: relative;
        padding-left: 30px;
        color: var(--text-grey-color);
        max-width: 230px;
    }

    .auth-form__label--checkbox p::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid var(--subtitle-color);
        border-radius: 2px;
        background-color: #fff;
    }

    .auth-form__label--checkbox p::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 2px;
        content: '';
        width: 11px;
        height: 9px;
        background: url(../img/icons/check.svg) center center / cover no-repeat;
        transition: var(--alt-transition);
        opacity: 0;
    }

    .auth-form__label--checkbox input:checked+p::after {
        opacity: 1;
    }

    .auth-form__label .auth-form__show-password {
        position: absolute;
        background-color: var(--main-blue);
        width: 30px;
        height: 39px;
        bottom: 0;
        right: 0;
        border-radius: 0 10px 10px 0;
        background-image: url('../img/icons/auth-form/close-eye.svg');
        background-size: 15px;
        background-position: center;
        background-repeat: no-repeat;
        transition: background-img 0s;
    }

    .auth-form__label .auth-form__show-password.active {
        background-image: url('../img/icons/auth-form/open-eye.svg');
    }

    .auth-form__label input:not([type=checkbox]) {
        width: 100%;
        border: 1px solid var(--main-blue);
        padding: 10px 15px 10px 45px;
        font-size: 14px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: 10px;
        margin-top: 5px;
    }

    .auth-form__label:not(:first-child) {
        margin-top: 10px;
    }

    .auth-form__label input::placeholder {
        font-size: 14px;
    }

    .auth-form__label input[type=email] {
        background-image: url('../img/icons/auth-form/email.svg');
    }

    .auth-form__label input[type=password],
    .auth-form__label input.password-input {
        background-image: url('../img/icons/auth-form/lock.svg');
    }

    .auth-form__label input[type=text]:not(.password-input) {
        background-image: url('../img/icons/auth-form/user.svg');
    }

    .auth-form__label input[type=number]:not(.auth-verify-input) {
        background-image: url('../img/icons/auth-form/phone.svg');
    }

    p.check-acc {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 8px;
        color: #8c8c8c;
    }

    p.check-acc button {
        color: var(--main-blue);
    }

    p.auth-form__label-subtext {
        color: var(--text-grey-color);
        font-size: 12px;
        margin-top: 10px;
    }

    .auth-form__label input[type=number].auth-verify-input {
        text-align: center;
        padding: 10px 15px;
    }

    .advantages__question-title {
        font-size: 25px;
    }

    .advantages__question-item-title,
    .advantages__items-title {
        font-size: 16px;
    }

    .advantages__question-item-text p:not(.advantages__question-item-title) {
        font-size: 14px;
    }

    .advantages__question-items {
        flex-wrap: wrap;
    }

    .advantages__items li {
        padding: 15px 20px;
    }

    .advantages__items-text {
        font-size: 14px;
    }

    section.about-offices {
        padding-bottom: 45px;
    }

    .order-confidence {
        align-items: center;
    }

    .order-confidence::before {
        top: 50%;
        transform: translateY(-50%);
    }

    .order-confidence::after {
        top: 50%;
        transform: translateY(-50%);
    }

    .filter-title svg path {
        fill: #fff;
    }

    .product-box__tool:hover button {
        color: var(--text-black-color);
    }

    .product-box__tool button {
        color: var(--text-black-color);
    }

    .compare__empty-product {
        min-height: 523px;
    }

    .personal__form-buttons button {
        padding: 15px;
        font-size: 14px;
    }

    .personal__form-buttons {
        gap: 10px;
        justify-content: flex-start;
    }

    .personal__bonuses-entity-text ul {
        color: #fff;
    }

    .rect-btn--bonuses-register {
        margin-top: 35px;
    }

    .oval-btn--filter.reset {
        color: var(--main-blue);
        background-color: #fff;
    }

    .noUi-connect,
    .noUi-horizontal .noUi-handle {
        background: var(--hover-blue);
    }

    .rect-btn--personal-form.transparent,
    .rect-btn--bonuses-register.transparent {
        color: var(--main-blue);
        background-color: #fff;
    }
    .products__header-right {
        width: auto;
    }

    .cart-list__tools {
        display: flex;
    }
    #bx-soa-order {
        flex-direction: column;
        gap: 0;
    }
    .cart-page .info {
        display: block;
    }
    #bx-soa-total {
        max-width: none;
        margin-top: 35px;
    }

    .main-title {
        padding-top: 95px;
    }

	.go-top.scroll {
		left: 15px;
		bottom: 77px;
	}

	.b24-widget-button-position-bottom-right {
		right: 15px !important;
		bottom: 77px !important;
	}

	.product-card__prices.out-of-stock {
        margin-top: 20px;
    }
	.product-info__brand-content {
		flex-direction: row;
	}
	.product-info__brand-img {
		right: -40px;
	}
}

@media (max-width: 820px) {

    .footer__descr,
    .footer__nav-link,
    .footer__confidence-link,
    .footer__confidence p {
        font-size: 13px;
    }

    .footer__nav-item+.footer__nav-item,
    .footer__nav-list {
        margin-top: 10px;
    }

    .products__main.tiles {
        grid-template-columns: repeat(2, 50%);
    }

    .product-tabs__slider {
        display: none;
    }

    .product-tabs__item label {
        padding: 10px 25px;
        border-radius: 10px;
        color: var(--main-blue);
        border: 1px solid var(--main-blue);
        font-size: 14px;
    }

    .product-tabs input[name=product-tab]:nth-child(1):checked~.product-tabs__inner .product-tabs__item:first-child label,
    .product-tabs input[name=product-tab]:nth-child(2):checked~.product-tabs__inner .product-tabs__item:nth-child(2) label,
    .product-tabs input[name=product-tab]:nth-child(3):checked~.product-tabs__inner .product-tabs__item:nth-child(3) label,
    .product-tabs input[name=product-tab]:nth-child(4):checked~.product-tabs__inner .product-tabs__item:nth-child(4) label {
        color: #fff;
    }

    .product-tabs__item.active label {
        background-color: var(--main-blue);
    }

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

    .recs .product-card:last-child {
        display: none;
    }

    .not-found__content {
        gap: 20px;
    }

    .not-found__text {
        max-width: none;
    }

    .not-found__title {
        font-size: 28px;
    }

    .not-found__code p {
        font-size: 200px;
    }

    label.order-make__card {
        width: calc(50% - 20px);
    }

    .contacts-social__inner {
        flex-direction: column;
    }

    .contacts-social__left p {
        margin-top: 15px;
    }

    .contacts-social__right,
    .contacts-form__inner {
        max-width: none;
    }

    .contacts-modal__inner .contacts-form-img {
        display: none;
    }

    .contacts-modal__inner, .contacts-modal__success {
        text-align: center;
        min-width: auto;
    }

    .contacts-form-connect {
        justify-content: center;
    }

    .about-promo__text p {
        margin-top: 15px;
    }

    .advantages__items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .advantages__items li {
        width: calc(50% - 25px);
    }

    .favorites .products__main.tiles {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
	.comments,
	.seo-tags {
		padding: 0;
		margin-top: 25px;
	}
	.benefits-main__item p:first-child {
        font-size: 28px;
    }
    .title h2,
    .title h1 {
        font-size: 36px;
        text-align: left;
    }

    .title--showroom span {
        width: 150px;
        font-size: 16px;
    }

    .showroom__text {
        padding-right: 5px;
    }

    .showroom-slider {
        border-radius: 0;
    }

    .showroom .container {
        padding: 0;
    }

    .brand-banner {
        padding: 20px;
    }

    .brand-banner img:first-of-type {
        max-width: 150px;
    }

    .brand-banner img:last-of-type {
        display: none;
    }

    .faq__inner {
        gap: 10px;
    }

    .faq__item-question,
    .faq__item-answer {
        font-size: 14px;
    }

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

    .footer__descr {
        display: none;
    }

    .footer__info-top {
        text-align: center;
    }

    .footer__info .footer__contacts {
        display: none;
    }

    .footer__nav {
        flex-direction: column;
        margin-top: 30px;
    }

    .footer__nav .footer__nav-list {
        display: none;
    }

    .footer__nav-box+.footer__nav-box {
        margin-top: 30px;
    }

    .footer__nav~.footer__contacts {
        display: block;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    .footer__socials {
        gap: 22px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(140, 140, 140, .5);
        width: 100%;
        justify-content: center;
    }

    .footer__confidence {
        text-align: center;
        margin-top: 25px;
    }

    .footer__nav-title {
        position: relative;
        cursor: pointer;
		font-weight: 500;
		color: #fff;
		display: block;
		width: 100%;
		text-align: left;
    }

    .footer__nav-title.active~.footer__nav-list {
        display: block;
    }

    .footer__nav-title.active::before {
        transform: rotate(225deg);
    }

    .footer__nav-title::before {
        content: '';
        border: solid #8c8c8c;
        border-width: 0 1px 1px 0;
        display: block;
        padding: 3px;
        transform: rotate(45deg);
        position: absolute;
        top: 5px;
        right: 20px;
        transition: var(--alt-transition);
        display: block;
    }

    .header__logo {
        max-width: 80px;
    }

    .mobile-product__price {
        display: block;
    }

    .mobile-product__price .product-box__colors {
        width: 100%;
    }

    .mobile-product__price .product-box__item--price {
        margin-top: 10px;
    }

    .product-box__name {
        font-size: 28px;
    }

    .mobile-product-info .product-box__item--properties .product-box__properties-title {
        font-size: 16px;
    }

    .product-box__properties-item .property-name span,
    .product-box__properties-item .property-value {
        font-size: 14px;
    }

    .product-info__inner.delivery-payment.active {
        display: block;
        margin: 0 auto;
        max-width: 500px;
    }

    .product-info__inner.delivery-payment.active .product-info__item {
        background-color: #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

    .product-info__inner.delivery-payment.active .product-info__item+.product-info__item {
        margin-top: 20px;
    }

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

    .not-found__title {
        font-size: 28px;
    }

    .not-found__code p {
        font-size: 150px;
    }

    .compare-feedback__inner {
        padding: 40px;
    }

    .compare-feedback__column {
        max-width: none;
    }

    .compare-feedback__text {
        margin-top: 25px;
    }

    .compare__header {
        flex-direction: column;
    }

    .compare__categories {
        flex-wrap: wrap;
        overflow: unset;
    }

    .rect-btn--compare-category {
        flex-shrink: unset;
    }

    .compare__buttons {
        margin-top: 15px;
        justify-content: flex-start;
    }

    .compare__buttons button {
        padding: 12px;
        font-size: 14px;
    }

    .cart-item__row {
        justify-content: space-between;
    }

    .cart-item__additional {
        flex-direction: column;
        gap: 5px;
    }

    .cart-item__article {
        display: block;
    }

    .cart-item__left~div:not(.cart-item__right) {
        display: none;
    }

    .cart-item__right {
        display: flex;
        flex-direction: column;
        /* width: 20%; */
    }

    .cart-item__right .cart-item__buttons {
        display: flex;
        justify-content: flex-end;
        gap: 5px;
    }

    .cart-item__right .cart-item__buttons button {
        border-radius: 50%;
        border: 1px solid var(--bg-white);
        padding: 8px;
        min-width: 40px;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cart-item__name {
        max-width: none;
    }

    .cart-item__right .cart-item__sum {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .cart-item__right .cart-item__sum .old-price .discount {
        display: none;
    }

    .cart-item__right .cart-item__quantity {
        margin-top: 5px;
    }

    .question-form__inner {
        gap: 20px;
    }

    .personal__tile,
    .personal__tile-link {
        width: calc(50% - 18px);
    }

    .personal__tiles {
        justify-content: space-between;
    }

    .products__main.favorite.tiles,
    .products__main.action.tiles {
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
    }

    .contacts-city__departments-title {
        font-size: 14px;
    }

    .contacts-city__departments-value a,
    .contacts-city__departments-text {
        font-size: 12px;
    }

    .contacts-city__departments-row img {
        max-width: 14px;
    }

    .contacts-city__departments-row {
        gap: 10px;
    }

    .contacts-city__departments-row:not(:first-of-type),
    .contacts-city__departments-download-template {
        margin-top: 10px;
    }

    .rect-btn--departments {
        margin-top: 15px;
    }

    .contacts-city__departments-time {
        font-size: 10px;
    }

    .about-promo__inner {
        flex-direction: column;
    }

    .swiper.swiper-about-promo {
        max-width: none;
        height: auto;
    }

    .about-promo {
        padding: 10px 0 50px 0;
    }

    .advantages__question-items li {
        gap: 10px;
        width: calc(50% - 30px);
    }

    .advantages__question-items {
        justify-content: center;
        gap: 30px;
    }

    .faq__inner {
        margin-top: 35px;
    }

    .compare__empty-product {
        min-height: 523px;
    }

    .personal__progress-value {
        font-size: 20px;
    }

    .personal__progress-descr {
        font-size: 12px;
    }

    .personal__progress-point.current .point-decimal {
        font-size: 18px;
        line-height: 1.5;
    }

    .personal__progress-point {
        width: 12px;
        height: 12px;
    }

    .personal__progress-point:nth-child(2) {
        left: calc(10% - 18px);
    }

    .personal__progress-point:nth-child(3) {
        left: calc(50% - 30px);
    }

    .personal__progress-point:nth-child(4) {
        left: calc(100% - 42px);
    }

    .personal__progress-line {
        height: 4px;
    }

    .cart-list__header {
        display: none;
    }
    #bx-soa-properties .row {
        flex-direction: column;
    }
    .cart-table tr {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: repeat(3, auto);
        padding: 10px;
        position: relative;
    }
    #bx-soa-order {
        padding-top: 15px;
    }
    .cart-table tr:not(:first-child) {
        margin-top: 10px;
    }
    .cart-table tr td {
        width: auto !important;
        padding: 0;
    }
    .cart-table tr td:not(:first-child) {
        justify-self: flex-end;
    }
    .cart-table tr td:nth-child(2) {
        grid-area: 1 / 1 / 4 / 2;
        padding: 0;
        align-self: center;
    }
    .cart-table tr td:nth-child(3) {
        grid-area: 3 / 2 / 4 / 3;
    }
    .cart-table tr td:nth-child(4) {
        grid-area: 1 / 2 / 2 / 3;
    }
    .cart-table tr td:nth-child(5) {
        grid-area: 2 / 2 / 3 / 3;
    }
    .basket-item-block-amount {
        margin: 0;
    }
    .basket-item-amount-btn-minus,
    .basket-item-amount-btn-plus {
        padding: 5px 10px;
    }
    .cart-table tr td:nth-child(5) {
        padding: 0;
    }
    .bx-price-old {
        position: static;
        order: 2;
    }
    .bx-price-old span {
        top: 15px;
        left: 15px;
        transform: none;
        font-weight: 400;
    }
    .cart-table tr td:nth-child(4) .bx-soa-item-td-text {
        align-items: flex-end;
    }
    .bx-soa-item-td-text .price {
        font-size: 16px;
    }
    .del {
        width: 40px;
        height: 40px;
    }
    .cart-table {
        border-spacing: 0;
    }

    .product-box__item--terms, .product-box__item--price {
        width: 100%;
    }

    label span.require-icon-hint {
        left: auto;
        right: -10px;
        max-width: 238px;
        width: max-content;
        white-space: unset;
    }
    .profiles__title {
        font-size: 12px;
        width: auto;
    }
    .profiles__main-row,
    .profiles__header {
        justify-content: space-between;
        gap: 5px;
    }

    .benefits__inner {
        gap: 15px 0;
    }

    .benefits__item {
        width: 100%;
        justify-content: flex-start;
        flex-basis: 50%;
    }

    .benefits__item p {
        max-width: none;
    }
}

@media (max-width: 620px) {
    .faq__inner {
        display: flex;
        flex-direction: column;
    }

    .faq__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .faq__item.active .faq__item-answer {
        position: static;
        box-shadow: none;
        padding: 0;
        height: auto;
    }

    .faq__item span {
        display: block;
    }

    .rect-btn--faq {
        font-size: 16px;
        padding: 10px;
    }

    .product-card__name {
        margin-top: 5px;
    }

    .filter-item__header {
        font-size: 16px;
    }

    .product-info__guarantee-text {
        max-width: 200px;
    }

    .product-info__guarantee-text p {
        font-size: 14px;
    }

    .product-info__property-title h4,
    .product-info__inner.delivery-payment .product-info__title,
    .product-info__guarantee-text h4 {
        font-size: 18px;
    }

    .promo-banner.promo-banner--category,
	.promo-banner.promo-banner--mini {
        min-width: auto;
    }

    .compare-feedback__form-row input,
    .rect-btn--compare-feedback {
        font-size: 12px;
        width: 100%;
    }

    .compare-feedback__form-row input::placeholder {
        font-size: 12px;
    }

    .compare-feedback__form-row {
        flex-direction: column;
        gap: 10px;
    }

    .cart-item__right .cart-item__sum .current-price {
        font-size: 14px;
    }

    .order-apply__box {
        padding: 50px;
    }

    .order-apply__text-box {
        max-width: none;
        text-align: center;
    }

    .order-apply__text {
        margin-top: 15px;
    }

    .contacts-form h3 {
        font-size: 18px;
    }

    .contacts-form-subtext,
    .contacts-form-question {
        margin-top: 10px;
    }

    .advantages__question {
        padding: 30px;
    }

    .about-office__tabs {
        margin-top: 15px;
    }

    .about-office__city {
        padding-top: 20px;
        gap: 20px;
    }

    .about-office__city-swiper {
        height: auto;
    }

    .city-select__city {
        width: 50%;
    }

    .bx-soa-pp-item-container {
        flex-direction: column;
        gap: 15px;
    }
    .bx-soa-pp {
        margin-top: 10px;
    }

    #bx-soa-main-content {
        row-gap: 55px;
    }

    #bx-soa-total {
        margin-top: 20px;
    }
    .order__main-name,
    .order__main-info,
    .order__main-status,
    .order__main-info span.status,
    .order__main-status span.status,
    .order__main-sum,
    .order-button,
    .profiles__header,
    .order__header {
        font-size: 14px;
    }
    .order__header button {
        padding: 5px;
    }
	.product-card__img-box-link .hide-block {
		width: 30px;
		height: 30px;
		bottom: 8px;
		left: 7px;
		border-radius: 5px;
		font-size: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.product-card__img-box-link .hide-block svg {
		display: block;
	}
	.product-info__brand-title,
	.product-info__brand-info-text {
		font-size: 14px;
	}
	.product-info__brand-name,
	.product-info__brand-phone {
		font-size: 16px;
	}
	.product-info__brand-photo {
		aspect-ratio: 1 / 1;
		width: 100%;
		height: 100%;
	}
	.product-info__brand-photo img {
		width: 100%;
		height: 100%;
	}
	.page-banner {
		padding: 20px;
		background-size: cover;
	}
	.page-banner .title.title--banner h1 {
		font-size: 26px;
	}
}

@media (max-width: 576px) {
	.benefits-main__item {
        flex-basis: 100%;
    }
	.benefits-main__item p:first-child {
        font-size: 20px;
    }
    .title h2,
    .title h1 {
        font-size: 26px;
    }

    .banner__inner .banner-pagination {
        gap: 15px;
    }

    .popular-card__title {
        font-size: 16px;
    }

    .rect-btn--popular {
        font-size: 16px;
    }

    .complects__item-name {
        font-size: 14px;
    }

    .complects__item-price {
        font-size: 18px;
    }

    .complects__item-cost,
    .complects__item-descr {
        gap: 5px;
    }

    .complects__item-old-price {
        font-size: 12px;
    }

    .complects__item-info {
        padding: 15px 10px;
    }

    .complects__link {
        margin-top: 10px;
    }

    .complects__item-label {
        padding: 10px 25px 10px 15px;
        font-size: 20px;
    }

    .product-card__name {
        font-size: 16px;
    }

    .product-card__price,
	.product-card__price .ask_manager
	{
        font-size: 16px;
    }

	.benefits-main__inner {
        flex-direction: column;
    }

    .round-btn--fav,
    .round-btn--compare,
    .round-btn--cart {
        width: 30px;
        height: 30px;
        padding: 3px;
    }

    .product-card__info-box .product-card__color-label {
        width: 14px;
        height: 14px;
    }

    .product-card__info-box~.product-card__footer-buttons .product-card__buy-click,
    .product-card__info-box~.product-card__footer-buttons .product-card__buy-cart {
        padding: 5px;
        font-size: 10px;
    }

    .product-card__info-box .product-card__color {
        gap: 5px;
    }

    .product-card__counter button.minus {
        padding: 0 10px 0 20px;
    }

    .product-card__counter button.plus {
        padding: 0 20px 0 10px;
    }

    .product-info__available {
        gap: 3px;
        display: block;
    }

    .product-info__color {
        width: 7px;
        height: 7px;
        top: 5px;
    }

    .product-info__stock-status {
        padding-left: 15px;
    }

    .product-card__mobile-footer .product-card__buy-click,
    .product-card__mobile-footer .product-card__mobile-cartб .product-card__mobile-footer .product-card__counter {
        font-size: 12px;
    }

    .product-info__available {
        align-items: baseline;
    }

    .product-card__article,
    .product-card__name {
        margin-top: 0;
    }

    .showroom__info-title {
        font-size: 16px;
    }

    .showroom__info-text p {
        font-size: 14px;
    }

    .showroom__info-text {
        gap: 10px;
    }

    .rect-btn--showroom {
        font-size: 14px;
        padding: 10px 20px;
        margin-top: 20px;
    }

    .swiper-pagination.showroom-pagination {
        bottom: 20px;
    }

    .showroom-slider {
        height: 500px;
    }

    .swiper-brands {
        padding: 30px 12px 25px 12px;
        margin: 0 -12px -25px -12px;
    }

    .brands__marquee {
        margin-top: 20px;
    }

    .brand-banner p {
        font-size: 20px;
		color: #fff;
    }

    .brand-banner a {
        font-size: 12px;
		color: #fff;
		background: var(--main-blue);
        padding: 10px;
        border-radius: 10px;
    }

    .brand-banner {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        height: auto;
    }

    .videos__item-card {
        width: 185px;
        height: 330px;
    }

    .videos__item-name {
        font-size: 14px;
        margin-top: 15px;
    }

    .header__logo {
        max-width: 60px;
    }

    .feedback-banner__text {
        display: none;
    }

    .feedback-banner__form {
        justify-content: space-between;
        width: 100%;
    }

    .feedback-banner__form input,
    .rect-btn--feedback-banner {
        width: 50%;
    }

    .product-card__img-box {
        height: 200px;
    }

    .page-banner {
        padding: 15px 0 15px 15px;
    }

    .sort span,
    .sort-select {
        font-size: 12px;
    }

    .sort-select {
        padding: 7px 10px;
    }

    .rect-btn--product-header-mobile {
        padding: 8px;
    }

    .product-box__name-box .product-box__tools .product-box__tool button,
    .product-box__name-box .product-box__tools .product-box__status {
        font-size: 14px;
    }

    .product-box__name-box .product-box__tools {
        gap: normal;
        justify-content: space-between;
    }

    .product-box__name-box .product-box__tools .product-box__tool svg {
        overflow: visible;
        width: 14px;
        height: 14px;
    }

    .product-box__additional * {
        font-size: 12px;
    }

    .product-box__additional .views {
        display: none;
    }

    .product-box__name {
        font-size: 24px;
    }

    .mobile-product-info .product-box__item--properties .property-value {
        width: auto;
    }

    .mobile-product-info .product-box__item--properties .property-name {
        width: 65%;
    }

    .not-found__title {
        font-size: 22px;
    }

    .not-found__descr {
        margin-top: 15px;
    }

    .not-found__code p {
        font-size: 120px;
    }

    .rect-btn--not-found {
        margin-top: 15px;
    }

    .rect-btn--compare-feedback {
        padding: 10px;
    }

    .compare-feedback__form-row input::placeholder {
        font-size: 10px;
    }

    .compare-feedback__form-confidence label {
        font-size: 10px;
    }

    .compare__header {
        margin-top: 10px;
    }

    .question-form__title {
        font-size: 24px;
    }

    #questionTextArea {
        max-height: 120px;
    }

    #questionTextArea::placeholder {
        font-size: 16px;
    }

    .order-make__item:first-child .order-make__form-row.flex {
        flex-direction: column;
    }

    .order-make__form-row.flex label:not(.order-make__card) {
        width: 100%;
    }

    label.order-make__card .order-make__card-title {
        font-size: 12px;
    }

    .order-make__card-list li,
    .order-make__form-row label p {
        font-size: 10px;
    }

    .order-make__item-content .itc-select__toggle {
        padding: 5px 10px;
        gap: 10px;
        justify-content: flex-start;
        font-size: 10px;
        width: auto;
    }

    .order-make__item-content .itc-select__toggle::after {
        margin-left: 0;
    }

    .order-make__form-row.flex.cards {
        gap: 10px 5px;
    }

    label.order-make__card {
        width: calc(50% - 5px);
    }

    .order-make__card .itc-select__dropdown {
        top: 1.5rem;
    }

    .order-make__card .itc-select__dropdown li {
        font-size: 10px;
        padding: 5px;
    }

    .rect-btn--order-make {
        font-size: 12px;
    }

    .personal__tile,
    .personal__tile-link {
        padding: 15px 0;
    }

    .personal__tile p,
    .personal__tile-link p {
        font-size: 14px;
    }

    .favorites__header {
        justify-content: space-between;
    }

    .brands__content,
	.news__content {
        margin-top: 20px;
    }

    .brand-descr {
        font-size: 14px;
    }

    .rect-btn--contact-tab,
    .rect-btn--contact-info-tab,
    .rect-btn--about-office-tab,
    .rect-btn--city-tab {
        padding: 10px 15px;
    }

    .contacts-city__info-tabs {
        margin-top: 20px;
    }

    .contacts-city__info-half,
    .contacts-city__info-row,
    .about-office__info-half,
    .about-office__info-row {
        gap: 15px;
    }

    .contacts-city__info-row img,
    .about-office__info-row img {
        width: 16px;
        height: 16px;
    }

    .contacts-city__info-address .city-address,
    .contacts-city__info-half .contacts-city__info-tel a,
    .about-office__info-address .city-address,
    .about-office__info-half .about-office__info-tel a {
        font-size: 14px;
    }

    .contacts-city__info-address a,
    .about-office__info-address a {
        font-size: 12px;
    }

    .contacts-city__info-address .city-time,
    .about-office__info-address .city-time {
        font-size: 12px;
    }

    .contacts-city__info-address p:not(:first-child),
    .about-office__info-address p:not(:first-child) {
        margin-top: 5px;
    }

    .contacts-city__info-half .contacts-city__info-tel p,
    .about-office__info-half .about-office__info-tel p {
        font-size: 12px;
    }

    .contacts-city {
        padding: 30px 0 50px;
    }

    .contacts-social__left h3 {
        font-size: 24px;
    }

    .contacts-social__left p {
        font-size: 14px;
        margin-top: 5px;
    }

    .contacts-requisites {
        margin: 50px 0;
    }

    .contacts-city__departments {
        margin-bottom: 50px;
    }

    .contacts-city__departments-time {
        margin: 0;
    }

    label[data-input-required] textarea+span.require-icon {
        top: 65%;
    }

    .compare__empty-product {
        padding: 15px;
        min-height: 425px;
    }

    .banner__inner .banner-pagination {
        display: none;
    }
    .order__main-name,
    .order__main-info,
    .order__main-status,
    .order__main-info span.status,
    .order__main-status span.status,
    .order__main-sum,
    .order-button,
    .profiles__header,
    .order__header {
        font-size: 12px;
    }
    .order__header button {
        padding: 2px;
    }
    .order__main-info {
        flex-wrap: wrap;
    }
    .profiles__header,
    .order__header {
        padding: 10px;
    }
    .main-title {
        padding-top: 0;
    }
    .benefits__item p {
        font-size: 12px;
    }

    .benefits__item img {
        width: 38px;
        height: 38px;
    }
    .benefits-main__inner {
        flex-direction: column;
    }

    .benefits-main__item {
        flex-basis: 100%;
    }

    .benefits-main__item p:first-child {
        font-size: 20px;
    }
	.product-card__info-box {
        display: flex;
        padding: 5px 5px 10px 5px;
        flex-direction: column;
    }
	.ekrom-crossale .similar-slide {
		height: auto;
	}
}

@media (max-width: 500px) {
	.product-info__available-list {
		margin-top: 5px;
	}
	.label.label--gift svg {
		width: 20px;
		height: 20px;
	}
	.tags.tags--other {
		gap: 10px;
	}
    .product-card__name,
	.product-card .reason {
        font-size: 12px;
    }

    .round-btn--fav,
    .round-btn--compare,
    .round-btn--cart {
        width: 25px;
        height: 25px;
    }

    .product-card__article {
        font-size: 12px;
    }

    .product-card__price-old::before {
        top: 40%;
    }

    .rect-btn--showroom {
        font-size: 12px;
        padding: 5px 10px;
    }

    .header-menu .header-menu__nav-title a {
        font-size: 16px;
    }

    .header-menu__close.close-btn--header-menu svg {
        width: 10px;
        height: 10px;
    }

    .header__mobile-left {
        width: auto;
        gap: 20px;
    }

    .product-card__name {
        margin-top: 0px;
    }

    .product-card__img-box {
        height: 155px;
    }

    .page-banner,
    .page-banner.page-banner--contacts {
        padding: 0;
        background: transparent;
    }

    .page-banner.page-banner--contacts .title h2, .page-banner.page-banner--contacts .title h1 {
        color: var(--text-black-color);
    }

    .tags__item {
        padding: 0;
        height: auto;
    }

    .tags__item a {
        font-size: 12px;
        padding: 5px 7px;
    }

    .counter {
        font-size: 12px;
        padding: 0 5px;
        height: auto;
    }

    .promo-banner.promo-banner--catalog {
        padding: 25px;
    }

    .catalog-popup__categories-text {
        font-size: 14px;
    }

    .rect-btn--catalog-popup {
        padding: 8px;
        font-size: 12px;
    }

    .info,
    .info:has(.page-banner--contacts) {
        padding: 20px 0;
    }

    .page-banner {
        margin-top: 10px;
    }

    .products__main {
        margin-top: 30px;
    }

    .product-card__price-old {
        margin-left: 5px;
        font-size: 12px;
    }

    .label,
    .discount-label {
        padding: 2px 5px;
        font-size: 10px;
    }

    .mobile-product__price .product-box__colors-color,
    .mobile-product__price .frame {
        width: 20px;
        height: 20px;
    }

    .mobile-product__price .product-box__colors-list {
        gap: 10px;
    }

    .mobile-product__price .product-box__price-buttons {
        flex-direction: column;
        gap: 8px;
    }

    .mobile-product__price .product-box__price-buttons .rect-btn {
        width: 100%;
    }

    .product-box__name {
        font-size: 20px;
    }

    .mobile-product-info .product-box__item--properties .product-box__properties-title {
        font-size: 14px;
    }

    .product-box__properties-item .property-name span,
    .product-box__properties-item .property-value {
        font-size: 12px;
    }

    .product-tabs__item label {
        font-size: 14px;
        padding: 10px;
    }

    .swiper.slider-fastview img.country,
    .swiper.slider-product img.country {
        max-width: 50px;
        max-height: 50px;
    }

    .mobile-product-info .rect-btn--brand {
        font-size: 14px;
        padding: 10px 5px;
    }

    .product-info__property-name,
    .product-info__property-value {
        font-size: 14px;
    }

    .product-info__guarantee-text {
        max-width: 150px;
    }

    .product-info__guarantee-text p {
        font-size: 12px;
    }

    .product-info__guarantee-item img {
        bottom: -40px;
        right: -40px;
    }

    .product-info__property-title h4,
    .product-info__inner.delivery-payment .product-info__title {
        font-size: 20px;
    }

    .product-info__guarantee-text h4 {
        font-size: 14px;
    }

    .product-info__list-title h5 {
        font-size: 14px;
    }

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

    .not-found__content {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
        padding: 100px 0;
    }

    .promo-banner.promo-banner--category {
        padding: 20px;
    }

    .compare-feedback__inner {
        padding: 25px;
    }

    .catalog__categories-box img {
        max-width: 40px;
    }

    .cart-item__counter button.minus {
        padding: 0 10px 0 15px;
    }

    .cart-item__counter button.plus {
        padding: 0 15px 0 10px;
    }

    .cart-item__counter span,
    .cart-item__counter button {
        font-size: 10px;
    }

    .cart-item__right .cart-item__buttons button {
        min-width: 25px;
        min-height: 25px;
    }

    .cart-item__right .cart-item__buttons button svg {
        width: 10px;
        height: 10px;
    }

    .cart-item__name-link {
        font-size: 10px;
    }

    .cart-item__right .cart-item__sum .current-price {
        font-size: 12px;
    }

    .cart-page .page-empty .page-empty__title {
        font-size: 20px;
    }

    .cart-page .page-empty .page-empty__text {
        font-size: 12px;
    }

    .cart-item__status,
    .cart-item__article,
    .cart-item__color,
    .cart-item__sum .old-price .price {
        font-size: 8px;
    }

    .cart-item__left {
        gap: 5px;
    }

    .cart-item__row {
        gap: 2px;
    }

    .cart-calc__price p:not(.price) {
        font-size: 10px;
    }

    .cart-calc__price p.price {
        font-size: 12px;
    }

    .cart-calc__price+.cart-calc__price {
        margin-top: 5px;
    }

    .cart {
        margin-bottom: 50px;
    }

    .cart-item__img {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 60px;
        min-height: 40px;
        padding: 5px;
    }

    .mobile-product-info .round-btn {
        width: 35px;
        height: 35px;
    }

    .mobile-product-info .round-btn svg {
        width: 15px;
        height: 15px;
    }

    .round-btn--fav svg,
    .round-btn--compare svg,
    .round-btn--cart svg {
        width: 12px;
        height: 12px;
    }

    .question-form__title {
        font-size: 20px;
    }

    .question-form__checkbox p {
        font-size: 12px;
    }

    .question-form .close-btn,
    .modal.contact-form .close-btn {
        width: 16px;
        height: 16px;
        right: 16px;
    }

    #questionTextArea {
        margin-top: 15px;
    }

    #questionPhoneInput {
        margin-top: 0;
    }

    .order-make__form-row label textarea {
        min-height: 50px;
    }

    .order-make__form-row label input:not([type=radio]),
    .order-make__form-row label textarea {
        font-size: 12px;
        padding: 5px 15px;
    }

    .order-make__form-row label input:not([type=radio])::placeholder,
    .order-make__form-row label textarea::placeholder {
        font-size: 10px;
    }

    .order-make__item-title span {
        font-size: 16px;
    }

    label.order-make__card .order-make__card-title {
        font-size: 10px;
    }

    label.order-make__card {
        padding: 10px;
    }

    label.order-make__card .order-make__card-info {
        padding-left: 15px;
    }

    label.order-make__card .order-make__card-title::before {
        width: 12px;
        height: 12px;
        left: -18px;
    }

    label.order-make__card .order-make__card-title::after {
        width: 6px;
        height: 6px;
        left: -15px;
    }

    .order-make__card-list li,
    .order-make__form-row label p,
    .order-make__item-content .itc-select__toggle,
    .order-make__card .itc-select__dropdown li {
        font-size: 8px;
    }

    .order-make__card .itc-select__dropdown li::after {
        width: 8px;
        height: 8px;
    }

    label.order-make__card .order-make__card-title {
        margin-bottom: 10px;
    }

    p.order-make__card-cost {
        margin-top: 10px;
    }

    .order-make__card-pays li {
        width: 35px;
        height: 25px;
    }

    .order-make__item-title.active~.order-make__item-content,
    .order-make__form-row+.order-make__form-row {
        margin-top: 10px;
    }

    .order-make__form-row.flex {
        gap: 10px;
    }

    .rect-btn--order-make {
        font-size: 12px;
    }

    .order-make__item-title span {
        font-size: 12px;
    }

    .order-make__item-title.active::after,
    .order-make__item-title::after {
        padding: 3px;
    }

    .order-apply__box .order-apply__message {
        font-size: 24px;
    }

    form.cart-promocode {
        padding: 10px;
    }

    form.cart-promocode .promocode-input {
        padding: 10px;
    }

    .rect-btn--order .rect-btn--order-text {
        font-size: 16px;
    }

    .promocode-button img {
        width: 15px;
    }

    .rect-btn--order .rect-btn--order-sum {
        font-size: 10px;
    }

    .personal__tiles {
        gap: 5px;
    }

    .personal__tile,
    .personal__tile-link {
        width: calc(50% - 5px);
    }

    .personal__tile p,
    .personal__tile-link p {
        font-size: 12px;
    }

    .itc-select:not(#order-select):not(#order-select-entity) button {
        font-size: 12px;
    }

    .itc-select:not(#order-select):not(#order-select-entity) button::after {
        margin-left: 0.5em;
    }

    .rect-btn--favorites-clear {
        font-size: 10px;
        height: 35px;
    }

    .favorites__header {
        gap: 5px;
    }

    .info-search-form input {
        padding: 10px 50px;
    }

    .brands__content,
    .actions__content,
	.news__content {
        grid-template-columns: 1fr;
    }

    .brand-descr {
        font-size: 12px;
    }

    .title--banner img {
        max-width: 150px;
    }

    .actions__header-link {
        font-size: 10px;
    }

    .actions__header-link svg {
        width: 10px;
        height: 8px;
    }

    .itc-select:not(#order-select):not(#order-select-entity)#actions-sort button {
        padding: 5px;
        font-size: 10px;
    }

    .actions__item img {
        height: 150px;
    }

    .contacts-city__departments {
        grid-template-columns: 1fr;
    }

    .contacts-city__departments-inner {
        margin-top: 10px;
    }

    .contacts-form h3 {
        font-size: 16px;
    }

    .contacts-form-subtext,
    .contacts-form-term {
        font-size: 12px;
    }

    .contacts-form-question {
        font-size: 10px;
    }

    .contacts-form input[type=number],
    .contacts-form input[type=number]::placeholder,
    .contacts-form__inner textarea,
    .contacts-form__inner textarea::placeholder {
        font-size: 12px;
    }

    .contacts-form-confidence p {
        text-align: left;
    }

    .contacts-modal__inner, .contacts-modal__success {
        padding: 45px 20px;
    }

    .mobile-product-info .product-box__buy-buttons {
        width: 100%;
    }

    .mobile-product-info .product-card__counter .plus,
    .mobile-product-info .product-card__counter .minus {
        padding: 10px 50px 10px 50px;
    }

    .toast-container {
        width: 200px;
    }

    .toast_message .toast__body {
        padding: 15px 30px 15px 15px;
        font-size: 12px;
    }

    .toast_message .toast__body a {
        margin-top: 15px;
    }

    .toast_message .toast__body a::after {
        width: 12px;
        height: 9px;
    }

    .about-promo__text {
        font-size: 10px;
    }

    .about-promo__text p:first-child,
    .about-promo__text span {
        font-size: 12px;
    }

    .advantages__question-text {
        font-size: 12px;
    }

    .advantages__question-title {
        font-size: 18px;
    }

    .advantages__items li {
        width: 100%;
    }

    section.advantages {
        padding-bottom: 15px;
    }

    .videos__inner {
        margin-top: 20px;
    }

    section.videos {
        padding-top: 30px;
    }

    section.faq {
        padding-bottom: 30px;
    }

    .brands__link {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--main-blue);
        border-radius: 10px;
        padding: 12px 0;
        color: #fff;
        font-size: 12px;
    }

    .brands__link svg {
        display: none;
    }

    .videos__inner {
        display: block;
    }

    .rect-btn--videos {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    .feedback-banner {
        display: none;
    }

    button.footer__nav-title,
    .header-menu .header-menu__nav-title {
        font-size: 16px;
    }

    .promo-banner {
        background-size: contain;
    }

    .filter-item.check:first-child .filter-item__label::before {
        transform: none;
        top: 4px;
    }

    .filter-item.check:first-child .filter-item__label::after {
        transform: none;
        top: 8px;
    }

    .city-select__city a {
        padding-left: 0;
    }

    .city-select__city.active a::after {
        left: -20px;
    }

    .rect-btn--compare-empty,
    .rect-btn--compare-empty+p {
        font-size: 12px;
    }

    .compare__empty-product {
        min-height: 360px;
    }

    .personal__sale-text,
    .personal__progress-point .point-decimal,
    .personal__progress-sum {
        font-size: 14px;
    }

    .personal__progress-hint {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .personal__form-row-text {
        font-size: 12px;
    }

    .personal__form-buttons button {
        padding: 10px;
    }

    .personal__form-label input::placeholder {
        font-size: 12px;
    }

    .personal__form input {
        padding: 10px;
    }

    .cart-product .text .name,
    .bx-soa-item-td-text .price {
        font-size: 14px;
    }
    .img-box {
        flex: 0 0 50px;
        max-width: 50px;
        height: 50px;
    }
    .bx-price-old {
        font-size: 12px;
    }
    .del {
        width: 30px;
        height: 30px;
        padding: 5px;
    }
    .cart-product .text .item-info {
        gap: 0;
        flex-direction: column;
    }

    .product-box__tools-btns .round-btn {
        width: 35px;
        height: 35px;
    }
    .product-box__tools-btns .round-btn svg {
        width: 15px;
        height: 15px;
    }
    .product-box__colors .product-box__colors-color, .product-box__colors-list .frame {
        width: 20px;
        height: 20px;
    }
    .product-box__price-buttons {
        flex-direction: column;
        gap: 8px;
    }
    .product-box__buy-buttons {
        width: 100%;
    }
    .product-box .product-box__buy-buttons, .product-box__price-buttons .rect-btn {
        width: 100%;
    }
    .product-box .product-card__counter .plus,
    .product-box .product-card__counter .minus {
        padding: 10px 50px 10px 50px;
    }
    .product-box__properties-item .property-name {
        width: 50%;
    }
    .product-box__item--properties .property-value {
        width: auto;
    }
    .profiles__main-row {
        padding: 20px 10px;
    }
    .profiles__title {
        font-size: 10px;
    }
    .page-banner {
        background: none !important;
    }
    .title h2,
	.page-banner .title h1,
	.page-banner .title h2 {
        color: var(--main-blue);
    }
    .tags__item-category {
        padding: 5px;
    }
    .tags__inner {
        max-height: 30px;
    }
    .tags__button {
        font-size: 14px;
        margin-bottom: auto;
    }
    .itc-select-box p {
        display: none;
    }
    .about-text__inner {
        font-size: 12px;
    }
    .seo-tags {
        font-size: 12px;
    }
	.go-top {
		width: 56px;
		height: 56px;
	}
	.go-top::before {
		width: 100%;
		height: 100%;
	}
	.showroom__info--address {
		margin-top: 50px;
	}
	.showroom__info--hours {
		margin-top: 10px;
	}
	.product-card__prices,
    .product-card__prices.out-of-stock {
        display: flex;
        align-items: center;
    }
	.categories-with-img-slider__slide a {
		font-size: 12px;
		min-height: 90px;
	}
	.actions-with-img-slider__slide a {
		height: 85px;
	}
	.product-card__name {
		font-size: 12px;
	}
	.ekrom-crossale a.similar__img-box {
		width: 50px;
		height: 50px;
	}
	.ekrom-crossale .rect-btn--similar {
		padding: 10px;
		font-size: 12px;
	}
	.ekrom-crossale .similar__about a,
	.ekrom-crossale .similar__current-price {
		font-size: 12px;
	}
	.ekrom-crossale .similar-slide {
		padding: 15px;
	}
	.product-info__brand-content {
		flex-direction: column;
		margin-top: 10px;
		gap: 10px;
	}
	.product-info__brand-img {
		right: -80px;
	}
	.product-info__brand-name,
	.product-info__brand-info-text {
		margin-bottom: 10px;
	}
	.product-info__inner .about-hint__text {
		font-size: 12px;
	}
	.action-hint__item {
        width: 100px;
    }
    .action-hint__item-name {
        font-size: 12px;
    }
    .action-hint {
        padding: 10px;
    }
    .action-hint .action-hint__pagination {
        display: none;
    }
}

@media (max-width: 400px) {
	.product-info__brand-title,
	.product-info__brand-info-text,
	.product-info__brand-name,
	.product-info__brand-phone {
		font-size: 12px;
	}
    section {
        padding: 15px 0;
    }

    .title h2,
    .title h1 {
        font-size: 20px;
    }

    .title p,
    .popular-card__title,
    .rect-btn--popular {
        font-size: 12px;
    }

    .complects__item-name,
    .complects__item-price {
        font-size: 15px;
    }

    .complects__item-descr {
        gap: 10px;
    }

    .complects__item-cost {
        gap: 5px;
    }

    .complects__item-old-price {
        font-size: 10px;
    }

    .complects__item-quantity {
        font-size: 10px;
    }

    .product-card__info-box .product-card__color-label {
        width: 14px;
        height: 14px;
    }

    .product-info__status {
        font-size: 12px;
    }

    .product-info__delivery {
        font-size: 12px;
        line-height: 1.2;
    }

    .product-card__name {
        font-size: 12px;
    }

    .round-btn--fav,
    .round-btn--compare,
    .round-btn--cart {
        width: 24px;
        height: 24px;
    }

    .product-card__counter button.minus {
        padding: 0 5px 0 15px;
    }

    .product-card__counter button.plus {
        padding: 0 15px 0 5px;
    }

    .product-card__mobile-footer .product-card__buy-click,
    .product-card__mobile-footer .product-card__mobile-cart {
        font-size: 12px;
        padding: 5px 0;
    }

    .product-card__mobile-footer .product-card__counter {
        font-size: 10px;
    }

    .product-info__stock-status {
        padding-left: 10px;
    }

    .product-info__color {
        width: 5px;
        height: 5px;
        top: 6px;
    }

    .showroom__info-text p {
        font-size: 12px;
    }

    .showroom__info-text img {
        width: 14px;
        height: 14px;
    }

    .showroom__info-text {
        gap: 5px;
    }

    .showroom-slider {
        height: 450px;
    }

    .rect-btn--faq {
        font-size: 12px;
        margin-top: 10px;
    }

    .round-btn--fav img {
        max-width: 9px;
    }

    .round-btn--compare img {
        max-width: 10px;
    }

    .sort-select {
        width: 120px;
        margin-left: 5px;
    }

    .sort::after {
        right: 10px;
    }

    .products__main {
        gap: 5px;
    }

    .catalog-popup__categories-text {
        font-size: 12px;
    }

    .rect-btn--catalog-popup {
        font-size: 10px;
    }

    .rect-btn--products {
        padding: 10px;
        font-size: 12px;
    }

    .tags {
        gap: 5px;
    }

    .product-card__price-old {
        font-size: 12px;
        vertical-align: text-top;
        margin-left: 2px;
    }

    .mobile-product-info .product-box__item--properties .property-name {
        width: 50%;
    }

    .mobile-product-info .product-box__item--properties .product-box__properties-title {
        font-size: 14px;
    }

    .recs .title h2, .recs .title h1 {
        font-size: 20px;
    }

    .feedback-banner__form input::placeholder {
        font-size: 12px;
    }

    .promo-banner.promo-banner--category {
        padding: 10px;
    }

    .question-form {
        padding: 20px;
    }

    .question-form__title {
        font-size: 16px;
    }

    .question-form .close-btn,
    .modal.contact-form .close-btn {
        width: 10px;
        height: 10px;
        top: 10px;
        right: 10px;
    }

    #questionTextArea {
        max-height: 80px;
        font-size: 12px;
    }

    #questionTextArea::placeholder {
        font-size: 12px;
    }

    #questionPhoneInput,
    #questionMailInput {
        font-size: 12px;
        padding: 15px;
        min-height: auto;
    }

    .question-form__user-fields input::placeholder {
        font-size: 12px;
    }

    .question-form__checkbox {
        margin-top: 15px;
    }

    .question-form__checkbox p {
        font-size: 10px;
    }

    .rect-btn--question {
        margin-top: 15px;
        font-size: 14px;
    }

    .order-apply__box .order-apply__message {
        font-size: 20px;
    }

    .order-apply__box {
        padding: 20px;
    }

    .order-apply__text {
        font-size: 12px;
    }

    .personal__tile svg,
    .personal__tile-link svg {
        width: 45px;
        height: 45px;
    }

    .personal {
        margin: 20px 0;
    }

    .rect-btn--favorites-clear {
        padding: 5px;
    }

    .brands__item,
	.news__item {
        height: 160px;
    }

    .brands__item-preview,
	.news__item-preview {
        height: calc(100% - 30px);
    }

    span.brands__item-name,
	.news__item span.news__item-name {
        height: 30px;
    }

	.news__item span.news__item-name {
        padding: 5px 5px 10px 5px;
        font-size: 10px;
    }

    .tags__item {
        min-width: auto;
    }

    .itc-select:not(#order-select):not(#order-select-entity)#actions-sort button {
        font-size: 10px;
    }

    .contacts-social__left h3 {
        font-size: 18px;
    }

    .contacts-social__left p {
        font-size: 12px;
    }

    .contacts-social__right {
        padding: 15px;
    }

    .contacts-city__maps {
        height: 350px;
    }

    .contacts-modal__inner, .contacts-modal__success {
        padding: 20px;
    }

    .contacts-form-connect {
        justify-content: space-between;
        gap: normal;
    }

    .contacts-form-connect__label {
        padding: 20px 25px;
    }

    .contacts-form input[type=number],
    .contacts-form__inner textarea,
    .contacts-form-confidence,
    .rect-btn--contacts-form {
        margin-top: 10px;
    }

    .contacts-form-label-file p {
        font-size: 10px;
    }

    .auth-tools {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    p.check-acc {
        justify-content: space-between;
        align-items: baseline;
    }

    p.check-acc,
    p.check-acc .auth-check-btn--register {
        font-size: 10px;
    }

    .complects__item-img img {
        max-height: 250px;
    }

    .advantages__question-items li {
        width: 100%;
    }

    label[data-input-required] span.require-icon {
        width: 20px;
        height: 20px;
    }

    .rect-btn--compare-empty,
    .rect-btn--compare-empty+p {
        font-size: 10px;
    }

    .personal__progress-sum .sum {
        display: block;
    }
    .profiles__header,
    .order__header {
        font-size: 10px;
    }

    .cart-product .text .name,
    .bx-soa-item-td-text .price {
        font-size: 12px;
    }
    .bx-price-old {
        font-size: 10px;
    }
    .basket-item-block-amount {
        max-width: 80px;
    }
    .del {
        width: 25px;
        height: 25px;
        padding: 3px;
    }
    #clear-basket, #print_order_button {
        font-size: 12px;
    }
    .cart-list__tools {
        gap: 10px;
    }
    .bx-soa-pp-company label {
        font-size: 12px;
    }
    .cart-product .text .item-info .item-available,
    .cart-product .text .item-info .item-color,
    .bx-soa-pp-company-graf-description {
        font-size: 10px;
    }
    .bx-soa-pp-company label::after,
    .bx-soa-pp-company label::before {
        top: 50%;
    }
    .bx-soa-cart-d {
        font-size: 14px;
    }
	.product-card__price,
	.product-card__price .ask_manager {
		font-size: 12px;
	}
	.action-hint__title h3,
    .action-hint__title p,
    .action-hint__prices .action-hint__current-price,
    .action-hint__prices .action-hint__old-price,
    .rect-btn.rect-btn--action-hint {
        font-size: 12px;
    }
    .action-hint__title p,
    .action-hint__prices {
        margin-top: 5px;
    }
    .rect-btn.rect-btn--action-hint {
        margin-top: 10px;
    }
    .action-hint__item.min-price-item .discount-percent {
        font-size: 10px;
        padding: 5px;
    }
}

@media (min-width: 1440px) {

    .popular-card:hover .popular__img img,
    .popular-card:hover .popular__text {
        transform: translateX(0) scale(1.08);
        color: var(--main-blue);
    }
}

@media (min-width: 992px) {

    /* HOVER START */
	.action-hint__hint-required:hover .action-hint__dropdown {
        display: block;
    }

	.basket-items-container button:hover {
		color: var(--hover-blue);
	}

	.product-info__item.documentation .product-info .product-info__item:hover .product-info__tooltip {
		display: block;
	}

	.catalog-popup__categories-list.popup-brand a:hover img {
		filter: grayscale(0);
	}

	.actions-with-img-slider__slide:hover a {
		filter: saturate(3.5);
	}

	.news__content .news__item:hover {
		text-decoration: none;
		color: var(--text-black-color);
		transform: scale(1.05);
	}

	.ismb__overlay .ismb__included-block-button:hover .ismb__included-block-button-text {
		color: var(--hover-blue);
	}

	.ismb__overlay .ismb__included-block-button:hover .ismb__included-block-button-decoration {
		border-color: var(--hover-blue);
	}

	.ismb__overlay .ismb__close-button:hover svg path,
	.ismb__overlay .ismb__included-block-button:hover svg path {
		fill: var(--hover-blue);
	}

	.ismb__overlay .ismb__add-button:hover {
		background: var(--hover-blue);
	}

	.clicker-wrapper .clicker-wrapper__text .clicker-wrapper__name:hover {
		color: var(--hover-blue);
	}

	.go-top:hover::before {
    	background-image: url('/local/templates/ekrom/images/icons/go-top-hover.svg');
	}
    .catalog-popup__menu-item:hover a {
        color: var(--hover-blue);
    }
    a:hover {
        color: var(--hover-blue);
    }

    .tags--other .tags__item a:hover {
        color: #fff;
    }

    .header-city__icon:hover {
        background-color: var(--button-blue);
    }

    .white:hover {
        background-color: var(--hover-blue);
        color: #fff;
    }

    .blue:hover,
    .rect-btn--contact-tab.active:hover,
    .rect-btn--contact-info-tab.active:hover {
        background-color: var(--hover-blue);
    }

    .rect-btn--contact-tab.active:hover,
    .rect-btn--contact-info-tab.active:hover {
        border-color: var(--hover-blue);
    }

    .tags__item:not(.current):hover {
        border-color: var(--button-blue);
        background-color: var(--button-blue);
    }

    .transparent:hover,
    .rect-btn--contact-tab:hover,
    .rect-btn--contact-info-tab:hover {
        background-color: var(--button-blue);
        color: #fff;
    }

    .glass:hover::after {
        left: 120%;
    }

    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background-color: var(--hover-blue);
    }

    .breadcrumbs__item--home a:hover svg path {
        fill: var(--hover-blue);
    }

    .header-menu .round-btn--header-menu.vk:hover {
        background-color: #0077FF;
    }

    .header-menu .round-btn--header-menu.youtube:hover {
        background-color: #c4302b;
    }

    .header-menu .round-btn--header-menu.telegram:hover {
        background-color: #0088cc;
    }

    .header-menu .round-btn--header-menu.whatsapp:hover {
        background-color: #25D366;
    }

    .header-menu .header-menu__panel-item:hover .header-menu__panel-img {
        background-color: var(--main-blue);
    }

    .header-menu .header-menu__panel-item:hover .header-menu__panel-text span {
        color: var(--main-blue);
    }

    .header-menu__close.close-btn--header-menu:hover svg path {
        fill: var(--main-blue);
    }

    .header-menu .header-menu__nav-title a:hover,
    .header-menu .header-menu__nav-item a:hover {
        color: var(--main-blue);
    }

    .header__top-link.actions:hover svg path {
        fill: var(--hover-blue);
    }

    .header__top-link:hover {
        color: var(--hover-blue);
    }

    .header__top-link--info:hover::before {
        border-color: var(--hover-blue);
    }

    .header__top-info-dropdown li a:hover {
        color: var(--main-blue);
    }

    .header__top-info:hover .header__top-btn {
        border-color: var(--main-black);
    }

    .header-city__button:hover {
        color: var(--hover-blue);
    }

    .header__categories-item.has-submenu .header__categories-link:hover~.header__categories-submenu {
        display: flex;
    }

    a.header__categories-link:hover span {
        border-color: var(--hover-blue);
    }

    .header__categories-submenu:hover {
        display: flex;
    }

    .header__categories-submenu li a:hover {
        color: var(--main-blue);
    }

    .round-btn--header:hover {
        background-color: var(--button-blue);
        transition: var(--default-transition);
    }

    .cart-item:hover>.cart-popup {
        display: block;
    }

    .cart-popup:hover {
        display: block;
    }

    .cart-popup__delete:hover path {
        fill: var(--main-blue);
    }

    .complects__item:hover {
        transform: scale(1.03);
        z-index: 5;
    }

    .complects__link:hover svg path,
    .actions__header-link:hover svg path {
        fill: var(--hover-blue);
    }

    .thumbs:hover~.thumbs-progressbar {
        opacity: 1;
    }

    /* .product-card__img-box:hover .fast-view-btn {
        opacity: 1;
    } */

    .product-card:hover .product-card__footer {
        max-height: 200px;
        display: block;
    }

    .bestseller__inner .bestseller-button-next:hover,
    .bestseller__inner .bestseller-button-prev:hover {
        background-color: var(--hover-blue);
    }

    .rect-btn--showroom:hover {
        background-color: #343538;
        color: #fff;
    }

    .brands__item:hover {
        transform: scale(1.05);
    }

    .brands__link:hover svg path {
        fill: var(--hover-blue);
    }

    .brands__marquee-card:hover img {
        filter: grayscale(0);
    }

    .videos__banner-link:hover svg path {
        fill: var(--hover-blue);
    }

    .videos__item-link:hover img,
    .videos__item-link:hover video {
        filter: grayscale(0);
    }

    .footer__contacts-icon-link:hover {
        background-color: var(--main-blue);
    }

    .footer__contacts .round-btn--footer:hover {
        background-color: var(--button-blue);
    }

    .round-btn--footer.vk:hover {
        background-color: #0077FF;
    }

    .round-btn--footer.whatsapp:hover {
        background-color: #25D366;
    }

    .round-btn--footer.youtube:hover {
        background-color: #c4302b;
    }

    .round-btn--footer.telegram:hover {
        background-color: #0088cc;
    }

    .close-btn:hover svg path {
        fill: var(--hover-blue);
    }

    .product-box__tool:hover button {
        color: var(--hover-blue);
    }

    .product-box__tool--compare:hover svg path {
        stroke: var(--hover-blue);
    }

    .product-box__tool--share:hover svg path,
    .product-box__tool--pdf:hover svg path {
        fill: var(--hover-blue);
    }

    .product-box__brand-link:hover img {
        filter: grayscale(0);
    }

    .question-form__checkbox a:hover {
        color: var(--red-color);
    }

    .rect-btn--question:hover {
        background-color: var(--hover-blue);
        color: #fff;
    }

    .cart-item__delete-btn:hover svg path {
        fill: var(--main-blue);
    }

    .cart-item__fav-btn:hover svg path {
        stroke: var(--main-blue);
    }

    .filter-items__show-results:hover::before {
        background-color: var(--hover-blue);
    }

    .oval-btn--filter.show:hover {
        background-color: var(--hover-blue);
    }

    .products__main .product-card:not(.row):hover,
    .bestseller .product-card:not(.skeleton):hover {
        border-radius: 10px 10px 0 0;
        box-shadow: 0px 4px 4px 0 rgba(5, 43, 52, .25);
    }

    .products__main .product-card.row:hover {
        box-shadow: 0px 4px 4px 0 rgba(5, 43, 52, .25);
    }

    .products__main .product-card:hover .product-card__info-box {
        border-radius: 0;
    }

    .products__main .product-card:has(.skeleton):hover .product-card__footer,
    .bestseller .product-card:has(.skeleton):hover .product-card__footer {
        display: none;
    }

    .products__main .product-card:has(.skeleton):hover,
    .bestseller .product-card:has(.skeleton):hover .product-card__info-box{
        border-radius: 10px;
    }

    .products__main .product-card:hover .product-card__footer,
    .bestseller .product-card:hover .product-card__footer {
        display: block;
        border-radius: 0 0 5px 5px;
        box-shadow: 0px 4px 4px 0 rgba(5, 43, 52, .25);
    }

    .products-pagination-btn a:hover {
        border-color: var(--main-blue);
        color: var(--main-blue);
    }

    .products-pagination-btn-arrow.disabled a:hover {
        border-color: #eaebed;
    }

    .products-pagination-btn-arrow:not(.disabled) a:hover path {
        fill: var(--main-blue);
    }

    .product-card.row .round-btn--fav:hover,
    .product-card.row .round-btn--compare:hover {
        border-color: var(--main-blue);
    }

    .personal__aside-item:hover {
        color: var(--main-blue);
    }

    .personal__tile:hover,
    .personal__tile-link:hover {
        background-color: var(--main-blue);
    }

    .personal__tile:hover svg path,
    .personal__tile-link:hover svg path {
        fill: #fff;
    }

    .personal__tile:hover p,
    .personal__tile-link:hover p {
        color: #fff;
    }

    .recs-list .product-card:has(.skeleton):hover .product-card__footer {
        display: none;
    }

    .recs-list .product-card:hover .product-card__footer {
        display: block;
    }

    .product-info__guarantee-item:hover {
        transform: scale(1.03);
    }

    .product-card__tools .round-btn:hover {
        border-color: var(--main-blue);
    }

    .compare-feedback__form-confidence label a:hover {
        color: var(--hover-blue);
    }

    .rect-btn--compare-category.active:hover {
        background-color: var(--hover-blue);
    }

    .close-btn--compare:hover svg path {
        fill: var(--main-black);
    }

    .label:hover .label-hint,
    .label-hint:hover {
        display: block;
    }

    .product-card.row .label-container:hover {
        flex-direction: column;
    }

    .product-card.row .label-container:hover .label {
        font-size: 12px;
        width: auto;
        height: auto;
        border-radius: 5px;
    }

    .tags__item:hover a {
        color: #fff;
    }

    .actions__item:hover svg path {
        stroke: var(--main-blue);
    }

    .actions__item:hover img {
        filter: grayscale(0);
    }

    .contacts-city__departments-text a:hover,
    .contacts-city__departments-download-template:hover {
        color: var(--search-color);
    }

    .contacts-social__link:hover {
        color: #fff;
    }

    .round-btn--go-to-top:hover svg path {
        fill: var(--hover-blue);
    }

    a.blue:hover {
        color: #fff;
    }

	.discount-header-btn:hover {
		box-shadow: 0 0 10px 5px rgba(212, 79, 104, 1);
		color: #fff;
	}
    /* HOVER END */
}