/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

@import url('https://cdn.tailwindcss.com');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;500;600;700&display=swap');

/* Подключаем Bebas Neue только на точки захвата внимания */
h1, h2, h3, h4, h5, h6, p, span, div, button,
.btn, 
.price, .price_value, 
.section-title, 
.banner-title,
.menu-item-link {
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.5px;
}

/* Кастомные стили банера на главной */
banners-big__title {
    font-family: 'Bebas Nueve', sans-serif !important;
    font-size: clamp(2.5rem, 7vw, 5.5rem) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #1e2937 !important;
}

/* Подзаголовок */
.banners-big_text,
.banners-big .banners-big_text {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: clamp(1.1rem, 3.2vw, 1.8rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #334155 !important;
    text-transform: uppercase !important;
}

/* Белый фон + отступы как на картинке */
.banners-big_inner-wrap,
.banners-big .banners-big_inner-wrap {
    background: #ffffff !important;
    padding: 45px 40px 35px !important;
    margin: 0 !important;
}

/* Кнопка */
.banners-big_buttons .btn,
.btn.btn-primary,
.banners-big .btn {
    font-family: 'Bebas Neue', sans-serif !important;
    background: #1e2937 !important;
    color: #ffffff !important;
    border: 2px solid #1e2937 !important;
    padding: 16px 36px !important;
    border-radius: 50px !important;
    font-size: 1.15rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}
/* Скрываем ненужные кнопки в блоке Поделиться, оставляем только ВК, ОК и Мой Мир */
.ya-share2__item_service_twitter,
.ya-share2__item_service_viber,
.ya-share2__item_service_whatsapp,
.ya-share2__item_service_skype,
.ya-share2__item_service_telegram {
    display: none !important;
}
.banners-big__buttons-item:hover, .banners-big__buttons-item:hover a {color: #fff !important;}
.header-menu__link--only-catalog > .svg {margin-right: 0px !important;}
/*Скрываем картинку в основном меню*/
.header-menu__wide-right-part {width:0px !important;}
/* Цвет для основного блока шапки (десктоп) */
.header-container {
    background-color: #1c203f !important;
}

/* Цвет для мобильной шапки */
/* (перечисляем основные классы мобильной шапки в Аспро, чтобы точно сработало) */
#mobileheader,
.mobileheader,
.mobileheader-v1,
.mobileheader-v2,
.mobileheader-v3,
.mobile-header {
    background-color: #1c203f !important;
}

/* Делаем белой заливку всех элементов внутри SVG-иконок в десктопной и мобильной шапке */
.header-container svg path,
.header-container svg use,
.header-container svg rect,
.header-container svg circle,
.header-container svg polygon,
#mobileheader svg path,
#mobileheader svg use,
#mobileheader svg rect,
#mobileheader svg circle,
#mobileheader svg polygon,
.mobileheader svg path,
.mobileheader svg use,
.mobile-header svg path {
    fill: #ffffff !important;
}

/* На случай, если в вашей версии шаблона некоторые иконки нарисованы обводкой (stroke), а не заливкой */
.header-container svg path,
#mobileheader svg path,
.mobileheader svg path {
    stroke: #ffffff !important;
}

.mobilemenu__inner{background-color: #1c203f !important;}

ul.mobilemenu__menu-dropdown,  ul.mobilemenu__menu-dropdown *{
    color: #000000 !important;
}

.mobilemenu * {
    color: #ffffff !important;
}

.banners-big__item{
    background-color: #1c203f80;
}
.banners-big__title, .banners-big__text-block, .btn-transparent, .btn-default{
    color: #fff !important;
}

.main-slider__item, .banners-big__item {
    background-position-x: right;
}

.main-slider__item:nth-child(even),
.banners-big__item:nth-child(even) {
    background-position-x: left;
}
.btn-default[href*="rezka-shpilek-pod-razmer"]{ 
    margin-right: 30px;
}
.footer__top-part {display: none !important;}