@import url('./nouislider.min.css');
@import url('./fancybox.min.css');
@import url('./swiper.min.css');
@import url('./splide.min.css');
@import url('./itc-custom-select.css');
@import url('./toast.min.css');
@import url('./font.css');
@import url('./global.css');
@import url('./category.css');
@import url('./catalog.css');
@import url('./cart.css');
@import url('./recs.css');
@import url('./order.css');
@import url('./product.css');
@import url('./personal.css');
@import url('./compare.css');
@import url('./auth.css');
@import url('./favorites.css');
@import url('./search.css');
@import url('./brands.css');
@import url('./brand.css');
@import url('./actions.css');
@import url('./contacts.css');
@import url('./about.css');
@import url('./news.css');
@import url('./article.css');

/* HEADER START */

body.active {
    overflow: hidden;
}

.header {
    position: sticky;
    top: 0;
    transition: var(--default-transition);
    z-index: 950;
    flex-shrink: 0;
}

.header.header--404 {
    background-color: var(--search-color);
}

.header.popup-active {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.header__top {
    background-color: var(--main-blue);
    transition: var(--default-transition);
    transform: none;
}

.header.scroll {
    height: 73px;
}

.header.scroll .header__top {
    transform: translateY(-51px);
}

.header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
	max-width: 120px;
}

.header__logo img {
    width: 100%;
}

.header__top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.header__top-list {
    display: flex;
    gap: 20px;
    padding-left: 14px;
}

.header__top-info {
    position: relative;
    padding-right: 15px;
    cursor: pointer;
}

.header__top-link {
    color: var(--bg-white);
    position: relative;
}

.header__top-link.actions {
    display: block;
}

.header__top-link.actions svg {
    position: absolute;
    top: 50%;
    right: calc(100% + 5px);
    transform: translateY(-50%);
}

.header__top-link.actions path {
    transition: var(--default-transition);
}

.header__top-link--info::before {
    content: '';
    position: absolute;
    display: block;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    padding: 3px;
    width: 7px;
    height: 7px;
    left: calc(100% + 5px);
    transform: rotate(45deg);
    top: 3px;
    cursor: pointer;
    transition: var(--default-transition);
}

.header.scroll .header__top-info-dropdown {
    display: none;
}

.header__top-info-dropdown {
    display: none;
    position: absolute;
    z-index: 990;
    background-color: #fff;
    top: calc(100% + 10px);
    right: 0;
    padding: 15px;
    border-radius: 10px;
}

.header__top-info-dropdown.active {
    display: block;
}

.header__top-info-dropdown li+li {
    margin-top: 10px;
}

.header__top-info-dropdown::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 16px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.header__top-info-dropdown li a {
    color: var(--text-grey-color);
}

.header__content {
    background-color: var(--main-black);
    transition: var(--default-transition);
    transform: translateY(0);
}

.header.scroll .header__content {
    transform: translateY(-51px);
}

.header__middle {
    display: flex;
    align-items: center;
    padding: 12px 0;
    justify-content: space-between;
    border-bottom: 1px solid #363636;
}

.header-city {
    display: flex;
    gap: 12px;
}

.header.scroll .header__middle .header-city {
    display: none;
}

.header-city__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #343538;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--default-transition);
}

.header__city-select {
    position: relative;
    margin-right: 68px;
}

.header-city__descr {
    color: var(--text-grey-color);
    font-size: 12px;
    line-height: 18px;
}

.header-city__button {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

.header__search {
    position: relative;
    max-width: 380px;
    width: 100%;
    height: 48px;
}

.header.scroll .header__search {
    margin-left: 30px;
}

.header.scroll .header__search-input:focus {
    width: 100%;
}

.header__search-input {
    border: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    padding: 12px 0 12px 48px;
    border-radius: 30px;
    background-color: #343538;
    color: var(--text-grey-color);
    transition: all .3s;
    position: relative;
    z-index: 2;
}

.header__search-input:focus {
    width: 200%;
    position: absolute;
    outline: none;
}

.header__search-input::placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-grey-color);
}

.header__search-submit {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.header__search-submit img {
    width: 100%;
}

.search-result.active {
    width: 200%;
    display: block;
}

.header.scroll .search-result.active {
    width: 100%;
    display: block;
}

/* .header__search-input:not(:focus)~.search-result {
    display: none;
} */

.search-result {
    position: absolute;
    display: none;
    overflow: hidden;
    background-color: #343538;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 30px 30px 10px 10px;
    transition: all .2s;
    z-index: 1;
}

.empty-row {
    height: 48px;
    z-index: 0;
}

.search-result__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--subtitle-color);
    padding: 10px 15px;
    transition: all .3s;
}

.search-result__product {
    display: flex;
    gap: 5px;

    align-items: center;
}

.search-result__img {
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    background-color: #fff;
}

.search-result__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-info__name {
    color: #fff;
    display: block;
    font-size: 12px;
}

.product-info__price {
    color: #fff;
    font-size: 12px;
}

.search-counter {
    display: flex;
    align-items: center;
    height: 38px;
    background-color: rgba(244, 247, 251, .06);
    border-radius: 5px;
    font-size: 16px;
}

.search-counter .minus {
    padding: 15px 22px 15px 13px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.search-counter.collapse .minus,
.search-counter.collapse input {
    display: none;
}

.search-counter.collapse .plus {
    padding: 15px;
}

.search-counter input {
    color: #fff;
}

.search-counter .plus {
    padding: 15px 13px 15px 22px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.rect-btn--search-result {
    width: 100%;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.working-period {
    color: var(--text-grey-color);
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-left: 30px;
    font-size: 14px;
}

.phone-number {
    color: #fff;
    display: block;
    font-size: 16px;
}

.oval-btn--header {
    max-width: 210px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 22px;
}

.header__bottom {
    max-height: 100px;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.header.scroll .header__bottom {
    padding: 0;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
}

.header__bottom-nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

.catalog-popup {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background-color: transparent;
    width: 100%;
    display: none;
}

.catalog-popup.active {
    display: block;
}

.catalog-popup__wrapper {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    position: relative;
}

.catalog-popup__wrapper::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 2%;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.header.scroll .catalog-popup__wrapper::before {
    left: 15%;
}

.catalog-popup__menu {
    padding: 35px 20px 0 20px;
    overflow-y: auto;
    max-height: 100vh;
    min-width: 230px;
    background-color: rgba(49, 134, 154, 0.02);
}

.catalog-popup__menu-item {
    border-radius: 10px;
    transition: var(--default-transition);
    cursor: pointer;
}

.catalog-popup__menu-item:not(:first-child) {
    margin-top: 20px;
}

.catalog-popup__menu-item:hover {
    background-color: rgba(93, 108, 123, 0.15);
    color: var(--button-blue);
}

.catalog-popup__menu-item:last-child {
    margin-bottom: 35px;
}

.catalog-popup__menu-link {
    /* max-width: 180px; */
    color: var(--text-black-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px 12px 10px;
    gap: 20px;
    width: 100%;
}

.catalog-popup__menu-link svg {
    min-width: 7px;
    min-height: 8px;
}

.catalog-popup__categories {
    display: flex;
    justify-content: space-between;
    padding: 35px;
    gap: 0 10px;
    overflow-y: auto;
    width: 100%;
}

.catalog-popup__categories::-webkit-scrollbar,
.catalog-popup__menu::-webkit-scrollbar {
    width: 11px;
    background-color: rgba(93, 108, 123, .25);
    border-radius: 10px;
}

.catalog-popup__categories::-webkit-scrollbar-thumb,
.catalog-popup__menu::-webkit-scrollbar-thumb {
    background-color: rgba(93, 108, 123, .43);
    border-radius: 10px;
}

.catalog-popup__categories-menu {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.catalog-popup__categories-menu.active {
    display: grid;
}

.catalog-popup__categories-list:last-child {
    margin-bottom: 35px;
}

.catalog-popup__categories-item+.catalog-popup__categories-item {
    margin-top: 10px;
}

.catalog-popup__categories-link {
    color: var(--text-grey-color);
    font-size: 16px;
    line-height: 1.5;
}

.catalog-popup__categories-link--title {
    color: var(--text-black-color);
    font-weight: 500;
}

.promo-banner {
    position: relative;
    background-color: var(--bg-white);
    border-radius: 10px;
    max-height: 440px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom center;
    padding: 35px;
    min-width: 250px;
}

.catalog-popup__categories-text {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.rect-btn--catalog-popup {
    width: 100%;
    background-color: var(--main-black);
    border: none;
    padding: 10px;
    margin-top: 15px;
    font-size: 12px;
}

.oval-btn--all-categories {
    position: relative;
    height: 48px;
    /* width: 183px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    /* padding: 0 30px; */
    /* padding-left: 30px; */
    flex-shrink: 0;
}

.header .header__middle .oval-btn--all-categories {
    display: none;
}

.header.scroll .header__middle .oval-btn--all-categories {
    display: flex;
    margin-left: 30px;
}

.close {
    /* position: absolute; */
    top: 50%;
    /* transform: translateY(-50%); */
    left: 25px;
    order: -1;
}

.close span {
    background-color: #fff;
    width: 20px;
    height: 2px;
    display: block;
    border-radius: 10px;
    transition: var(--alt-transition);
}

.close span+span {
    margin-top: 3px;
}

.header__content:has(.catalog-popup.active) .oval-btn--all-categories .close span:first-child {
    transform: translateY(2px) rotate(45deg);
}

.header__content:has(.catalog-popup.active) .oval-btn--all-categories .close span:nth-child(2) {
    display: none;
}

.header__content:has(.catalog-popup.active) .oval-btn--all-categories .close span:nth-child(3) {
    transform: translateY(0) rotate(-45deg);
    margin-top: 0;
}

.header__categories-list {
    display: flex;
    gap: 10px;
}

.header__categories-item {
    position: relative;
    /* margin-right: 30px; */
}

.header__categories-link {
    color: var(--text-grey-color);
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    /* font-size: 13px; */
}

.header__categories-link span {
    border: solid var(--text-grey-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    transform: translateY(-2px) rotate(45deg);
    margin-left: 5px;
    transition: var(--default-transition);
}

.header__categories-submenu {
    position: absolute;
    display: none;
    flex-direction: column;
    gap: 5px;
    background-color: #fff;
    border-radius: 10px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 15px;
    min-width: 200px;
}

.header__categories-submenu::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 50%;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.header__categories-submenu li a {
    color: var(--text-grey-color);
    display: block;
}

.header-panel {
    display: flex;
    gap: 8px;
}

.header .header__middle .header-panel {
    display: none;
}

.header.scroll .header__middle .header-panel {
    display: flex;
    margin-left: 30px;
}

.header.scroll .working-days {
    display: none;
}

.header-panel__item {
    position: relative;
}

.round-btn-counter {
    position: absolute;
    top: -5px;
    right: -6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background-color: var(--ruby-color);
    border-radius: 50%;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
}

.round-btn--header {
    width: 48px;
    height: 48px;
    background: #343538;
}

.wrapper-cart .header-panel__item.cart-item .round-btn--header {
    background-color: var(--button-blue);
}

.round-btn--header img {
    max-width: 20px;
}

.cart-popup {
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    min-width: 305px;
    display: none;
    right: 0;
}

.cart-popup::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 90%;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.cart-popup__header,
.cart-popup__footer {
    padding: 15px;
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.cart-popup__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-black-color);
}

.cart-popup__header span {
    color: var(--subtitle-color);
}

.cart-popup__list {
    max-height: 190px;
    overflow: scroll;
    overflow-x: hidden;
}

.cart-popup__list::-webkit-scrollbar {
    width: 11px;
    background-color: rgba(93, 108, 123, .25);
    border-radius: 10px;
}

.cart-popup__list::-webkit-scrollbar-thumb {
    background-color: rgba(93, 108, 123, .43);
    border-radius: 10px;
}

.cart-popup__item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}

.cart-popup__product-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    object-fit: contain;
}

.cart-popup__product {
    margin-left: 15px;
    max-width: 150px;
}

.cart-popup__product span {
    font-size: 12px;
}

.cart-popup__product-name {
    display: block;
    font-weight: 500;
}

.cart-popup__price+span {
    margin-left: 10px;
}

.cart-popup__delete {
    margin-left: auto;
    width: 20px;
    height: 20px;
}

.cart-popup__footer-suptitle {
    font-size: 12px;
    line-height: 18px;
    color: var(--subtitle-color);
}

.cart-popup__footer-sum {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.rect-btn--cart-popup {
    width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.cart-popup__info {
    text-align: center;
    padding: 30px;
}

.cart-popup__empty-big {
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
}

.cart-popup__empty-big ~ p {
	color: #8c8c8c;
}

.round-btn--header.auth-btn:hover~.auth-popup,
.auth-popup:hover {
    display: block;
}

.auth-popup {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    width: 305px;
    top: calc(100% - 5px);
    z-index: 3;
}

.auth-popup__inner {
    padding: 20px 25px;
}

.auth-popup__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.auth-popup .auth-popup__inner--not-logged p {
    margin-top: 10px;
    color: #282739;
}

.rect-btn--login,
.rect-btn--register {
    padding: 9px 0;
    max-width: 255px;
    width: 100%;
    display: block;
    text-align: center;
}

.rect-btn--login {
    margin-top: 30px;
}

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

.auth-popup::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: calc(100% - 32px);
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.auth-popup__user {
    display: flex;
    align-items: center;
    gap: 7px;
}

.auth-popup__user-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d9d9d9;
}

.auth-popup__user-img::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: var(--default-transition);
}

.auth-popup__user-img:hover::after {
    opacity: 1;
}

.auth-popup__user-img img {
    object-fit: cover;
    width: 100%;
}

.auth-popup__user-img img[src="./img/icons/user.svg"] {
    max-width: 36px;
}

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

.auth-popup__user-name~p {
    font-size: 12px;
    color: #8c8c8c;
}

.auth-popup__links {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rect-btn--logged {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 9px 22px;
}

.rect-btn--logged img {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
}

.auth-popup__discount {
    margin-top: 30px;
    text-align: center;
}

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

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

.rect-btn--exit {
    margin-top: 16px;
    width: 100%;
    padding: 8px;
}

.header__mobile {
    background-color: var(--main-black);
    display: none;
    padding: 20px 0;
    position: relative;
}

.header__mobile-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__mobile-left {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: space-between;
}

.header__mobile-menu {
    width: 20px;
    height: 20px;
}

.header__mobile-menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
}

.header__mobile-menu span+span {
    margin-top: 3px;
}

.header__mobile .header__mobile-links {
    display: flex;
    gap: 20px;
}

.header__mobile .header__mobile-links .header__mobile-link a,
.header__mobile .header__mobile-links .header__mobile-link button {
    display: block;
    width: 20px;
    height: 20px;
}

.header__mobile .header__mobile-links .header__mobile-link a img,
.header__mobile .header__mobile-links .header__mobile-link button img {
    width: 100%;
}

.header__side {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .62);
    backdrop-filter: blur(5px);
}

.header__side-inner {
    background-color: #343538;
    width: calc(100% - 55px);
    padding: 10px 0;
    height: 100vh;
}

.header__mobile-search {
    background-color: var(--main-black);
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--default-transition);
}

.header__mobile-search.active {
    top: 0;
}

.header__mobile-search .container {
    padding: 0;
}

.header__mobile-search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    gap: 15px;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.header__mobile-search-input-box {
    width: 80%;
    position: relative;
}

.header__mobile-search-form button[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    width: 16px;
    height: 16px;
}

.header__mobile-search-form button[type=submit] img,
.header__mobile-search-form .header__mobile-search-reset img {
    width: 100%;
}

.header__mobile-search-form .header__mobile-search-reset {
    opacity: 0;
    position: absolute;
    right: 20px;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--alt-transition);
    pointer-events: none;
}

.header__mobile-search-form .header__mobile-search-reset.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) rotate(180deg);
}

.header__mobile-search-form input:not([type=number]) {
    width: 100%;
    padding: 10px 50px;
    border-radius: 30px;
    background-color: var(--search-color);
    color: var(--text-grey-color);
    font-size: 12px;
}

.header__mobile-search-form input:focus {
    outline: none;
}

.header__mobile-search-form input:focus~.search-result {
    display: block;
}

.header__mobile-search-form .header__mobile-search-hide {
    color: #fff;
    font-size: 12px;
}

.header__mobile-search .search-result {
    border-radius: 0 0 10px 10px;
    top: 100%;
}

.header__mobile-search .search-result.active {
    display: block;
    width: 100%;
}

.header__mobile-search .search-result .search-result__row {
    padding: 10px;
}

.header__mobile-search .rect-btn--search-result {
    border-radius: 0;
    font-weight: 400;
    padding: 10px 0;
}

.header__mobile-search a.product-info__name,
.header__mobile-search a.product-info__price {
    font-size: 11px;
}

.header__mobile-search .search-counter.collapse .plus {
    font-size: 12px;
}

.header__mobile-search .search-counter,
.header__mobile-search .search-counter .plus,
.header__mobile-search .search-counter .minus {
    font-size: 12px;
}

.header__mobile-search .search-counter:not(.collapse) .plus {
    padding: 15px 10px 15px 15px;
}

.header__mobile-search .search-counter .minus {
    padding: 15px 15px 15px 10px;
}

.discount-header-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background-color: var(--ruby-color);
    box-shadow: 0 0 10px 0 rgba(212, 79, 104, 1);
}

/* HEADER END */

/* BANNER START */

.banner {
    padding: 50px 0 85px;
}

.banner__inner {
    position: relative;
}

.banner__inner.skeleton {
    border-radius: 10px;
}

.bestseller__inner:has(.skeleton) .swiper-button-next,
.bestseller__inner:has(.skeleton) .swiper-button-prev {
    opacity: 0;
}

.banner-slider {
    border-radius: 20px;
}

.banner__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d9d9d9;
    border-radius: 20px;
    height: 500px;
}

.banner__slide-link {
    width: 100%;
    height: 100%;
}

.banner__slide-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.banner__inner .banner-pagination,
.about-promo__swiper-container .swiper-about-promo-pagination,
.about-office__city-swiper .swiper-pagination-office-city,
.about-office__city-swiper .swiper-pagination-office-city-tyumen,
.article__swiper-container .article__swiper-pagination {
    top: calc(100% + 20px);
    height: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.banner__inner .banner-pagination .swiper-pagination-bullet,
.about-promo__swiper-container .swiper-about-promo-pagination .swiper-pagination-bullet,
.about-office__city-swiper .swiper-pagination-office-city .swiper-pagination-bullet,
.about-office__city-swiper .swiper-pagination-office-city-tyumen .swiper-pagination-bullet,
.article__swiper-container .article__swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.banner__inner .banner-pagination .swiper-pagination-bullet,
.about-promo__swiper-container .swiper-about-promo-pagination .swiper-pagination-bullet,
.about-office__city-swiper .swiper-pagination-office-city .swiper-pagination-bullet,
.about-office__city-swiper .swiper-pagination-office-city-tyumen .swiper-pagination-bullet,
.article__swiper-container .article__swiper-pagination .swiper-pagination-bullet {
    margin: 0;
}

.banner__inner .banner-pagination .swiper-pagination-bullet-active,
.about-promo__swiper-container .swiper-about-promo-pagination .swiper-pagination-bullet-active,
.about-office__city-swiper .swiper-pagination-office-city .swiper-pagination-bullet-active,
.about-office__city-swiper .swiper-pagination-office-city-tyumen .swiper-pagination-bullet-active,
.article__swiper-container .article__swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--button-blue);
}

/* BANNER END */

/* POPULAR START */

.popular-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 132px);
    margin-top: 50px;
}

.popular-card {
    background-color: #fff;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, .25);
    padding: 10px;
}

.popular__title {
    text-align: center;
}

.popular__link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.popular__img {
    width: 60%;
    position: relative;
    display: flex;
    justify-content: center;
}

.popular-card img {
    position: absolute;
    transition: var(--default-transition);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.popular-card--big .popular__img img {
    left: -10px;
}

.popular-card--bottom .popular__img img {
    top: -10px;
}

.popular-card--center .popular__img img {
    right: -10px;
}

.popular__text {
    position: relative;
    z-index: 3;
    max-width: 270px;
    transition: var(--default-transition);
}

.popular-card__title {
    font-size: 32px;
    line-height: 1.5;
    display: block;
}

.popular-card__sections {
    font-size: 15px;
    font-weight: 300;
    margin-top: 15px;
    color: var(--subtitle-color);
}

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

.popular-card--big .popular__text {
    width: 30%;
    text-align: right;
    margin-bottom: 45px;
    align-self: flex-end;
    margin-right: 25px;
}

.popular-card--bottom {
    grid-area: 5 / 1 / 7 / 4;
    margin-top: 30px;
}

.popular-card--bottom .popular__text {
    text-align: right;
    align-self: center;
    margin-right: 25px;
}

.popular-card--bottom .popular__text {
    width: 30%;
}

.popular-card--center {
    grid-area: 1 / 4 / 7 / 6;
    margin-left: 15px;
}

.popular-card--center .popular__link,
.popular-card--right .popular__link {
    flex-direction: column;
}

.popular-card--center .popular__img {
    width: 100%;
    height: 60%;
}

.popular-card--right .popular__img {
    order: 1;
    height: 100%;
    width: 100%;
}

.popular-card--center .popular__text {
    align-self: flex-end;
    text-align: center;
    margin: 42px auto 85px;
}

.popular-card--center .popular-card__title,
.popular-card--right .popular-card__title {
    text-align: center;
}

.popular-card--right {
    grid-area: 1 / 6 / 7 / 8;
    margin-left: 15px;
}

.popular-card--right .popular__link img {
    bottom: 0;
    right: auto;
}

.popular-card--right .popular__text {
    margin: 72px auto 35px;
}

.rect-btn--popular {
    display: none;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    padding: 12px;
    font-size: 18px;
}

/* POPULAR END */

/* CATEGORIES START */

.categories__inner {
    position: relative;
    margin-top: 50px;
}

.categories__inner:has(.skeleton) .swiper-button-next,
.categories__inner:has(.skeleton) .swiper-button-prev {
    opacity: 0;
}

.categories-slide {
    height: 200px;
}

.categories-slide__link {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    border-radius: 10px;
    padding-top: 10px;
}

.categories-slide__link img {
    height: 130px;
    width: 100%;
    object-fit: none;
}

.categories-slide__link span {
    font-size: 16px;
}

/* CATEGORIES END */

/* COMPLECTS START */

.complects-swiper {
    margin-top: 50px;
}

.complects__wrapper {
    position: relative;
    margin-top: 20px;
}

.complects__item {
    position: relative;
    background-color: #fff;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    transition: var(--default-transition);
}

.complects__item-label {
    position: absolute;
    left: 0;
    top: 30px;
    background-color: #f63b00;
    padding: 10px 20px 10px 10px;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    z-index: 1;
}

.complects__item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

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

.complects__item-info {
    background-color: var(--main-blue);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-radius: 0 0 20px 20px;
}

.complects__item-descr {
    display: flex;
    gap: 20px;
}

.complects__item-name {
    color: #fff;
    font-size: 16px;
}

.complects__item-quantity {
    color: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.complects__item-cost {
    display: flex;
    gap: 10px;
}

.complects__item-old-price {
    color: #8c8c8c;
    font-weight: 600;
    text-decoration: line-through;
}

.complects__item-price {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.complects__link {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-top: 25px;
}

.complects__link svg path {
    transition: var(--default-transition);
}

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

.complects__item-hint {
    position: absolute;
}

/* COMPLECTS END */

/* BESTSELLER START */

.bestseller__inner {
    position: relative;
    z-index: 2;
}

.bestseller__title {
    text-align: center;
}

.bestseller-slider {
    margin-top: 35px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding-bottom: 220px;
    margin-bottom: -220px;
}

.product-card {
    position: relative;
    min-height: 440px;
    min-width: 270px;
    border-radius: 10px;
}

.product-card__img-box {
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--bg-white);
    position: relative;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.product-card__img-box-link {
    position: relative;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.product-card__img-box .thumbs {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    display: flex;
    opacity: 0;
    top: 0;
    left: 0;
}

.thumbs-progressbar {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.progressbar-item {
    height: 3px;
    background-color: #979797;
}

.progressbar-item.current {
    background-color: var(--main-blue);
}

.product-card__img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fast-view-btn {
    position: absolute;
    background-color: rgba(217, 217, 217, .7);
    top: auto;
    bottom: 3px;
    right: 0;
    left: 0;
    height: 35px;
    color: #fff;
    opacity: 0;
    transition: var(--default-transition);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    display: none;
}

.fast-view-btn p {
    font-size: 16px;
    color: #6c7683;
}

.label-container {
    position: absolute;
    top: 10px;
    left: 10px;
    flex-direction: column;
    align-items: flex-start;
    z-index: 5;
}

.label {
    display: inline-block;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.label.label--gift {
	position: absolute;
	bottom: 10px;
	left: 10px;
	top: auto;
}

.label+.label {
    margin-top: 5px;
}

.discount-label {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: var(--red-color);
    padding: 2px 10px;
    border-radius: 5px;
}

.product-card__info-box {
    display: flex;
    padding: 15px 10px;
    gap: 0 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    transition: none;
    display: grid;
    grid-template-areas:
        "A B"
        "A B"
        "C C";
}

.product-card:hover .product-card__info-box {
    border-radius: 0;
}

.product-card__info-box~.product-card__footer-buttons {
    margin-top: 0;
    display: none;
}

.product-card__info-box~.product-card__footer-buttons.active {
    display: flex;
    min-height: 40px;
}

.product-card__mobile-footer {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background-color: #fff;
    display: none;
	padding: 0 8px 10px 8px;
}

.product-card__mobile-fav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 50;
	display: none;
}

.product-card__mobile-footer-inner {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.product-card__mobile-footer .product-card__footer-buttons {
    display: none;
}

.product-card__mobile-footer .product-card__footer-buttons.active {
    display: flex;
}

.product-card__mobile-footer .product-card__buy-click {
    border-radius: 0;
}

.product-info__available {
    display: flex;
    gap: 10px;
    align-items: center;
}

.product-info__color {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.product-info__status {
    font-size: 11px;
    line-height: 16.5px;
}

.product-info__delivery {
    color: #9a9fa8;
    font-size: 11px;
    line-height: 16.5px;
}

.product-card__name:not(a) {
    margin-top: 10px;
    font-size: 14px;
}

.product-card:not(.row) .product-card__name a {
    overflow: hidden;
    display: block;
    line-height: normal;
    max-height: 2.5em;
    height: 2.5em;
}

.product-card__article {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.5;
    height: 2.5em;
    color: var(--no-order-color);
}

.product-card__prices {
    margin-top: -30px;
    grid-area: C;
    width: 80%;
}

.product-card__prices .product-card__price-block {
    position: relative;
    margin-top: 10px;
}

.product-card__prices .product-card__price-block .product-card__price-type {
    position: absolute;
    font-size: 12px;
    top: -1em;
    line-height: 1;
}

.product-card__price {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    white-space: nowrap;
}

.product-card__price--discount {
    color: var(--red-color);
}

.product-card__price-old {
    font-weight: 600;
    font-size: 16px;
    color: var(--no-order-color);
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    text-decoration: line-through;
    white-space: nowrap;
}

.product-card__info-box .product-card__color {
    display: flex;
	flex-wrap: wrap;
	gap: 15px;
    padding: 0 10px;
}

.product-card__tools {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.round-btn-card {
    width: 40px;
    height: 40px;
    border: 1px solid var(--bg-white);
    transition: border-color .5s;
    position: relative;
}

.round-btn-counter--product {
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: none;
}

.product-card .round-btn.active {
    background-color: var(--button-blue);
}

.product-card__tools .round-btn--cart.active span {
    display: block;
}

.round-btn--cart.out-of-stock {
	display: none;
}

.product-card__prices.out-of-stock {
	margin-top: 0;
}

.product-card .round-btn.active path {
    stroke: #fff;
}

.product-card__tools .round-btn.skeleton::before {
    border-radius: 50%;
}

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

.product-card__footer {
    max-height: 0;
    transition: var(--alt-transition);
    position: absolute;
    background-color: #fff;
    z-index: 10;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}

.product-card__color {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 10px;
}

.product-card__color-item {
    position: relative;
}

.product-card__color-label {
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    border-radius: 50%;
}

.product-card__color-label.checked {
    border: 4px solid var(--hover-blue);
}

.product-card__color-item label>input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.product-card__mobile-cart {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    color: #fff;
    width: 80%;
    background-color: var(--button-blue);
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.product-card__mobile-cart.hide {
    display: none;
}

.product-card__mobile-footer .product-card__footer-buttons {
    margin-top: 0;
}

.product-card.row .product-card__footer-buttons {
    max-height: none;
}

.product-card__footer-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    transition: var(--alt-transition);
    max-height: 0;
}

.product-card__footer-buttons.active {
    max-height: 45px;
}

.product-card__buy-cart {
    width: 50%;
    border: none;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 5px;
}

.product-card__counter {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--filter-bg-color);
}

.product-card__mobile-cart.out-of-stock {
	background: var(--no-order-color);
}

.product-card .product-card__buy-cart.hide {
    display: none;
}

.product-card .product-card__counter.hide {
    display: none;
}

.product-card__counter button,
.product-card__counter span {
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    width: 1.5em;
    width: 100%;
}

.product-card__counter button {
    height: 100%;
}

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

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

.product-card__buy-click {
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px 5px 5px 0;
    width: 50%;
}

.bestseller__inner .bestseller-button-prev,
.bestseller__inner .bestseller-button-next {
    top: 225px;
}

.product-card-mini {
    position: absolute;
    width: 100%;
    top: 0;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100px;
    height: 100px;
}

.product-card-mini img {
    width: 100%;
}

/* BESTSELLER END */

/* SHOWROOM START */

section.showroom {
    color: #fff;
}

.showroom-slider {
    background-color: var(--main-black);
    border-radius: 20px;
    height: 688px;
}

.showroom-slide {
    display: flex;
}

.showroom__text {
    padding: 100px 0 50px 50px;
    width: 50%;
    position: relative;
}

.title--showroom {
    position: relative;
}

.title--showroom h2 {
    color: #fff;
}

.title--showroom span {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #343538;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    width: 250px;
    border-radius: 0 10px 10px 0;
    top: calc(100% + 10px);
    left: -50px;
}

.showroom__info--address {
    margin-top: 75px;
}

.showroom__info--hours {
    margin-top: 30px;
}

.showroom__info-title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

.showroom__info-text {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.showroom__info-text p {
    max-width: 280px;
    font-size: 16px;
    line-height: 1.5;
}

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

.rect-btn--showroom {
    margin-top: 60px;
    background-color: #343538;
    border: none;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    padding: 17px 29px;
    display: block;
}

.showroom-gallery-slider {
    width: 50%;
}

.showroom-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination.showroom-pagination {
    bottom: 50px;
    left: 50px;
    width: auto;
}

.swiper-pagination.showroom-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #e2e2e2;
}

.swiper-pagination.showroom-pagination .swiper-pagination-bullet-active {
    background-color: var(--hover-blue);
}

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

/* SHOWROOM END */

/* BRANDS START */

.brands__title {
    text-align: center;
}

.swiper-brands,
.complects-swiper {
    padding: 50px 12px 25px 12px;
    margin: 20px -12px -25px -12px;
    margin-top: 20px;
}

.brands__item {
    display: block;
    /* width: 440px; */
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
}

.brands__item span,
.news__item span {
    display: block;
    transition: var(--default-transition);
    filter: contrast(100%);
}

.brands__item:hover span,
.news__item:hover span {
    filter: contrast(125%);
}

.brands__item-preview {
    width: 100%;
    height: calc(100% - 35px);
    background: center center / cover no-repeat;
}

span.brands__item-name {
    height: calc(100% - 185px);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brands__link {
    display: inline-block;
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

.brands__link svg path {
    transition: var(--default-transition);
}

.brands__link svg {
    margin-left: 5px;
}

.brands__marquee {
    width: 100%;
    margin-top: 50px;
}

.brands__marquee-list {
	display: flex;
	gap: 20px;
}

.brands__marquee-card {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--default-transition);
}

.brands__marquee-card.brand-grey img {
    filter: grayscale(1);
    transition: all .2s;
    max-width: 150px;
}

.brands__marquee-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* BRANDS END */

/* VIDEOS START */

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

.title--videos p {
    max-width: 450px;
}

.videos__inner {
    display: flex;
    justify-content: space-between;
    gap: 0 51px;
    margin-top: 50px;
}

.videos__banner {
    display: flex;
    flex-direction: column;
    gap: 25px 0;
}

.videos__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.videos__banner-cover {
    width: 470px;
    height: 470px;
    display: block;
    border-radius: 10px;
}

.videos__banner-cover img {
    width: 100%;
    border-radius: 10px;
}

.videos__banner-link {
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

.videos__banner-link svg {
    margin-left: 5px;
}

.videos__banner-link svg path {
    transition: var(--default-transition);
}

.videos__list {
    display: flex;
    gap: 0 41px;
}

.videos__item-card {
    width: 265px;
    height: 470px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.videos__item-link {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

.videos__item-button {
    position: absolute;
    width: 65px;
    height: 65px;
    background-color: var(--main-blue);
    border-radius: 50%;
}

.videos__item-link button::before {
    content: '';
    position: absolute;
    background: url('../img/icons/triangle.svg') center center / cover no-repeat;
    width: 21px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-40%);
    z-index: 2;
}

.videos__item-link video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    filter: grayscale(1);
    transition: var(--default-transition);
    border-radius: 10px;
    position: relative;
}

.videos__item-name {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.rect-btn--videos {
    display: none;
    text-align: center;
}

/* VIDEOS END */

/* FAQ START */

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

.faq__inner {
    margin-top: 75px;
    display: grid;
    gap: 20px 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
}

.faq__title {
    text-align: center;
}

.faq__item {
    background-color: #fff;
    padding: 25px 15px;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.faq__item span {
    border: solid #8c8c8c;
    border-width: 0 1px 1px 0;
    display: block;
    padding: 3px;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    transition: var(--alt-transition);
}

.faq__item.active span {
    transform: rotate(225deg);
}

.faq__item-question {
    position: relative;
    font-size: 14px;
    /* width: 100%; */
}

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

.faq__item.active .faq__item-answer {
    overflow: visible;
    height: auto;
    box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
    padding-bottom: 20px;
}

.faq__item-answer {
    position: absolute;
    background-color: #fff;
    color: var(--text-grey-color);
    z-index: 50;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 15px;
    height: 0;
    overflow: hidden;
    transition: all .2s;
    font-size: 18px;
}

.rect-btn--faq {
    margin-top: 30px;
    padding: 15px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}

.rect-btn--faq.skeleton {
    border: none;
}

/* FAQ END */

/* FOOTER START */

.footer {
    background-color: var(--main-black);
    color: #fff;
    flex-shrink: 0;
}

.footer a {
    color: #fff;
}

.footer__inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr) 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.footer__info {
    grid-area: 1 / 1 / 5 / 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10px;
}

.footer__logo {
    display: inline-block;
	max-width: 200px;
}

.footer__logo img {
    width: 100%;
}

.footer__descr {
    margin-top: 10px;
    max-width: 450px;
    color: var(--text-grey-color);
}

.footer__contacts {
    margin-top: 30px;
}

.footer__contacts-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__contacts-item+.footer__contacts-item {
    margin-top: 25px;
}

.footer__contacts-icon-link img {
    width: 100%;
    max-width: 20px;
}

.footer__contacts-box p {
    font-size: 12px;
    color: var(--text-grey-color);
}

.footer__contacts-link {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.footer__nav {
    grid-area: 1 / 3 / 4 / 6;
    display: flex;
    justify-content: space-between;
}

.footer__nav~.footer__contacts {
    display: none;
}

h4.footer__nav-title {
    font-size: 18px;
    font-weight: 700;
}

.footer__nav-list {
    margin-top: 25px;
}

.footer__nav-item+.footer__nav-item {
    margin-top: 20px;
}

a.footer__nav-link {
    color: var(--text-grey-color);
}

a.footer__nav-link--show {
    color: #fff;
}

.footer__bottom {
    grid-area: 4 / 3 / 5 / 6;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
}

.footer__socials {
    display: flex;
    gap: 8px;
}

.round-btn--footer {
    min-width: 48px;
    min-height: 48px;
    background-color: #343538;
}

.footer__confidence,
.footer__confidence a {
    text-align: right;
    color: var(--text-grey-color);
}

.footer__confidence p {
    margin-top: 15px;
}

/* FOOTER END */

/* FASTVIEW START */

#fastView,
#questionForm,
#popupStatus,
#citySelect,
#authRegister,
#complaintForm,
#authLogin,
#ceoForm,
#newClient,
#selectClient {
    visibility: hidden;
    opacity: 0;
    transition: var(--alt-transition);
}

#fastView.active,
#questionForm.active,
#popupStatus.active,
#citySelect.active,
#authRegister.active,
#complaintForm.active,
#ceoForm.active,
#authLogin.active,
#newClient.active,
#selectClient.active {
    visibility: visible;
    opacity: 1;
}

#fastView.active .fast-view__container,
#questionForm.active .question-form,
#authRegister.active .auth__inner,
#authLogin.active .auth__inner,
#citySelect.active .city-select,
#complaintForm.active .modal-container,
#ceoForm.active .modal-container,
#newClient.active .modal-container,
#selectClient.active .modal-container {
    animation: zoomIn .3s;
}

.fast-view__container {
    background-color: var(--bg-white);
    border-radius: 10px;
    overflow: hidden;
    max-height: 100%;
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.fast-view__header {
    height: 50px;
    background-color: var(--main-blue);
    padding: 15px;
    position: relative;
}

.close-btn--fastview {
    margin-left: auto;
}

.close-btn svg path {
    transition: var(--default-transition);
}

.product-box {
    padding: 35px 30px 45px;
}

.product-box__inner {
    gap: 85px;
    margin-top: 25px;
    display: flex;
}

.product-box__gallery {
    max-width: 522px;
    position: relative;
}

.product-box__name-box .product-box__tools {
    display: none;
}

.product-box__name {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 600;
}

.product-box__additional {
    display: flex;
    gap: 0 10px;
    margin-top: 10px;
}

.product-box__additional * {
    font-size: 12px;
    color: var(--subtitle-color);
}

.product-box__additional .article {
    position: relative;
    cursor: pointer;
    padding-right: 5px;
    padding-bottom: 0;
}

.product-box__additional .article:hover .article-hint {
    display: block;
}

.product-box__additional .article .article-hint {
    position: absolute;
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 15px;
    white-space: nowrap;
    z-index: 900;
    box-shadow: 0px 4px 4px 0 rgba(5, 43, 52, .25);
}

.product-box__additional .article .article-hint::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 50%;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
}

.product-box__additional .article::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    display: block;
    width: 14px;
    height: 14px;
    background: url('../img/icons/copy.svg') center / cover no-repeat;
}

.product-box__additional span {
    font-weight: 500;
}

.slider-fastview .slider-fastview-slide,
.slider-product .slider-product-slide {
    width: 522px;
    height: 522px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}

.swiper.slider-fastview img.country,
.swiper.slider-product img.country {
    position: absolute;
    max-width: 70px;
    max-height: 70px;
    right: 15px;
    bottom: 15px;
    z-index: 10;
}

.slider-fastview-slide img,
.slider-product-slide img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

.slider-fastview-slide img.country,
.slider-product-slide img.country {
    position: absolute;
    max-width: 70px;
    max-height: 70px;
    right: 15px;
    bottom: 15px;
}

.slider-fastview-thumbs,
.slider-product-thumbs {
    margin-top: 8px;
}

.slider-fastview-thumbs-slide,
.slider-product-thumbs-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 78px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
}

.slider-fastview-thumbs-slide img,
.slider-product-thumbs-slide img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.slider-fastview-thumbs .swiper-slide-thumb-active,
.slider-product-thumbs .swiper-slide-thumb-active {
    border: 2px solid var(--main-blue);
}

.product-box__info {
    display: grid;
    gap: 13px 42px;
    grid-template-columns: 60% calc(40% - 42px);
}

.product-box__header {
    display: flex;
    gap: 0 42px;
}

.product-box__tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-box__available {
    display: flex;
    align-items: baseline;
    gap: 0 10px;
}

.product-box__color {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.product-box__tool {
    display: flex;
    gap: 0 10px;
    align-items: center;
}

.product-box__tool * {
    transition: var(--default-transition);
}

.product-box__tool button {
    font-size: 14px;
}

.product-box__brand {
    display: flex;
    justify-content: center;
}

.mobile-product-info .product-box__brand-link {
    max-width: 50%;
}

.mobile-product-info .product-box__brand-link img {
    width: 100%;
}

.product-box__brand-link {
    display: block;
}

.product-box__brand-link.brand-grey img {
    filter: grayscale(1);
    transition: var(--default-transition);
}

.product-box__item {
    background-color: #fff;
}

.product-box__item--price {
    border-radius: 10px;
    padding: 5px 31px 16px 30px;
}

.product-box__price-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaebed;
}

.product-box__cost .price {
    font-weight: 600;
    font-size: 35px;
    line-height: 1.3;
}

.product-box__cost .price.price--sale {
    color: var(--red-color);
}

.product-box__cost-type:not(:first-child) {
    margin-top: 5px;
}

.product-box__cost .price:not(:first-child) {
    margin-top: 5px;
}

.product-box__cost .price-type {
    color: var(--subtitle-color);
}

.product-box__delivery {
    display: flex;
    gap: 17px;
    padding-top: 22px;
}

.product-box__delivery img {
    width: 22px;
    height: 22px;
}

.product-box__delivery-text .delivery-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.product-box__delivery-text .delivery-term {
    font-size: 16px;
    line-height: 1.5;
    color: var(--subtitle-color);
}

.product-box__price-buttons {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.product-box__price-buttons .rect-btn {
    width: 50%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.product-box__item--terms {
    justify-content: space-between;
    background-color: transparent;
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
}

.product-box__guarantee {
    display: grid;
    background-color: #fff;
    border-radius: 10px;
    padding: 13px 24px;
}

.product-box__guarantee-item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.product-box__guarantee-text {
    margin: 0;
}

.product-box__guarantee-text dt {
    color: var(--subtitle-color);
}

.product-box__guarantee-text dd {
    margin: 0;
    font-weight: 500;
}

.product-box__colors {
    display: grid;
    padding: 18px 22px;
    background-color: #fff;
    border-radius: 10px;
}

.product-box__colors-title .value {
    font-weight: 500;
}

.product-box__colors-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 15px;
    position: relative;
}

.frame {
    position: absolute;
    width: 25px;
    height: 25px;
    background: transparent;
    border: 4px solid var(--main-blue);
    border-radius: 50%;
    z-index: 1;
    left: 0;
    top: 0;
    transition: transform 0.2s;
}

.product-box__colors-color {
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.product-box__colors-color::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 4px solid var(--main-blue);
    border-radius: 50%;
}

.product-box__colors-color:not(input:checked)::before {
    opacity: 0;
}

.product-box__colors-color:has(input:checked)::before {
    animation: productColorBorder 0s linear 0.2s forwards;
}

@keyframes productColorBorder {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.product-box__colors-item input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.product-box__properties-box+.product-box__properties-box {
    margin-top: 20px;
}

.product-box__item--properties {
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    max-height: 100%;
    overflow: auto;
    max-height: 255px;
}

.product-box__item--properties::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(93, 108, 123, .25);
    border-radius: 10px;
}

.product-box__item--properties::-webkit-scrollbar-thumb {
    background-color: rgba(93, 108, 123, .43);
    border-radius: 10px;
}

.product-box__properties-block+.product-box__properties-block {
    margin-top: 20px;
}

.product-box__properties-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

.product-box__properties-list {
    margin-top: 20px;
}

.product-box__properties-item {
    display: flex;
    align-items: flex-end;
    gap: 0 10px;
}

.product-box__properties-item+.product-box__properties-item {
    margin-top: 20px;
}

.product-box__properties-item .property-name {
    position: relative;
    width: 70%;
}

.product-box__properties-item .property-name span {
    background-color: #fff;
    position: relative;
    color: var(--subtitle-color);
}

.product-box__properties-item .property-name::before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #d9d9d9;
    display: block;
    width: 100%;
    left: 0;
    bottom: 5px;
}

.product-box__item--delivery {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-box__delivery-options {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 53px 10px 27px;
}

.option {
    margin-top: 10px;
}

.option a {
    color: var(--button-blue);
    font-size: 12px;
}

.option span {
    text-transform: uppercase;
}

.option p {
    color: var(--subtitle-color);
    font-size: 12px;
}

.rect-btn--brand {
    height: 36px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding: 0;
}

.product-box__delivery-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
}

.zoom-box {
    position: absolute;
    width: 100%;
    height: 522px;
}

.zoom-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.zoom-overlay {
    position: absolute;
    width: 560px;
    height: 610px;
    left: calc(100%);
    background-repeat: no-repeat;
    z-index: 5;
    display: none;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.zoom-cursor {
    border: 1px solid var(--text-grey-color);
    width: 10px;
    height: 10px;
    opacity: .5;
    background: #fff;
    position: absolute;
    z-index: 5;
    display: none;
    cursor: pointer;
}

/* FASTVIEW END */

/* QUESTION FORM START */

.question-form,
.new-client-form {
    max-width: 1280px;
    width: 100%;
    background-color: var(--button-blue);
    padding: 70px;
    border-radius: 10px;
    position: relative;
}

.question-form__inner {
    display: flex;
    gap: 90px;
}

.question-form__text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.question-form__success {
    display: none;
}

.question-form__success .question-form__title {
    max-width: none;
}

.question-form__success .rect-btn--question-form-success {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.question-form__title {
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    max-width: 500px;
}

#questionTextArea {
    width: 100%;
    max-height: 165px;
    padding: 15px;
    position: relative;
    border-radius: 10px;
    font-size: 16px;
    resize: none;
}

#questionTextArea::placeholder {
    position: absolute;
    top: 15px;
    font-size: 18px;
}

.question-form__user-fields {
    display: flex;
    flex-direction: column;
    width: 450px;
}

#questionPhoneInput,
#questionMailInput {
    padding: 20px 15px;
    width: 100%;
    min-height: 70px;
    font-size: 18px;
    font-weight: 400;
}

.question-form__checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.question-form__checkbox label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.question-form__checkbox label::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;
}

.question-form__checkbox label::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;
}

.question-form__checkbox label:has(input:checked)::after {
    opacity: 1;
}

.question-form__checkbox {
    display: flex;
    gap: 0 5px;
    align-items: center;
    margin-top: 30px;
}

.question-form__checkbox p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}

.question-form__checkbox a {
    line-height: 18px;
    color: #fff;
}

.rect-btn--question {
    background-color: #fff;
    border-color: #fff;
    color: var(--text-black-color);
    font-size: 18px;
    margin-top: 25px;
}

/* QUESTION FORM END */

/* CITY-SELECT START */

.city-select {
    background-color: #fff;
    padding: 45px;
    border-radius: 10px;
    position: relative;
}

.city-select__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}

.city-select__form {
    margin-top: 15px;
    width: 100%;
    position: relative;
}

.city-select__form input {
    width: 100%;
    padding: 15px 48px;
    border-radius: 30px;
    border: 1px solid var(--text-grey-color);
}

.city-select__form input::placeholder {
    font-size: 16px;
    line-height: 1.5;
}

.city-select__form button {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.city-select__popular {
    margin-top: 46px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-grey-color);
    text-align: center;
}

.city-select__cities {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0;
}

.city-select__city {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 33%;
}

.city-select__city.active a::after {
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/icons/check.svg') center center/cover no-repeat;
    width: 10px;
    height: 8px;
    display: none;
}

.city-select__city.active a::after {
    display: block;
}

.city-select__city.active a {
    font-weight: 500;
    color: var(--main-blue);
}

.city-select__city a {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
}

/* CITY-SELECT END */

/* AUTH REGISTER START */

.auth__inner {
    display: flex;
}

.auth__box {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    max-width: 305px;
}

.auth__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.auth__text {
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-grey-color);
    margin-top: 10px;
}

form.auth__form {
    width: 100%;
    margin-top: 10px;
}

.auth__form-group {
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    position: relative;
}

.auth__form-group+.auth__form-group {
    margin-top: 10px;
}

.auth__form-group--checkbox {
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.auth__form-group label,
.auth__form-group--checkbox p {
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-grey-color);
}

.auth__form-group input[required] {
    width: 100%;
    padding: 5px 15px 5px 45px;
    border-color: var(--main-blue);
    position: relative;
    background-position: 10px;
    background-size: 15px;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 1.5;
}

.auth__form-group input::placeholder {
    font-size: 14px;
    line-height: 1.5;
}

#registerFormEntity {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 16px;
    height: 16px;
}

#registerFormEntity+label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#registerFormEntity+label::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid var(--subtitle-color);
    border-radius: 2px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px;
    margin-right: 10px;
}

#registerFormEntity:checked+label::before {
    background-image: url('../img/icons/check.svg');
}

.rect-btn--auth-register,
.rect-btn--auth-login {
    width: 100%;
    padding: 10px;
}

.rect-btn--auth-register {
    margin-top: 25px;
    text-align: center;
}

.auth__footer {
    text-align: center;
    margin-top: 10px;
}

.auth__footer span,
.auth__footer a {
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-grey-color);
}

.auth__footer a {
    color: var(--main-blue);
}

/* AUTH REGISTER END */

/* AUTH VERIFY START */

.round-btn--auth {
    background-color: var(--main-blue);
    width: 30px;
    height: 30px;
}

.auth__title--recover {
    margin-top: 20px;
}

#verifyFormInput,
#recoverFormInput {
    text-align: center;
    padding-left: 0;
}

.auth__form-subtext {
    margin-top: 10px;
    display: flex;
    gap: 5px;
}

.auth__form-subtext span {
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-grey-color);
}

.auth__form-subtext .verify-phone {
    color: var(--text-black-color);
}

/* AUTH VERIFY END */

/* AUTH LOGIN START */
.auth__form-forgot {
    display: block;
    color: var(--main-blue);
    font-size: 12px;
    line-height: 1.5;
}

/* AUTH LOGIN END */

/* FANCYBOX START */

.fancybox__slide.has-image>.fancybox__content {
    background-color: #fff;
}

.fancybox__content>.f-button.is-close-btn {
    top: -6px;
    right: -50px;
}

.fancybox__html5video {
    object-fit: cover;
}

.fancybox__html5video,
.has-html5video .fancybox__content {
    border-radius: 10px;
}

/* FANCYBOX END */

input:focus,
textarea:focus {
    outline: none;
}

#questionTextArea:valid {
    border: 1px solid transparent;
}

input[required],
textarea[required] {
    border: 1px solid transparent;
}

label.invalid input[required],
label.invalid textarea[required] {
    border-color: #e53935;
}

label[data-input-required] {
    position: relative;
    display: flex;
    align-items: center;
}

label.invalid span.require-icon {
    display: block;
}

label span.require-icon {
    position: absolute;
    right: 10px;
    width: 20px;
    aspect-ratio: 1 / 1;
    display: none;
    background: url('../img/icons/input-invalid.svg') center center/cover no-repeat;
    cursor: pointer;
}

label.invalid span.require-icon:hover span.require-icon-hint {
    display: block;

}

label span.require-icon-hint {
    position: absolute;
    display: none;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 7px 0 rgba(62, 91, 133, 0.5);
    border-radius: 10px;
    background-color: #fff;
    white-space: nowrap;
    padding: 14px 12px;
    top: calc(100% + 12px);
    left: -18px;
    z-index: 999;
}

label span.require-icon-hint b {
    font-weight: 500;
    color: #e53935;
}

/* label[data-input-required] span.require-icon-hint:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 25px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #fff transparent;
} */

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

.question-form__user-fields label[data-input-required]:not(:first-child) {
    margin-top: 20px;
}

#questionForm input[required]:invalid,
#questionForm textarea[required]:invalid {
    border-width: 2px;
}

#authLogin label[data-input-required],
#authRegister label[data-input-required],
.auth label[data-input-required] {
    display: block;
}

#authLogin label[data-input-required] span.require-icon,
#authRegister label[data-input-required] span.require-icon,
.auth label[data-input-required] span.require-icon {
    width: 20px;
    height: 20px;
    top: 50%;
    left: calc(100% - 30px);
}

#authLogin label[data-input-required] span.require-icon-hint,
#authRegister label[data-input-required] span.require-icon-hint,
.auth label[data-input-required] span.require-icon-hint {
    font-size: 14px;
    padding: 10px 8px;
    color: var(--text-black-color);
}

.product-card__tools svg path,
.round-btn svg path {
    stroke: var(--button-blue);
}

.swap-display-button svg path {
    fill: #9a9fa8;
}

.benefits__inner {
    display: flex;
    justify-content: space-between;
    gap: 45px;
}

.benefits__item {
    display: flex;
    align-items: center;
    flex-basis: 25%;
    gap: 18px;
}

.benefits__item p {
    max-width: 260px;
    color: var(--subtitle-color);
    font-size: 16px;
}

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

.main-title h1 {
    font-size: 42px;
    text-align: center;
    font-weight: 700;
}

.about-main__text {
    font-size: 16px;
    margin-top: 20px;
}

.about-main__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.about-main__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.benefits-main__inner {
    display: flex;
    justify-content: space-between;
    padding: 60px;
    background: #fff;
    border-radius: 10px;
}

.benefits-main__item {
    text-align: center;
    flex-basis: 25%;
}

.benefits-main__item p:first-child {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-black-color);
}

.benefits-main__item p {
    color: var(--subtitle-color);
    font-size: 16px;
}

.go-top {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /* background-color: var(--main-blue); */
    bottom: -200px;
    left: 50px;
    cursor: pointer;
    transition: all .3s;
    z-index: 999;
}

.go-top::before {
content: '';
  display: block;
  background-image: url('/local/templates/ekrom/images/icons/go-top.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 60px;
  height: 60px;
  transition:
all .3s;
}

.go-top:hover::before {
	background-image: url('/local/templates/ekrom/images/icons/go-top-hover.svg');
}

.go-top.scroll {
    bottom: 50px;
}

.clicker-wrapper {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 10px;
}

.clicker-wrapper img {
    width: 22px;
    height: 22px;
}

.clicker-wrapper .clicker-wrapper__text {
    display: flex;
    position: relative;
}

.clicker-wrapper .clicker-wrapper__text .clicker-wrapper__name {
    font-size: 16px;
    font-weight: 500;
}

.clicker-wrapper .clicker-wrapper__text .clicker-wrapper__price {
    font-size: 16px;
    color: var(--subtitle-color);
}

.clicker-wrapper .round-btn-clicker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--bg-white);
    border-radius: 50%;
    margin-left: auto;
    margin-right: 0;
}

.clicker-wrapper .round-btn-clicker.installation-service-block_checked {
    background: var(--main-blue);
}

.clicker-wrapper .round-btn-clicker.installation-service-block_checked svg path {
    fill: #fff;
}

.clicker-wrapper .installation-service-block_price-discount {
    display: none;
}

.clicker-wrapper[data-discount] .clicker-wrapper__text .clicker-wrapper__price {
    position: absolute;
    top: -1em;
    right: -30px;
    text-decoration: line-through;
    text-decoration-color: var(--red-color);
}

.clicker-wrapper[data-discount] .installation-service-block_price-discount {
    display: block;
    font-size: 16px;
    color: var(--red-color);
}

.product-card__img-box-link .hide-block,
.product-box__gallery .slider-product .hide-block {
    position: absolute;
    bottom: 3px;
    left: 0;
    background: var(--main-black);
    color: #fff;
    padding: 5px 20px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.product-card__img-box-link .hide-block svg,
.product-box__gallery .slider-product .hide-block svg {
	display: none;
}

.product-box__gallery .swiper {
    position: relative;
}

.cart-popup__product-info {
	display: flex;
	align-items: flex-end;
}

.cart-popup__price {
	display: flex;
	flex-direction: column;
}

.cart-popup__old-price {
	text-decoration: line-through;
}

.cart-popup__current-price.red {
	color: var(--red-color);
}

.cart-popup__footer-sum.old {
	font-size: 12px;
	color: var(--subtitle-color);
	text-decoration: line-through;
}