@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;
    transition: var(--default-transition);
}

.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 !important;
    flex-shrink: 0;
    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;
    width: 1.5em;
    text-align: center;
    background: transparent;
}

.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;
	max-height: calc(100vh - 231px)
}

.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: 30px 20px 0 20px;
    overflow-y: auto;
    min-width: 230px;
    max-height: 100vh;
}

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

.catalog-popup__menu-list .catalog-popup__menu-item:first-child {
	margin-top: 40px;
}

.catalog-popup__menu > .catalog-popup__menu-item {
	position: relative;
	margin-top: 0;
}

.catalog-popup__menu > .catalog-popup__menu-item::after {
	content: '';
	position: absolute;
	display: block;
	width: calc(100% + 40px);
	height: 1px;
	background: rgba(93, 108, 123, 0.15);
	bottom: -20px;
	left: -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 {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 15px 12px 65px;
	width: 100%;
    color: var(--text-black-color);
}

.catalog-popup__menu-link img {
	position: absolute;
	left: 10px;
	width: 100%;
	max-width: 35px;
}

.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-brand {
	display: none;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
}

ul.catalog-popup__all-brands {
	column-count: 5;
	margin-top: 50px;
	padding-bottom: 30px;
}

ul.catalog-popup__all-brands li a {
	font-size: 14px;
}

.catalog-popup__menu > .catalog-popup__menu-item.header-popup-brand::after {
	display: none;
}

div.catalog-popup__menu-item:first-child {
	margin-bottom: 20px;
}

.site-burger__frame-list-item {
    display: flex;
    margin: 0 0 16px;
    padding: 0;
    break-inside: avoid-column;
}

.site-burger__frame-list-item-letter {
    font-weight: 700;
    flex: 0 0 auto;
    width: 20px;
    margin-right: 10px;
    text-align: center;
}

.catalog-popup__categories-menu-brand.active {
	display: grid;
	align-items: center;
}

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

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

.catalog-popup__categories-list.popup-brand {
	margin: 0;
	height: 100%;
}

.catalog-popup__categories-list.popup-brand a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	gap: 10px;
}

.catalog-popup__categories-list.popup-brand li.catalog-popup__categories-item {
	height: 100%;
}

.catalog-popup__categories-list.popup-brand a img {
	max-width: 100%;
	filter: grayscale(1);
	transition: var(--alt-transition);
}

.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: contain;
    background-position: center;
    padding: 35px;
    min-width: 250px;
	overflow: hidden;
}

.promo-banner:not(.promo-banner--mini) img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}

.promo-banner.promo-banner--mini img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.catalog-popup__categories-text:nth-child(2) {
    font-weight: 500;
}

.rect-btn--catalog-popup {
	position: relative;
	z-index: 2;
    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;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    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-icon {
    top: 50%;
    left: 25px;
    order: -1;
}

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

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

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

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

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

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

.header__categories-item {
    position: relative;
}

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

.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::after {
    content: '';
    position: absolute;
    top: -10px;
    bottom: 100%;
    left: 0;
    right: 0;
    opacity: 0;
}

.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;
}

.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:not(._hide_popup):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:not(.auth-popup__title) {
    margin-top: 10px;
    color: var(--text-grey-color);
}

.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;
	text-align:center
}

.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: 11px 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%;
    display: block;
}

.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 #d44f68;
}


/* HEADER END */

/* BANNER START */

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

.banner__inner {
    position: relative;
}

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

.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;
    width: 100%;
}

.about-promo__swiper-container .swiper-about-promo-pagination,
.about-office__city-swiper .swiper-pagination-office-city {
    position: static;
    margin-top: 20px;
}

.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;
}

.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;
    text-align: right;
}

.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;
    justify-content: center;
    text-align: center;
    gap: 10px;
    border-radius: 10px;
}

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

.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-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-link .offer {
    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;
    padding: 0;
}

.product-card__img-box .thumb {
    width: 100%;
}

.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;
    width: 100%;
    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 {
    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;
    z-index: 1;
}

.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;
}

.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%;
    position: absolute;
    left: 0;
    top: 3px;
    flex-shrink: 0;
}

.product-info__stock-status {
    padding-left: 18px;
    position: relative;
}

.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: 3.5em;
    height: 3.5em;
}

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

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

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

.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__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);
	border-color: var(--button-blue);
}

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

.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;
    top: 100%;
    left: 0;
    right: 0;
}

.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%;
    margin-bottom: 0;
}

.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;
    overflow: hidden;
}

.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 .product-card__buy-cart.hide {
    display: none;
}

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

.product-card .product-card__counter.hide.active {
    display: grid;
}

.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 p {
    color: #fff;
	font-size: 42px;
	line-height: 1.3;
	font-weight: 700;
}

.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;
    color: inherit;
}

.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: inline-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;
    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 {
    filter: contrast(125%);
}

.brands__item-preview {
    width: 100%;
    height: 100%;
    background: center center / cover no-repeat;
}

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

.brands__item-name img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.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;
}

button.footer__nav-title {
    font-size: 18px;
    font-weight: 700;
	color: #fff;
}

.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 {
    visibility: hidden;
    opacity: 0;
    transition: var(--alt-transition);
}

#fastView.active,
#questionForm.active,
#popupStatus.active,
#citySelect.active,
#authRegister.active,
#complaintForm.active,
#ceoForm.active,
#authLogin.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 {
    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 0 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;
}
.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__tool:hover {
    color: var(--hover-blue);
}

.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: 32px 31px 16px 30px;
}

.product-box__price-header {
    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;
    color: var(--text-black-color);
}

.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, .option b {
    color: var(--button-blue);
    font-size: 12px;
    font-weight: 400;
}

.option span {
    text-transform: uppercase;
}

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

.option>*:last-child {
    margin-bottom: 0;
}

.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 {
    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;
	line-height: 1.3;
    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.invalid::before {
    border-color: #e53935;
}

.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: -10px;
    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;
    padding-left: 25px;
}

/* CITY-SELECT END */

/* AUTH REGISTER START */

.auth__inner {
    display: flex;
}

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

.js-auth-step {
    display: none;
}

.js-auth-step._active {
    display: block;
}
.auth__form-group._hidden, .auth .auth-form__label._hidden {
    display: none;
}

.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 {
    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;
}

.auth-checkbox {
    display: block;
}

.auth__form-group .auth-checkbox__input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 16px;
    height: 16px;
}

.auth-checkbox__input+.auth-checkbox__content {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.auth-checkbox__content::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;
    flex-shrink: 0;
}

.auth-checkbox.invalid .auth-checkbox__content::before {
    border-color: #f63b00;
}

.auth-checkbox__input:checked+.auth-checkbox__content::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,
textarea {
    border: 1px solid transparent;
}

label.invalid input,
label.invalid textarea {
    border-color: #e53935 !important;
}

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;
    z-index: 99;
}

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] textarea + span.require-icon {
    top: 75%;
}

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

#questionForm input,
#questionForm textarea {
    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: auto;
    transform: translateY(-50%)
}

#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;
}

.product-card .offer:not(.show) {
    display: none;
}

/*fix bootstrap styles*/
section.brands {
    padding: 30px 0;
}
a:hover {
    text-decoration: none;
}
.new_privacy-policy-confirm a {
    color: var(--hover-blue);
}

.toast:not(.toast_showing) {
    opacity: 1;
}
.text-error {
    color: #e53935;
    margin-bottom: -37px;
    min-height: 27px;
    margin-top: 10px;
}
.auth__box .text-error, .auth-box .text-error {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}
.auth__box .text-error._show, .auth-box .text-error._show {
    display: block;
}

.auth-box {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.auth-box.auth-start .rect-btn--auth,
.auth-box.auth-password-success .rect-btn--auth,
.auth-box.auth-welcome .rect-btn--auth {
    width: 100%;
}
.auth-form {
    max-width: 100%;
}
.auth-form__label input.tel {
    background-image: url('../img/icons/auth-form/phone.svg');
}
.auth-form__label input[type="text"].captcha-input {
    background-image: none;
}
footer .container {
    padding-left: 15px;
    padding-right: 15px;
}

li.breadcrumbs__item {
    color: unset;
    line-height: unset;
    display: unset;
    font-size: unset;
}
li.breadcrumbs__item a {
    padding: 0;
    color: inherit;
    text-decoration: none;
    vertical-align: unset;
}
.breadcrumbs .breadcrumbs__item::before {
    content: none;
}
.breadcrumbs .breadcrumbs__item:last-child span {
    padding: 0;
}
.breadcrumbs .breadcrumbs__item:last-child span.slash {
    display: none;
}
.tags__item a::before {
    content: none;
}

.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-box__gallery .slider-product .hide-block {
    z-index: 3;
    width: 100%;
	bottom: 0;
	border-radius: 0 0 10px 10px;
	padding: 10px 20px;
}

.about-text.bg {
    background-color: transparent;
}

.mobile-counter._hidden, .round-btn-counter._hidden {
    display: none;
}
.product-box__cost .price {
    margin-bottom: 0;
}
ul.product-info__list, ul.product-info__pickup-list {
    display: block;
}
ul.product-info__list li {
    display: block;
}
.product-box__brand._mobile {
    display: none;
}

.captcha-img {
    max-width: 100%;
    width: 180px;
    height: 40px;
    object-fit: contain;
}
.captcha-container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 5px;
}
.reload-button {
    flex-shrink: 0;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../img/icons/rotate-right-solid.svg');
}
.modal .auth__box {
    max-height: calc(100vh - 30px);
    overflow: auto;
}
.input-position {
    position: relative;
}
.auth-form__label .input-position {
    margin-top: 5px;
}
.auth-form__label .input-position input:not([type="checkbox"]) {
    margin-top: 0;
}
.auth-form__label input {
    line-height: normal;
}
.auth-form__label--checkbox.invalid p::before {
    border-color: #e53935;
}

/* yandex share */
.product-box__tool--share {
    position: relative;
}
.product-box__tool--share .ya-share2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.product-box__tool--share .ya-share2__list {
    display: block;
}
.product-box__tool--share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    display: block;
}
.product-box__tool--share .ya-share2__link_more {
    width: 100%;
    height: 21px;
    opacity: 0 !important;
}
.product-box__tool--share .ya-share2__popup {
    z-index: 10;
}
.product-box__tool--share .ya-share2__popup_x-direction_left {
    right: auto;
    left: 0;
}

.modal label span.require-icon-hint {
    left: auto;
    right: -10px;
    max-width: 238px;
    width: max-content;
    white-space: unset;
}

.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 h3 {
    font-size: 42px;
	line-height: 1.2;
    font-weight: 700;
}

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

.product-card .product-card__feature-list .offer {
	position: relative; 
}

.product-card .product-card__feature-list .offer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 0;
}

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

.clicker-wrapper .round-btn-clicker svg path,
.clicker-wrapper .round-btn-clicker svg,
.clicker-wrapper .round-btn-clicker {
	transition: var(--alt-transition);
}

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

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

.clicker-wrapper.installation-service-block_checked .round-btn-clicker svg {
	transform: rotate(45deg);
}

.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;
	cursor: pointer;
	text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-underline-offset: 5px;
	transition: var(--default-transition);
}

.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 .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);
}

.installation-service-block__main-container {
	position: relative;
	display: flex;
	align-items: baseline;
	font-size: 16px;
}

installation-service-block > i.installation-service-block__tip {
	margin-left: 30px;
}

.installation-service-block__checkbox-label {
	cursor: pointer;
}

installation-service-block.clicker-row {
	border: 1px solid rgba(93, 108, 123, 0.2);
	border-radius: 10px;
	padding: 10px;
}

.installation-service-block__checkbox-label ~ strong {
	margin-left: 30px;
	font-weight: 500;
	text-decoration-line: underline;
	text-decoration-style: dashed;
	text-underline-offset: 5px;
	text-decoration-thickness: from-font;
	border: none;
}

.installation-service-block__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;
}

.installation-service-block__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;
}

.installation-service-block__checkbox-label:has(input:checked)::after {
	opacity: 1;
}

.installation-service-block__checkbox-label input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.ismb__overlay .ismb__add-button {
	background: var(--main-blue);
	transition: var(--default-transition);
}

.ismb__overlay .ismb {
	color: var(--main-black);
}

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

.ismb__overlay .ismb__included-block-button {
	transition: var(--default-transition);
}

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

.ismb__overlay .ismb__close-button svg path,
.ismb__overlay .ismb__included-block-button svg path,
.ismb__overlay .ismb__pros-item svg path {
	fill: var(--button-blue);
	transition: var(--default-transition);
}

.product__info .date-refresh {
	margin-top: 30px;
}

.page-banner.discount .title.title--discount {
	display: flex;
	justify-content: center;
	align-items: center;
}


@media (min-width: 993px) {
    .product-card__tools {
        justify-content: end;
    }
}
@media (max-width: 992px) {
    .text-error {
        margin-bottom: -10px;
        min-height: 0;
    }
    .product-card__mobile-cart.active {
        display: none;
    }
    .aside .filter {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset;
        background: transparent;
        padding: 0;
        overflow: unset;
    }
}
@media (max-width: 400px) {
    section.brands {
        padding: 15px 0;
    }
}