.new-scroll-style {
    scrollbar-color: var(--color-primary) var(--color-gray-bg);
    scrollbar-width: thin;
}
.new-scroll-style::-webkit-scrollbar {
    width: 8px;
    background-color: var(--color-gray-bg);
}.new-scroll-style::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--color-primary);
}
.geo-modal {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    opacity: 0;
    transition: opacity .25s ease-in-out;
}

.geo-modal.active {
    opacity: 1;
}

.wrap_196d {
    z-index: 900 !important;
}

.geo-modal__mobile-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.geo-modal__mobile-icon {
    display: inline-block;
     width: 14px;
     height: 18px;
    margin-right: 6px;
}
.geo-modal__mobile-title {
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.geo-modal__modal {
    box-sizing: border-box;
    border-radius: 5px;
    font-family: "Raleway", sans-serif;
    width: 350px;
    background-color: #ffffff;
    transition: height .25s ease-in-out;
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.geo-modal__section-content {
    padding: 40px 20px 30px 20px;
}

.geo-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
}
@media (max-width: 1024px){
	.geo-modal__close img{
		width: 13px;
		height: 13px;
		object-fit: cover;
	}
}
.geo-modal__close:hover {
    cursor: pointer;
}

.geo-modal__modal.s-main {
    height: 170px;
}
.geo-modal__modal.s-select {
    height: 300px;
}

.geo-modal__region {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;

	color: var(--color-gray);

	margin-bottom: 5px;
}

.geo-modal__region-name {
	font-style: normal;
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
	margin-bottom: 20px;
	color: var(--color-black);
}

.geo-modal__btns-block {
	display: flex;
}

.geo-modal__btns-ok {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    width: 100%;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    border-radius: 60px;
    background-color: transparent;
    -webkit-transition: color 0.2s ease-in-out,  background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,  background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,  background-color 0.2s ease-in-out;
}

.category .category__wrapper .right-content .product-block .product-block-wrapper.pagination_container-view-3-col.block-view-1-active {
	grid-template-columns: 100%;
}

.product-card-slick .block .top-content {
	height: auto;
}
.product-card-slick .block .top-content a{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 100%;
}

.block-view-1-col .top-content,
.block-view-2-col .top-content,
.block-view-3-col .top-content{
	height: auto;
}
.block-view-1-col .top-content a,
.block-view-2-col .top-content a,
.block-view-3-col .top-content a{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 100%;
}

.item.block.product-card-pop-up.block-view-1-col img {
	width: 100% !important;
}

.top-content a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1024px){
	.geo-modal__btns-ok {
		flex: 0 1 50%;
		min-height: 40px;
		padding: 0 15px;
		margin-right: 15px;
		background-color: var(--color-primary);
		color: #fff;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
		border-radius: 60px;
	}
}
.geo-modal__btns-ok:hover {
    color: #fff;
    background-color: var(--color-primary);
}
.geo-modal__btns-also {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 16px 29px;
	text-align: left;
    width: 100%;
    color: var(--color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color: transparent;
}
@media (max-width: 1024px){
	.geo-modal__btns-also {
		flex: 0 1 50%;
		min-height: 40px;
		padding: 0 15px;
		border: 1px solid var(--color-primary);
		box-sizing: border-box;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
		border-radius: 60px;
		text-align: center;
	}
}
.geo-modal__btns-also:hover {
	color: var(--color-primary-dark);
	-webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.geo-modal__input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 40px;
    border: 1.2px solid var(--color-primary-dark);
    border-radius: 60px;
    background-color: transparent;
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 35px;
    color: var(--color-black);
}
.geo-modal__city-list {
    height: 130px;
    width: 100%;
    overflow-y: scroll;
}
.geo-modal__city {
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-gray);
    margin-bottom: 16px;
    transition: color 0.25s ease-in-out;
    padding-left: 20px;

}
.geo-modal__city.active,
.geo-modal__city:hover {
    color: var(--color-primary);
    cursor: pointer;
}

/* START New mobile menu */
.new-mobile-menu {
    display: none;
}
.new-mobile-menu {
    position: fixed;
    display: none;
    top: 60px;
    left: 100%;
    bottom: 50px;
    width: 100%;
    background-color: #ffffff;
    z-index: 90;
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
}
.new-mobile-menu__content {
	 height: 100%;
    overflow-y: auto;
}
.new-mobile-menu.active {
    display: block;
}
.new-mobile-menu * {
    box-sizing: border-box;
}
.new-mobile-menu__top-wrapper {
    height: 76px;
}
.new-mobile-menu__top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--color-primary-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: #ffffff;
    z-index: 1;
}
.new-mobile-menu__top-logo {
    height: 44px;
    width: auto;
}
.new-mobile-menu__top-logo img {
    height: 44px;
    width: auto;
}
.new-mobile-menu__top-logo-link {
    display: block;
    text-decoration: none;
}
.new-mobile-menu__top-btns {
    display: flex;
    align-items: center;
}
.new-mobile-menu__top-search,
.new-mobile-menu__top-close {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    width: 20px;
    height: 20px;
}
.new-mobile-menu__top-close {
    margin-left: 20px;
}
.new-mobile-menu__content-white,
.new-mobile-menu__content-gray {
    padding: 0 15px;
}
.new-mobile-menu__content-gray {
    background-color: var(--color-gray-bg);
}
.new-mobile-menu__white {
    border-top: 1px solid var(--color-gray-blue);
    font-family: "Rubik", sans-serif;
}
.artvin-new-mobile-menu__white {
    border-top: 1px solid #F8F7F7;
    font-family: "Rubik", sans-serif;
}
.new-mobile-menu__white-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
}
.new-mobile-menu__white-title-text {
    text-decoration: none;
    color: var(--color-main);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.03em;
    transition: 0.2s ease-in-out;
}
.artvin-new-mobile-menu__white-title-text {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color-main);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.03em;
    transition: 0.2s ease-in-out;
}
.new-mobile-menu__white-title-icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
}
.new-mobile-menu__white-title-icon svg {
    fill: var(--color-main);
    transition: 0.2s ease-in-out;
}
.new-mobile-menu__white.active .new-mobile-menu__white-title-text {
    color: var(--color-primary-dark);
}
.new-mobile-menu__white.active .new-mobile-menu__white-title-icon {
    transform: rotate(180deg);
}
.new-mobile-menu__white.active .new-mobile-menu__white-title-icon svg {
    fill: var(--color-primary-dark);
}
.new-mobile-menu__white-content {
    padding-top: 2px;
    padding-bottom: 18px;
    display: none;
}
.new-mobile-menu__white-content.active {
    display: block;
}
.new-mobile-menu__white-content-link {
    text-decoration: none;
    color: var(--color-main);
    font-size: 15px;
    margin-bottom: 12px;
    display: block;
}
.new-mobile-menu__white-content-link:last-child {
    margin-bottom: 0;
}
.new-mobile-menu__gray {
    border-top: 1px solid #EFF0F2;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.new-mobile-menu__gray:first-child {
    border-top-color: var(--color-gray-bg);
}
.new-mobile-menu__gray-icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.new-mobile-menu__gray-icon img {
	width: 23px;
	height: 23px;
	object-fit: contain;
}
.new-mobile-menu__gray-icon svg path {
    fill: var(--color-primary-dark);
}
.new-mobile-menu__gray-text {
    font-family: "Rubik",sans-serif;
    font-size: 15px;
    padding-top: 2px;
    font-weight: 400;
    color: var(--color-main);
}
.new-mobile-menu__gray-text .counter {
    display: none;
    color: var(--color-primary-dark);
}
.new-mobile-menu__gray-text .counter.active {
    display: inline;
}
.new-mobile-menu__gray-text--green {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-primary-dark);
}
.new-mobile-menu__tel {
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
}
.new-mobile-menu__tel-link {
    display: block;
    text-decoration: none;
    color: var(--color-main);
    font-weight: 500;
    font-size: 19px;
    margin-bottom: 5px;
    font-family: "Rubik", sans-serif;
}
.new-mobile-menu__tel-link:first-child::after {
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url("/img/base/icons/arrow-black-down.svg") no-repeat center center / contain;
}
.new-mobile-menu__tel-link:nth-child(2) {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-gray);
}
.new-mobile-menu__tel-btn {
    padding: 16px;
    font-weight: 500;
    font-size: 15px;
    background: var(--color-primary);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 60px;
    color: #ffffff;
    width: 100%;
}


@media (max-width: 767px) {
    .new-mobile-menu {
        display: block;
    }
}

/* END New mobile menu */

/* @media (max-width: 767px) { */
@media (max-width: 1024px) {
    .geo-modal__modal {
        width: 100%;
        border-radius: 5px 5px 0 0;
        top: unset;
        bottom: 60px;
    }

    .geo-modal__modal.s-main {
        height: 170px;
    }.geo-modal__modal.s-select {
        height: 80vh;
    }
    .geo-modal__city-list {
        height: calc(80vh - 160px);
    }
}
.left-content > #shopFilterForm {width: 100%;}
#shopFilterForm {
    display: inline-block;
    float: right;

}
.category .category__wrapper .left-content .specifications {
    position: relative;
}
.category .category__wrapper .left-content .specifications .button-block {
    background-color: #ffffff;
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-left: 19px;
    padding-right: 19px;
    margin-left: -19px;
    margin-right: -19px;
}
@media (max-width: 1170px) {
    .category .category__wrapper .left-content .specifications .button-block .apply {
        padding: 11px 18px;
    }
}
@media (max-width: 1024px) {
    .category .category__wrapper .left-content .specifications .button-block .apply {
        padding: 11px;
    }
    .category .category__wrapper .left-content .specifications .button-block {
        padding-top: 10px;
        padding-bottom: 45px;
        margin-top: 16px;
    }
}
#mega_menu>ul>li:hover>ul {
    display: block !important;
}
#mega_menu>ul>li.dm-item_submenu-mega:hover>ul {display: flex !important;}
#mega_menu>ul>li:hover {
    border-top: solid 3px var(--color-primary)!important;
    /*box-shadow: 1px 2px 10px rgb(30 30 30 / 8%);*/
}
#mega_menu>ul>li:hover>a:before {
    border-bottom-color: var(--color-primary)!important;
}
#mega_menu>ul>li:hover>a:after {
    transform: rotate(180deg);
    bottom: 2px !important;
}
@media (max-width: 1024px){
	 .__jivoMobileButton {
		 bottom: 140px !important;
         display: none !important;
	 }
    .fancybox-container {
        z-index: 1199992 !important;
    }
}
@media (max-width: 991px) {
    .tb__count {
        display: none !important;
    }
    .tb__count.active {
        display: flex !important;
    }
    .modal .modal-dialog {
         top: 100px
    }
    .__jivoMobileButton {
        /* bottom: 50px !important; */
    }
}
/* Стили для модального окна фильтра. Перенести в sass */
.tbc {
    --tbc-header-height: 60px;
    --tbc-tapbar-height: 60px;

    box-sizing: border-box;
    font-family: "Raleway", sans-serif;

    display: none;
}
.tbc * {
    box-sizing: border-box;
}
.tbc__bg {
    position: fixed;
    top: var(--tbc-header-height);
    bottom: var(--tbc-tapbar-height);
    width: 100%;
    left: 0;
    z-index: 90;
    background: rgba(0, 0, 0, 0.2);
    transition: 0.2s ease-in-out;
    opacity: 0;
}
.tbc.is-bg .tbc__bg {
    opacity: 1;
}
.tbc-section {
    position: fixed;
    top: var(--tbc-header-height);
    bottom: var(--tbc-tapbar-height);
    width: 100%;
    left: 100%;
    transition: 0.2s ease-in-out;
    background-color: #ffffff;
    z-index: 100;
}
.tbc-section__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tbc-section__scroll-section {
    height: 100%;
    overflow-y: auto;
}
.tbc-section__content {
    padding: 25px 0;
}
.tbc-section__content--search {
    padding-bottom: 10px;
    height: 100%;
}
.tbc-section__content--nopd {
    padding: 0;
}
.tbc-section__citem {
    padding: 0 15px;
}
.tbc-section__content .section-title {
    margin-bottom: 15px;
}
.tbc-section__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 1;
    display: none;
}
.tbc-section.is-open {
    left: 0;
}
.tbc-section-search {
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tbc-section-search .geo-modal__region-name,
.tbc-section-search .geo-modal__input-wrapper {
    flex-shrink: 0;
    padding-right: 10px;
}
.tbc-section-search__swrap {
    margin-bottom: 20px;
}
.tbc-section-search__swrap .geo-modal__input {
    font-size: 15px;
    padding: 23px 15px;
}
.tbc-section-search__err {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.4;
    display: none;
}
.tbc-section-search__err.active {
    display: block;
}
.tbc-section-search__addit {
    display: none;
}
.tbc-section-search__addit.active {
    display: block;
}
.tbc-section-search__addit-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}
.tbc-section-search__addit-links {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
}
.tbc-section-search__addit-link {
    display: block;
    text-decoration: none;
    color: var(--color-black);
    font-weight: 500;
    font-size: 12px;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 5px 10px rgba(49, 49, 49, 0.08);
    border-radius: 100px;
    background: #F8FAFC;
    padding: 8px 15px 6px;
}
.tbc-section-search__results {
    overflow-y: auto;
    display: none;
    padding-right: 10px;
}
.tbc-section-search__results.active {
    display: block;
}
.tbc-section-search-res {
    display: block;
    color: var(--color-gray);
    text-decoration: none;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 17px;
}
.tbc-section-search-res:last-child {
    margin-bottom: 0;
}
.tbcpl-spoiler {
    margin-left: -15px;
    margin-right: -15px;
}
.tbcpl-spoiler__i {
    padding: 0 15px;
}
.tbcpl-spoiler__f {
    padding-bottom: 15px;
}
.vue-filter-list {
    position: relative;
}
.ppl-new-list {
    margin-top: 50px;
}
.ppl-new-list .ppl-more-buy__btn {
    min-height: unset;
    margin-top: 15px;
    max-width: 140px;
}
.ppl-new-list .ppl-more__info {
    padding-bottom: 0;
}
.pmp-price__current,
.pmp-price__old {
    white-space: nowrap;
}
.vue-filter-list__loader,
.vue-smart-filter__loader {
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.vue-filter-list__loader::after,
.vue-smart-filter__loader::after {
    content: "";
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border: 5px solid var(--color-primary);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: f-rotation 1s linear infinite;
}
.vue-smart-filter__btn-wrap {
    height: 90px;
}
.vue-smart-filter__btn-inner {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 15px;
    z-index: 1;
    background-color: #ffffff;
}
.is-vue-s {
    padding: 0 10px;
}
.vue-smart-filter__btn {
    position: relative;
    height: 50px;
    display: inline-flex !important;
}
.vue-smart-filter__btn .mf-btn___text {
    transition: opacity 0.2s ease-in-out;
}
.vue-smart-filter__btn::after {
    content: "";
    position: absolute;
    left: calc(50% - 14px);
    top: calc(50% - 14px);
    width: 28px;
    height: 28px;
    border: 3px solid #ffffff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: f-rotation 1s linear infinite;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.vue-smart-filter__btn.is-loader {
    pointer-events: none;
}
.vue-smart-filter__btn.is-loader::after {
    opacity: 1;
}
.vue-smart-filter__btn.is-loader .mf-btn___text {
    opacity: 0;
}
.is-vue .mf-spoiler__list {
    margin-bottom: 5px;
}
.v-fade-enter-active,
.v-fade-leave-active {
    transition: opacity .3s ease;
}

.v-fade-enter-from,
.v-fade-leave-to {
    opacity: 0;
}

@keyframes f-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*  START ppz-popups */
.ppz {
    --ppz-index: 1000002;
    --ppz-top: 0;
    --ppz-bottom: 0;
    --ppz-radius: 6px 0px 0px 6px;
    --ppz-top-minimal: 50px;
	
	--ppz-right: -100%;
    --ppz-bt-m: 0;

    box-sizing: border-box;
    font-family: "Raleway", sans-serif;

    position: fixed;
    top: var(--ppz-top);
    left: 0;
    right: 0;
    bottom: var(--ppz-bottom);
    z-index: var(--ppz-index);
    visibility: hidden
}
.ppz__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: .2s cubic-bezier(0.71, 0.04, 0.67, 0.99)
}
.ppz__first {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.ppz__top {
    flex: 1;
    min-height: var(--ppz-top-minimal);
}
.ppz__main {
    background: #ffffff;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 560px;
    overflow: hidden;
    border-radius: var(--ppz-radius);
    transition: .2s cubic-bezier(0.48, 0.1, 0.39, 0.93);
    bottom: var(--ppz-bt-m);
	right: var(--ppz-right);
}
.ppz__scroll-sect {
    flex: 1;
    overflow-y: auto;
}
.ppz.is-open .ppz__bg {
    opacity: 1;
}
.ppz.is-open {
    --ppz-bt-m: 0;
	--ppz-right: 0;
    visibility: visible;
}
/*  END ppz-popups */


.ppz-exit__wrapper {
    height: 70px;
}
.ppz-exit__wrapper.high-content {
    height: 150px;
}
.ppz-exit__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 1;
    padding: 20px 50px 50px;
    display: flex;
    align-items: center;
}
/*.ppz__content {*/
/*    min-height: 250px;*/
/*}*/

@media (max-width: 1024px) {
    .tbc.is-active {
        display: block;
    }

    .product-block-page {
        display: none;
    }

    .hover-button.factCardView {
        display: none !important;
    }

    .is-desktop-only {
        display: none !important;
    }

    .category {
        margin-top: 0;
    }
    .text-page__wrapper {
        /* overflow-x: auto; */
    }
	.ppz__first {
		flex-direction: column;
	}
	.ppz {
		--ppz-radius: 6px 6px 0px 0px;
		--ppz-bt-m: -100%;
		--ppz-right: 0;
	}
	.ppz__main {
		flex: 0 1 auto;
	}
	.ppz-exit__inner {
		padding: 20px;
	}
}

.mf-check-line.is-onli-top {
    border-bottom: none;
}
.ppz-statics {
    display: none;
}
.vue-smart-sort .ppl-head {
    margin-bottom: 15px;
}
.vue-smart-sort .mf-check-line__icon {
    border: 1px solid var(--color-gray) !important;
}
#vue-smart-material .ppl-color__ctrl {
    width: auto;
}

.is-hidden {
    display: none !important;
}
.shop-f-link {
    pointer-events: none;
    color: var(--color-black);
    text-decoration: none;
    transition: opacity .2s ease-in-out;
}
#shopFilterForm.is-locked .label-container,
#shopFilterForm.is-locked .checkbox {
    pointer-events: none;
}
#shopFilterForm.is-locked .shop-f-link {
    opacity: 0.7;
}
#shopFilterForm.is-locked .button-block .apply {
    color: transparent;
    position: relative;
}
#shopFilterForm.is-locked .button-block .apply::after {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotationpp 1s linear infinite;
}

@keyframes rotationpp {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#shopFilterForm .label-container.disabled {
    opacity: 0.6;
    cursor: default;
}


/* Фикс окна с городами */
#city-modal .modal-body {
    margin: 0;
    overflow-y: auto;
    flex-wrap: nowrap;
}