/* color mode */
.color-mode .dropstart .dropdown-toggle:before{
    display: none;
}
.color-mode .dropdown-menu.show {
    display: block !important;
}

.color-mode .dropdown-menu {
    display: none !important;
    z-index: 9999;
}

.color-mode .dropdown .btn {
    border: none;
}

.color-mode .dropdown-toggle:after {
    display: none;
}

/* Section counter */
.title-count-1 {
    text-align: center;
    font-weight: bolder;
    margin-left: auto;
    margin-right: auto;
    font-size: 160px;
    opacity: 0.1;
    color: #999;
    width: 160px;
    height: 160px;
    line-height: 160px;
}

/* Click tabs */
.pricing-box::before,
.pricing-box::after {
    pointer-events: none;
}

/* Base */
:root {
    --font-roboto: 'Roboto Flex', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-opensans: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-manrope: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-oswald: 'Oswald', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-poiret: 'Poiret One', cursive, sans-serif;

    --font-weight-base: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --line-height-base: 1.5;
    --line-height-heading: 1.2;
}

/* Основной текст */
.alt-font, .main-font, body, p, li, span, a {
    font-family: var(--font-roboto) !important;
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-base);
}

/* Заголовки */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .span-head {
    font-family: var(--font-oswald) !important;
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    color: #1f194c; /* или свой цвет */
}

/* Ссылки в заголовках */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-family: var(--font-oswald) !important;
    font-weight: var(--font-weight-semibold);
    color: #282b2d; /* по макету */
}

/* Класс для ярких титулов, если нужен альтернативный шрифт */
.title-font, .title-font a {
    font-family: var(--font-poiret) !important;
}

.font-roboto { font-family: var(--font-roboto) !important; }
.font-opensans { font-family: var(--font-opensans) !important; }
.font-manrope { font-family: var(--font-manrope) !important; }
.font-oswald { font-family: var(--font-oswald) !important; }
.font-poiret { font-family: var(--font-poiret) !important; }

.font-roboto,
.font-roboto * {
    font-family: var(--font-roboto) !important;
}

.font-opensans,
.font-opensans * {
    font-family: var(--font-opensans) !important;
}

.font-manrope,
.font-manrope * {
    font-family: var(--font-manrope) !important;
}

.font-oswald,
.font-oswald * {
    font-family: var(--font-oswald) !important;
}

.font-poiret,
.font-poiret * {
    font-family: var(--font-poiret) !important;
}

/* --------------------------------------------------
   SWIPER / VERTICAL CARDS (9:16)
   Центральный — герой, остальные — overlay
-------------------------------------------------- */
.swiper {
    width: 100%;
    padding: 40px 0;
    position: relative;
}

.swiper-slide {
    aspect-ratio: 9 / 16;
    border-radius: 18px;
    overflow: visible;
}

.slide-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    overflow: hidden;

    transform: scale(0.9);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Изображение */
.slide-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay — управляется через CSS переменную, которая меняется JS */
.slide-inner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 1);
    opacity: var(--overlay-opacity, 0.3);
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Навигационные стрелки */
.swiper-button-next,
.swiper-button-prev {
    width: 44px;
    height: 44px;
    color: #fff;
    z-index: 10;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 24px;
}

/* Мобильная версия — без эффектов */
@media (max-width: 575px) {
    .slide-inner {
        transform: none !important;
        box-shadow: none;
    }

    .slide-inner::after {
        display: none;
    }
}



/* Размер и форма кнопок */
.pagination-btn {
     width: 50px;
     height: 50px;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 300;
     font-size: 2rem;
     border-width: 1px;
     transition: all 0.2s;
}

/* Активная кнопка */
.pagination-btn.active {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    font-weight: 500;
}

/* Hover для неактивных */
.pagination-btn:not(.active):hover {
    background-color: rgba(255,255,255,0.2);
}