@font-face {
    font-family: 'Manrope-Regular';
    src: url('../src/assets/fonts/Manrope-Regular.eot');
    src: url('../src/assets/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
    url('../src/assets/fonts/Manrope-Regular.woff2') format('woff2'),
    url('../src/assets/fonts/Manrope-Regular.woff') format('woff'),
    url('../src/assets/fonts/Manrope-Regular.ttf') format('truetype'),
    url('../src/assets/fonts/Manrope-Regular.svg#Manrope-Regular') format('svg');
}

@font-face {
    font-family: 'Manrope-Medium';
    src: url('../src/assets/fonts/Manrope-Medium.eot');
    src: url('../src/assets/fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
    url('../src/assets/fonts/Manrope-Medium.woff2') format('woff2'),
    url('../src/assets/fonts/Manrope-Medium.woff') format('woff'),
    url('../src/assets/fonts/Manrope-Medium.ttf') format('truetype'),
    url('../src/assets/fonts/Manrope-Medium.svg#Manrope-Medium') format('svg');
}

@font-face {
    font-family: 'Manrope-SemiBold';
    src: url('../src/assets/fonts/Manrope-SemiBold.eot');
    src: url('../src/assets/fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../src/assets/fonts/Manrope-SemiBold.woff2') format('woff2'),
    url('../src/assets/fonts/Manrope-SemiBold.woff') format('woff'),
    url('../src/assets/fonts/Manrope-SemiBold.ttf') format('truetype'),
    url('../src/assets/fonts/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg');
}
@font-face {
    font-family: 'Manrope-Bold';
    src: url('../src/assets/fonts/Manrope-Bold.eot');
    src: url('../src/assets/fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
    url('../src/assets/fonts/Manrope-Bold.woff2') format('woff2'),
    url('../src/assets/fonts/Manrope-Bold.woff') format('woff'),
    url('../src/assets/fonts/Manrope-Bold.ttf') format('truetype'),
    url('../src/assets/fonts/Manrope-Bold.svg#Manrope-SemiBold') format('svg');
}

@tailwind base;
@tailwind components;
@tailwind utilities;
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

/*html:not(.with-fancybox),*/
/*html:not(.with-fancybox) body {*/
/*    scrollbar-gutter: stable;*/
/*}*/

.btn-primary {
    @apply flex justify-center items-center min-h-14 duration-300 border border-black text-black hover:text-white hover:bg-black;
}



.btn-secondary {
    @apply flex justify-center items-center min-h-14 duration-300 bg-black border border-black text-white hover:text-black hover:bg-white;
}
@media (min-width: 1000px) {
    .btn-secondary.bthWhiteMd {
        @apply border-white bg-white text-black hover:bg-transparent hover:text-white;
    }
}
.btn-white {
    @apply flex justify-center items-center min-h-14 duration-300 bg-white border border-white text-black hover:text-white hover:bg-black;
}

.loadingBtn{
    @apply relative pointer-events-none text-transparent min-h-[2.875rem];
}
.loadingBtn:after{
    content: '';
    @apply animate-spin size-7 bg-loadingIc duration-300 absolute top-1/2 left-1/2 -ml-[0.875rem] -mt-[0.875rem] bg-contain bg-center bg-no-repeat;
}
.loadingBtn.sizeLg{
    @apply min-h-7;
}
html,
body {
    @apply text-base font-regular;
    line-height: 1.2;
}

.ic {
    @apply bg-contain bg-center bg-no-repeat;
}

.wrapCardBtn .cardBtn:has(+ .cardBtnText){
    margin-right: auto;
}
.dropdownCustom:not(.active) {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.fadeSwiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}

picture {
    font-size: 0;
    line-height: 1;
}


/* ++ group\/input ++ */

.group\/input:has(input:focus) .group-hover\/input\:leading-13{
    line-height: 1.3;
    font-size: 0.75rem;
    top: 0;
}
/* -- group\/input -- */



/* ++ menuH ++ */

.menuH .scroll-content{
    @apply max-lg:min-h-full max-lg:flex max-lg:flex-wrap max-lg:w-full;
}

/* -- menuH -- */

/* ++ choice ++ */
.choiceSlate .choices{
    @apply leading-none;
}
.choiceSlate .choices .choices__inner{
    @apply border-0 bg-slate-1 px-2 py-4 rounded-none flex items-center;
}
.choiceSlate .choices .choices__button{
    @apply hidden;
}
.choiceSlate .choices .choices__list--single{
    @apply py-0 pl-0 pr-8 text-base flex-1 overflow-visible;
}
.choiceSlate .choices .choices__list--single .choices__placeholder{
    @apply opacity-100;
}
.choiceSlate .choices:after{
    @apply size-6 bg-contain bg-center bg-no-repeat duration-300 rotate-90 bg-arrRightBlackLg border-0 right-2 -mt-3;
}
.choiceSlate .choices.is-open:after{
    @apply -mt-3 rotate-[270deg];
}
.choiceSlateDropdown .scrollCustom{
    @apply my-1 rounded-none border-slate-3;
}
.choiceSlateDropdown .scrollCustom .choices__item{
    @apply px-2 py-4 after:hidden leading-none text-base duration-300;
}
.choiceSlateDropdown .scrollCustom .choices__item.is-selected,
.choiceSlateDropdown .scrollCustom .choices__item:hover{
    @apply bg-slate-1;
}
.choiceSlateDropdown .scrollCustom .choices__placeholder{
    @apply hidden;
}
.choiceClock .choices__inner:before{
    content: '';
    @apply size-4 bg-contain bg-center bg-no-repeat bg-clockBlack mr-1;
}
.choiceSlateDropdown .choices__list .choices__list{
    max-height: none !important;
    overflow: visible !important;
}
.choiceSlateDropdown .choices__list{
    overflow: auto;
    max-height: 15.125rem;
}

/* -- choice -- */

/* ++ custom grid ++ */
.modalMihH{
    min-height: calc(100vh - 3.25rem);
}
.modalMaxH{
    max-height: calc(100vh - 3.25rem);
}
@media (min-width: 1200px) {
    .wrapCardSwiper{
        max-height: calc(100vh - 9.5rem);
    }
}

@media not all and (min-width: 768px){
    .wrapNotActiveFixedMax2md:not(.active) .NotActiveFixedMax2md{
        position: fixed;
    }
}

.scrollbar-track-y{
    @apply sm:!w-[0.625rem] !w-2 !opacity-100 !bg-transparent;
}

.scrollbar-track-y .scrollbar-thumb{
    @apply w-1 bg-slate-5 rounded-bl;
}
.scrollbar-track-x{
    @apply sm:!h-[0.625rem] !h-2 !opacity-100 !bg-transparent;
}
.scrollbar-track-x .scrollbar-thumb{
    @apply h-1 bg-slate-5 rounded-bl;
}
.scrollNone::-webkit-scrollbar {
   display: none;
}

.scrollCustom::-webkit-scrollbar-track {
    display: none;
}

.scrollCustom::-webkit-scrollbar-thumb {
    display: none;
}
.linearSwiper .swiper-wrapper{
    transition-timing-function: linear;
}
.wrapNumber{
    list-style-type: none;
    counter-reset: num;
}
.itemNumber:after{
    content: '0' counter(num) !important;
    counter-increment: num !important;
}
.itemNumber:nth-child(9) ~ .itemNumber:after {
    content: counter(num);
}
body:has(.transparentH) header{
    @apply max-sm:fixed;
}
body:has(.transparentH) header:not(.at-top){
    @apply max-sm:bg-transparent;
}
body:has(.transparentH) header:has(.bg-hamburger.active){
    @apply max-sm:bg-white;
}
/* -- custom grid -- */


/* ++ modal ++ */
.choosingCityDropDown{
    max-height: calc(100vh - 9rem);
}
.searchDropDown{
    height: calc(100dvh - 13.25rem);
}

.modal-wrapper {
    transition: height 0s ease-out 1s;
    height: 0;
}

.modal-wrapper.active {
    transition: height 0s ease-in 0s;
    height: 100%;
}



.wrap-modal {
    width: calc(100vw - 32px);
}

.wrap-modal.modal-center {
    min-height: calc(100vh - 32px);
}
.modal-panel{
    transition: all 0.3s ease-in-out;
}

@media (min-width: 640px){
    .modal-wrapper.modalScaleSm .modal-panel {
        scale: 0.8;
    }
    .modal-wrapper.modalScaleSm.active .modal-panel {
        scale: 1;
    }
}
/* -- modal -- */

/* ++ customRange ++ */

.customRange{
    @apply shadow-none h-[0.313rem] border-0 bg-transparent before:bg-slate-4 before:rounded-[0.313rem] before:absolute before:w-full before:h-[0.188rem] before:left-0 before:top-[0.063rem];
}
.customRange .noUi-connect{
    @apply bg-black;
}
.customRange .noUi-handle{
    @apply top-1/2 -translate-y-1/2 -right-[0.563rem] size-[1.125rem] border-black rounded-full shadow-none before:hidden after:hidden;
}
.customRange .noUi-origin{
    @apply top-1/2 -translate-y-1/2;
}
.customRange .noUi-handle.noUi-handle-lower{
    @apply max-sm:after:absolute max-sm:after:block max-sm:after:top-0 max-sm:after:left-0 max-sm:after:w-8 max-sm:after:h-10 max-sm:after:bg-transparent;
}
.customRange.noUi-horizontal .noUi-tooltip{
    @apply border-0 top-full bottom-auto mt-2 p-0 leading-none;
}
/* -- customRange -- */

/* ++ swiperNumberDots ++ */

.swiperNumberDots .swiper-pagination-bullet {
    @apply !m-0 !bg-transparent opacity-100 w-auto h-auto leading-none;
}

.swiperNumberDots {
    list-style-type: none;
    counter-reset: num;
}

.swiperNumberDots .swiper-pagination-bullet:after {
    content: '0' counter(num);
    counter-increment: num;
    @apply leading-none text-slate-6 duration-300 hover:text-white;
}

.swiperNumberDots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    @apply pointer-events-none;
}

.swiperNumberDots .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    @apply md:text-white text-black;
}

.swiperNumberDots .swiper-pagination-bullet:nth-child(9) ~ .swiper-pagination-bullet:after {
    content: counter(num);
}
.dotSlate .swiper-pagination-bullet{
    @apply w-[6px] !m-0 duration-300 h-[6px] rounded-full !bg-slate-3 hover:!bg-slate-5;
}
.dotSlate .swiper-pagination-bullet.swiper-pagination-bullet-active{
    @apply !bg-slate-5;
}
@media not all and (min-width: 640px){
    .swiperNumberDots.maxSmDotSlate .swiper-pagination-bullet{
        @apply after:hidden w-[6px] duration-300 h-[6px] rounded-full !bg-slate-3 hover:!bg-slate-5;
    }
    .swiperNumberDots.maxSmDotSlate .swiper-pagination-bullet.swiper-pagination-bullet-active{
        @apply !bg-slate-5;
    }
}
/* -- swiperNumberDots -- */
@media not all and (min-width: 640px){
    .wrapCatalog .group\/card:nth-child(3n){
        @apply col-span-2;
    }
}
/* ++ swiperNumberDots ++ */
.scrollHamburger .scroll-content{
    @apply min-h-full flex flex-col;
}
@media not all and (min-width: 1000px){
    .catalog-h:not(.active) {
        transform: translateX(-100%);
    }
}
@media not all and (min-width: 1200px) {
    .catalog-h {
        height: calc(100dvh - 70px);
    }
}
@media not all and (min-width: 640px) {
    .catalog-h {
        height: calc(100dvh - 55px);
    }

}
@media (max-width: 1199px) and (min-width: 1000px) {
    .catalog-h:not(.active) {
        opacity: 0;
        pointer-events: none;
    }
}


/* -- swiperNumberDots -- */



/* ++ mainBanner ++ */

@media  not all and (min-width: 640px) {
    .mainBanner .swiper-slide{
        height: calc(100svh - 75px);
    }
    .mainBanner:has(.swiper-pagination-bullets) .swiper-slide{
        height: calc(100svh - 109px);
    }
}

/* -- mainBanner -- */

/* ++ map ++ */
.map:not(:hover) *[class*=ground-pane] {
    filter: grayscale(1);
    transition: 0.3s filter ease;

}

.map *[class*="balloon__content"] {
    padding: 0;
    margin-right: 0 !important;
    background-color: transparent !important;
}

.map *[class*="balloon"] {
    box-shadow: none !important;
    padding: 0;
    background-color: transparent !important;
}

.map *[class*="balloon__tail"] {
    display: none;
}

/* -- map -- */