/* ========== RESET & BASE ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'Roboto', sans-serif;
            background: #f8fafc;
            color: #0a0c10;
            font-size: 16px;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
        }

        @media (min-width: 1024px) {
            body {
                font-size: 16px;
            }
        }

        a {
            color: #00656e;
            text-decoration: none;
            transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        a:hover {
            color: #e8b86d;
        }

        /* ========== LAYOUT (dashboard-style) ========== */
        .app {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        @media (min-width: 1024px) {
            .app {
                flex-direction: row;
            }
        }

        /* ========== SIDEBAR (AdminKit / Flowbite style) ========== */
        .sidebar {
            background: #ffffff;
            border-right: 1px solid #eef2f6;
            padding: 28px 20px;
            width: 100%;
            transition: all 0.2s;
        }

        @media (min-width: 1024px) {
            .sidebar {
                width: 280px;
                flex-shrink: 0;
                position: sticky;
                top: 0;
                height: 100vh;
                overflow-y: auto;
            }
        }

        .logo {
            margin-bottom: 32px;
            padding-left: 8px;
        }

        .logo__link {
            font-size: 22px;
            font-weight: 700;
            background: linear-gradient(135deg, #00656e 0%, #00838f 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-align: center;
            letter-spacing: -0.2px;
        }

        .logo__desc {
            font-size: 12px;
            color: #5b6876;
            margin-top: 6px;
            display: block;
            text-align: center;
        }

        /* меню 2 уровня — дашборд стиль */
        .nav-menu {
            list-style: none;
        }

        .nav-menu__item {
            margin-bottom: 4px;
        }

        .nav-menu__link {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 12px;
            color: #334155;
            font-weight: 500;
            font-size: 14px;
            transition: all 0.2s;
        }

        .nav-menu__link i {
            font-size: 20px;
            color: #5b6876;
            width: 24px;
            transition: color 0.2s;
        }

        .nav-menu__link:hover {
            background: #f1f5f9;
            color: #00656e;
        }

        .nav-menu__link:hover i {
            color: #00656e;
        }

        .nav-menu__item--active > .nav-menu__link {
            background: #00656e0c;
            color: #00656e;
            font-weight: 600;
        }

        .nav-menu__item--active > .nav-menu__link i {
            color: #00656e;
        }

        .nav-menu__submenu {
            list-style: none;
            padding-left: 44px;
            margin-top: 4px;
            margin-bottom: 8px;
            display: none;
        }

        .nav-menu__submenu--open {
            display: block;
        }

        .nav-menu__submenu .nav-menu__link {
            font-weight: 400;
            font-size: 13px;
            padding: 8px 12px;
        }

        /* мобильный аккордеон */
        @media (max-width: 1023px) {
            .sidebar {
                padding: 20px 16px;
            }
            .nav-menu__submenu {
                display: block;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }
            .nav-menu__submenu--open {
                max-height: 400px;
            }
            .mobile-toggle {
                display: block;
                text-align: right;
                margin-bottom: 20px;
            }
            .mobile-toggle button {
                background: #f1f5f9;
                border: none;
                padding: 8px 14px;
                border-radius: 30px;
                font-size: 13px;
                font-weight: 500;
                cursor: pointer;
            }
        }

        @media (min-width: 1024px) {
            .mobile-toggle {
                display: none;
            }
        }

        /* ========== SIDEBAR STYLES (ДОРАБОТАННЫЕ) ========== */

.sidebar {
    background: #ffffff;
    border-right: 1px solid #eef2f6;
    padding: 28px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

@media (min-width: 1024px) {
    .sidebar {
        width: 280px;
        flex-shrink: 0;
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
    }
}

/* Логотип — горизонтальное выравнивание по иконке меню */
.logo {
    margin-bottom: 32px;
    padding-left: 12px;
}

.logo__link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.logo__link i {
    font-size: 24px;
    color: #00656e;
}

.logo__link img {
    height: 80px;
    width: auto;
}

@media (min-width: 1024px) {
    .logo__link img {
        height: 100px;
        width: auto;
    }
}
.logo__desc {
    display: block;
    font-size: 12px;
    color: #5b6876;
    margin-top: 4px;
    margin-left: 36px;
}

/* Меню */
.nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-menu__item {
    margin-bottom: 4px;
}

/* Ссылка первого уровня */
.nav-menu__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #334155;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.2s;
    text-decoration: none;
}

.nav-menu__link i {
    font-size: 20px;
    color: #5b6876;
    width: 24px;
    flex-shrink: 0;
    transition: color 0.2s;
}

.nav-menu__text {
    flex: 1;
}

.nav-menu__link:hover {
    background: #f1f5f9;
    color: #00656e;
}

.nav-menu__link:hover i {
    color: #00656e;
}

.nav-menu__item--active > .nav-menu__link {
    background: #00656e0c;
    color: #00656e;
    font-weight: 600;
}

.nav-menu__item--active > .nav-menu__link i {
    color: #00656e;
}

/* Подменю второго уровня — выравнивание по началу текста */
.nav-menu__submenu {
    list-style: none;
    padding-left: 44px;
    margin-top: 4px;
    margin-bottom: 8px;
}

.nav-menu__submenu .nav-menu__link {
    padding: 8px 12px;
    font-weight: 400;
    font-size: 13px;
    gap: 0;
}

.nav-menu__submenu .nav-menu__submenu-text {
    padding-left: 0;
}

.nav-menu__submenu .nav-menu__link:hover {
    background: #f1f5f9;
    color: #00656e;
}

/* Блок контактов в сайдбаре */
.sidebar-contacts {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #eef2f6;
}

.sidebar-contacts__item {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #4a5568;
    line-height: 1.5;
}

.sidebar-contacts__item i {
    font-size: 18px;
    color: #00656e;
    flex-shrink: 0;
    margin-top: 2px;
}

.sidebar-contacts__item strong {
    color: #222222;
    font-weight: 600;
}

.sidebar-contacts__item a {
    color: #00656e;
    text-decoration: none;
}

.sidebar-contacts__item a:hover {
    color: #e8b86d;
}

/* Социальные иконки */
.sidebar-social {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    justify-content: center;
}

.sidebar-social__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    border-radius: 12px;
    transition: all 0.2s ease;
    color: #5b6876;
}

.sidebar-social__link i {
    font-size: 20px;
}

.sidebar-social__link--vk .vk-icon {
    width: 20px;
    height: 20px;
    color: #5b6876;
}

.sidebar-social__link:hover {
    background: #00656e;
    transform: translateY(-2px);
}

.sidebar-social__link:hover i,
.sidebar-social__link--vk:hover .vk-icon {
    color: #ffffff;
}

/* Мобильная версия */
@media (max-width: 1023px) {
    .sidebar {
        padding: 20px 16px;
        min-height: auto;
    }
    
    .logo {
        margin-bottom: 24px;
        padding-left: 8px;
    }
    
    .logo__link i {
        font-size: 20px;
    }
    
    .logo__link img {
        height: 28px;
    }
    
    .logo__desc {
        margin-left: 32px;
    }
    
    .nav-menu__submenu {
        padding-left: 36px;
    }
    
    .sidebar-contacts {
        margin-top: 24px;
        padding-top: 24px;
    }
    
    .sidebar-contacts__item {
        gap: 10px;
        font-size: 12px;
    }
    
    .sidebar-contacts__item i {
        font-size: 16px;
    }
    
    .sidebar-social__link {
        width: 36px;
        height: 36px;
    }
}

        /* ========== MAIN CONTENT (dashboard cards) ========== */
        .main {
            flex: 1;
            padding: 32px 24px 56px;
            background: #f8fafc;
        }

        @media (min-width: 1024px) {
            .main {
                padding: 40px 40px 64px;
            }
        }

        .container {
            max-width: 1280px;
            margin: 0 auto;
        }

        /* breadcrumbs */
        .breadcrumbs {
            margin-bottom: 24px;
            font-size: 13px;
            color: #5b6876;
        }
        .breadcrumbs a {
            color: #5b6876;
        }
        .breadcrumbs a:hover {
            color: #00656e;
        }

        /* typography */
        h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 16px;
            color: #00656e;
            letter-spacing: -0.3px;
        }
        @media (min-width: 1024px) {
            h1 { font-size: 32px; }
        }

        h2 {
            font-size: 20px;
            font-weight: 600;
            margin: 40px 0 16px;
            color: #00656e;
            letter-spacing: -0.2px;
        }
        @media (min-width: 1024px) {
            h2 { font-size: 22px; }
        }

        h3 {
            font-size: 18px;
            font-weight: 600;
            margin: 0 0 8px 0;
            color: #00656e;
        }

        .text-muted {
            color: #5b6876;
            font-size: 14px;
            line-height: 1.5;
        }

        /* cards grid (dashboard style) */
        .cards-grid {
            display: grid;
            gap: 24px;
            grid-template-columns: 1fr;
        }

        @media (min-width: 768px) {
            .cards-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .cards-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .card {
            background: #ffffff;
            border-radius: 20px;
            padding: 20px;
            transition: all 0.25s ease;
            border: 1px solid #eef2f6;
            box-shadow: 0 1px 2px rgba(0,0,0,0.02);
        }

        .card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.12);
            border-color: #e2e8f0;
        }

        .card__icon {
            width: 48px;
            height: 48px;
            background: #f1f5f9;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
        }

        .card__icon i {
            font-size: 24px;
            color: #00656e;
        }

        .category-badge {
            display: inline-block;
            background: #eef2ff;
            padding: 4px 12px;
            border-radius: 30px;
            font-weight: 500;
            font-size: 12px;
            color: #00656e;
            margin-bottom: 14px;
        }

        .card__description {
            font-size: 14px;
            color: #475569;
            line-height: 1.5;
            margin: 12px 0 16px;
        }




        /* address cards */
        .address-grid {
            display: grid;
            gap: 20px;
            grid-template-columns: 1fr;
            margin: 24px 0 8px;
        }

        @media (min-width: 768px) {
            .address-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .address-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 20px;
            border: 1px solid #eef2f6;
            transition: all 0.2s;
        }

        .address-card:hover {
            border-color: #e2e8f0;
            box-shadow: 0 4px 12px rgba(0,0,0,0.03);
        }

        .address-card__title {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 12px;
            color: #00656e;
        }

        /* contact cards */
        .contact-grid {
            display: grid;
            gap: 24px;
            grid-template-columns: 1fr;
            margin: 24px 0 16px;
        }

        @media (min-width: 768px) {
            .contact-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .contact-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 24px;
            border: 1px solid #eef2f6;
        }

        .contact-card__title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 2px solid #e8b86d;
            display: inline-block;
        }

        .contact-card__item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 16px;
            font-size: 14px;
        }

        .contact-card__item i {
            font-size: 20px;
            color: #00656e;
            margin-top: 2px;
        }

        .departments {
            display: grid;
            gap: 12px;
        }

        .department {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 10px 0;
            border-bottom: 1px solid #eef2f6;
        }

        .department__name {
            font-weight: 500;
            font-size: 14px;
            color: #1e293b;
        }

        .department__phone {
            color: #00656e;
            font-weight: 500;
            font-size: 14px;
        }

        /* ========== FANTASY-STYLE BUTTONS ========== */
        /* Базовые кнопки с диагональным градиентом и металлическим отливом */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: linear-gradient(135deg, #00656e 0%, #0b8b96 50%, #00656e 100%);
            background-size: 200% auto;
            color: #fff9e8;
            padding: 12px 28px;
            border-radius: 60px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            border: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 101, 110, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        /* Анимация градиента при ховере */
        .btn:hover {
            background-position: 100% 0;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 101, 110, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
            color: #fff;
        }

        /* Эффект нажатия */
        .btn:active {
            transform: translateY(1px);
            transition: 0.05s;
        }

        /* Золотистое свечение для особых кнопок (опционально) */
        .btn--accent {
            background: linear-gradient(135deg, #b87c2e 0%, #e8b86d 50%, #b87c2e 100%);
            box-shadow: 0 4px 12px rgba(232, 184, 109, 0.4);
        }

        .btn--accent:hover {
            box-shadow: 0 8px 24px rgba(232, 184, 109, 0.6);
        }

        /* Обводная кнопка (outline) с фэнтези-стилем */
        .btn--outline {
            background: transparent;
            background-image: none;
            box-shadow: inset 0 0 0 2px #00656e, 0 2px 4px rgba(0, 0, 0, 0.05);
            color: #00656e;
            text-shadow: none;
        }

        .btn--outline:hover {
            background: linear-gradient(135deg, #00656e20 0%, #0b8b9640 100%);
            box-shadow: inset 0 0 0 2px #00656e, 0 6px 16px rgba(0, 101, 110, 0.2);
            color: #00656e;
            transform: translateY(-1px);
        }

        /* Эффект "сияния" при фокусе для доступности */
        .btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px rgba(0, 101, 110, 0.4), 0 4px 12px rgba(0, 101, 110, 0.3);
        }

        /* Иконки внутри кнопок получают небольшой сдвиг при ховере */
        .btn i {
            transition: transform 0.2s ease;
        }

        .btn:hover i {
            transform: translateX(3px);
        }

        /* Для кнопок, где иконка слева — сдвиг влево */
        .btn i:first-child {
            transform: translateX(0);
        }

        .btn:hover i:first-child {
            transform: translateX(-2px);
        }

        /* Вариант для маленьких кнопок */
        .btn--sm {
            padding: 8px 20px;
            font-size: 12px;
            gap: 6px;
        }

        /* Вариант для больших кнопок */
        .btn--lg {
            padding: 16px 36px;
            font-size: 16px;
            gap: 12px;
        }

        /* Анимация появления при загрузке (опционально) */
        .btn {
            animation: fadeScaleIn 0.25s ease-out;
        }

        @keyframes fadeScaleIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }




        /* cta block */
        .cta-card {
            background: #ffffff;
            border-radius: 24px;
            padding: 32px 28px;
            margin: 48px 0 24px;
            border: 1px solid #eef2f6;
            box-shadow: 0 1px 2px rgba(0,0,0,0.02);
        }

/* ========== FOOTER ========== */
.footer {
    background: #222222;
    /*margin-top: 80px;*/
    border-top: 1px solid #eef2f6;
}

.footer__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 32px 32px;
}

/* Отступы для десктопа синхронизированы с главным меню */
@media (min-width: 1024px) {
    .footer__inner {
        padding-left: 52px;  /* синхронизировано с отступом меню (sidebar padding 20px + иконка 24px + gap 12px) */
        padding-right: 40px;
    }
}

@media (min-width: 1280px) {
    .footer__inner {
        padding-left: calc((100% - 1280px) / 2 + 52px);
        padding-right: calc((100% - 1280px) / 2 + 40px);
    }
}

/* Сетка подвала */
.footer__grid {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .footer__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
    }
}

/* Колонки */
.footer__col h4 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: -0.2px;
}

.footer__col ul {
    list-style: none;
}

.footer__col li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
}

.footer__col a {
    color: #5b6876;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer__col a:hover {
    color: #00656e;
}

/* Социальные иконки в подвале */
.footer__social {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    border-radius: 12px;
    transition: all 0.2s ease;
    color: #5b6876;
}

.social-link i {
    font-size: 20px;
}

.social-link--vk .vk-icon {
    width: 20px;
    height: 20px;
    color: #5b6876;
    transition: color 0.2s ease;
}

.social-link:hover {
    background: #00656e;
    transform: translateY(-2px);
}

.social-link:hover i,
.social-link--vk:hover .vk-icon {
    color: #ffffff;
}

/* Нижняя часть */
.footer__bottom {
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid #eef2f6;
}

.footer__bottom p {
    font-size: 13px;
    color: #5b6876;
}

        /* ========== TILES SECTION ========== */
        .section {
            margin: 48px 0;
        }

        .section__header {
            margin-bottom: 32px;
        }

        .section__title {
            font-size: 24px;
            font-weight: 700;
            color: #00656e;
            margin-bottom: 8px;
        }

        @media (min-width: 1024px) {
            .section__title {
                font-size: 28px;
            }
        }

        .section__subtitle {
            font-size: 16px;
            color: #5b6876;
            max-width: 600px;
        }

        /* Сетка тайлов */
        .tiles-grid {
            display: grid;
            gap: 0px;
            grid-template-columns: 1fr;
        }

        @media (min-width: 768px) {
            .tiles-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .tiles-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* Карточка-тайл — фон с картинкой */
        .tile {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            text-decoration: none;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 0px;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
            aspect-ratio: 3 / 4;
        }

        /* Фоновая картинка для каждого тайла */
        .tile--insurance {
            background-image: url('https://tag-osago.ru/netcat_files/307_45.jpg');
        }

        .tile--tehosmotr {
            background-image: url('https://tag-osago.ru/netcat_files/307_51.jpg');
        }

        .tile--epts {
            background-image: url('https://tag-osago.ru/netcat_files/307_74.jpg');
        }

        .tile--gibdd {
            background-image: url('https://tag-osago.ru/netcat_files/307_126.jpg');
        }

        .tile--tacho {
            background-image: url('https://tag-osago.ru/netcat_files/307_124.jpg');
        }

        .tile--wash {
            background-image: url('https://tag-osago.ru/netcat_files/307_125.jpg');
        }

        .tile:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.25);
        }

        /* Затемняющий градиент для читаемости текста */
        .tile__overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgb(255 255 255 / 60%) 0%, rgb(199 199 199 / 20%) 30%, rgba(0, 0, 0, 0) 50%);
            transition: background 0.3s ease;
            z-index: 1;
        }

        .tile:hover .tile__overlay {
            background: linear-gradient(135deg, #00838f 0%, #00656ef0 30%, rgba(0, 101, 110, 0.2) 100%);
        }

        /* Контентная часть (текст) — поверх фона */
        .tile__content {
            position: relative;
            z-index: 2;
            padding: 28px 24px 24px;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
        }

        .tile__title {
            font-size: 20px;
            font-weight: 700;
            color: #00656e;
            margin-bottom: 12px;
            line-height: 1.3;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }
        .tile:hover .tile__title {
            color:#FFFFFF;
        }

        @media (min-width: 1024px) {
            .tile__title {
                font-size: 22px;
            }
        }

        .tile__description {
            font-size: 14px;
            color: #8f8f8f7a;
            line-height: 1.5;
            margin-bottom: 20px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        }
        .tile:hover .tile__description {
            color:#FFFFFF;
        }

        .tile__link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            font-weight: 600;
            color: #00656e;
            transition: gap 0.2s ease;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        }

        .tile:hover .tile__link {
            gap: 10px;
            color: #e8b86d;
        }

        /* utility */
        hr {
            margin: 32px 0;
            border: none;
            border-top: 1px solid #eef2f6;
        }

        /* ========== CATEGORIES SECTION ========== */
        .categories-grid {
            display: grid;
            gap: 24px;
            grid-template-columns: 1fr;
            margin: 32px 0 48px;
        }

        @media (min-width: 768px) {
            .categories-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* Карточка категории */
        .category-card {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            background: #ffffff;
            padding: 24px;
            border-radius: 20px;
            border: 1px solid #eef2f6;
            transition: all 0.2s ease;
        }

        .category-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.08);
            border-color: #e2e8f0;
        }

        /* Иконка слева */
        .category-card__icon {
            flex-shrink: 0;
            width: 56px;
            height: 100%;
            background: #f1f5f9;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }

        .category-card__icon i {
            font-size: 28px;
            color: #00656e;
            transition: color 0.2s ease;
        }

        .category-card:hover .category-card__icon {
            background: #00656e;
        }

        .category-card:hover .category-card__icon i {
            color: #ffffff;
        }

        /* Контент справа */
        .category-card__content {
            flex: 1;
        }

        /* Badge — фон основной цвет, текст белый */
        .category-badge {
            display: inline-block;
            background: #00656e;
            padding: 4px 12px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 12px;
            color: #ffffff;
            margin-bottom: 6px;
            letter-spacing: 0.3px;
        }

        .category-card__title {
            font-size: 18px;
            font-weight: 600;
            color: #00656e;
            margin-bottom: 8px;
            line-height: 1.3;
        }

        @media (min-width: 1024px) {
            .category-card__title {
                font-size: 18px;
            }
        }

        .category-card__description {
            font-size: 14px;
            color: #5b6876;
            line-height: 1.5;
            margin: 0;
        }

/* ========== ADDRESS SECTION ========== */
.address-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    margin: 32px 0 48px;
}

@media (min-width: 768px) {
    .address-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Карточка адреса */
.address-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px;
    border: 1px solid #eef2f6;
    transition: all 0.2s ease;
}

.address-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.08);
    border-color: #e2e8f0;
}

.address-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #00656e;
    margin-bottom: 12px;
}

/* Серые баджи категорий */
.address-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.badge {
    display: inline-block;
    background: #eef2f6;
    padding: 4px 10px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    color: #4a5568;
    letter-spacing: 0.3px;
}

/* Адрес: город + улица */
.address-card__address {
    margin-bottom: 12px;
}

.address-card__city {
    font-size: 15px;
    font-weight: 500;
    color: #222222;
    margin-bottom: 2px;
}

.address-card__street {
    font-size: 14px;
    color: #5b6876;
}

/* Часы работы */
.address-card__hours {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #5b6876;
}

.address-card__hours i {
    font-size: 16px;
    color: #00656e;
}

/* Ссылка "На карте" */
.address-card__map-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #00656e;
    margin-bottom: 16px;
    transition: gap 0.2s ease;
}

.address-card__map-link i {
    font-size: 14px;
}

.address-card__map-link:hover {
    gap: 8px;
    color: #e8b86d;
}

/* Контакты: телефон + мессенджеры */
.address-card__contacts {
    border-top: 1px solid #eef2f6;
    padding-top: 16px;
}

.address-card__phone {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #00656e;
    margin-bottom: 12px;
    transition: color 0.2s;
}

.address-card__phone:hover {
    color: #e8b86d;
}

/* Ряд иконок мессенджеров */
.address-card__messengers {
    display: flex;
    gap: 12px;
    align-items: center;
}

.messenger-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f1f5f9;
    border-radius: 12px;
    transition: all 0.2s ease;
    color: #5b6876;
}

.messenger-link i {
    font-size: 18px;
}

/* Кастомная иконка VK */
.messenger-link--vk .vk-icon {
    width: 20px;
    height: 20px;
    color: #5b6876;
    transition: color 0.2s ease;
}

.messenger-link:hover {
    background: #00656e;
    transform: translateY(-2px);
}

.messenger-link:hover i,
.messenger-link--vk:hover .vk-icon {
    color: #ffffff;
}


/* ========== PRICES SECTION ========== */
.prices-section {
    margin: 48px 0;
    border-radius: 32px;
    background: linear-gradient(135deg, #00656e 0%, #003d44 100%);
    position: relative;
    overflow: hidden;
}

.prices-section__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 32px;
}

@media (min-width: 1024px) {
    .prices-section__inner {
        padding: 48px 40px;
    }
}

/* Заголовок секции */
.prices-section__header {
    text-align: center;
    margin-bottom: 32px;
}

.prices-section__title {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

@media (min-width: 1024px) {
    .prices-section__title {
        font-size: 32px;
    }
}

.prices-section__subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Карточка с таблицей */
.price-card {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    margin-bottom: 28px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.price-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
}

/* Заголовок таблицы — отступы синхронизированы с ячейками таблицы */
.price-card__title {
    font-size: 18px;
    font-weight: 600;
    color: #00656e;
    padding: 16px 24px;
    margin: 0;
    border-bottom: 1px solid #eef2f6;
    background: #ffffff;
}

@media (min-width: 1024px) {
    .price-card__title {
        font-size: 20px;
        padding: 18px 28px;
    }
}

/* Обертка таблицы для горизонтального скролла */
.table-wrapper {
    overflow-x: auto;
}

/* Таблица */
.price-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

/* Отступы в ячейках таблицы синхронизированы с заголовком */
.price-table th,
.price-table td {
    padding: 12px 24px;
    text-align: left;
}

@media (min-width: 1024px) {
    .price-table th,
    .price-table td {
        padding: 12px 28px;
    }
}

.price-table th {
    background: #f8fafc;
    font-weight: 600;
    color: #222222;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 1px solid #eef2f6;
}

/* Зебра — чередование строк */
.price-table tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

.price-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Ховер на строку */
.price-table tbody tr:hover {
    background-color: rgba(0, 101, 110, 0.08);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.price-table td {
    color: #4a5568;
    border-bottom: 1px solid #f0f2f5;
}

.price-table tr:last-child td {
    border-bottom: none;
}

.price-table .price-cell {
    font-weight: 600;
    color: #00656e;
    white-space: nowrap;
}

/* Кнопка скачивания */
.prices-section__download {
    display: flex;
    justify-content: center;
    margin: 24px 0 20px;
}

.btn--download {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #00656e 0%, #0b8b96 50%, #00656e 100%);
    background-size: 200% auto;
    color: #fff9e8;
    padding: 12px 28px;
    border-radius: 60px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    box-shadow: 0 4px 12px rgba(0, 101, 110, 0.3);
    text-decoration: none;
}

.btn--download:hover {
    background-position: 100% 0;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 101, 110, 0.45);
    color: #ffffff;
}

.btn--download i {
    font-size: 18px;
}

/* Примечание */
.prices-section__note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    margin-top: 8px;
}

.prices-section__note i {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
}

.prices-section__note span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

@media (min-width: 768px) {
    .prices-section__note {
        padding: 14px 24px;
        justify-content: flex-start;
    }
    
    .prices-section__note span {
        font-size: 14px;
    }
}




/* ========== SCENES SECTION (ПРЕЗЕНТАЦИИ) ========== */
.scenes-section {
    margin: 64px 0;
}

.scenes-section__inner {
    max-width: 1280px;
    margin: 0 auto;
    /*padding: 0 32px;*/
}

@media (min-width: 1024px) {
    .scenes-section__inner {
        /*padding: 0 40px;*/
    }
}

/* Карточка сцены */
.scene-card {
    background: #ffffff;
    border-radius: 28px;
    border: 1px solid #eef2f6;
    overflow: hidden;
    margin-bottom: 32px;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.scene-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e8f0;
}

/* Сетка внутри карточки */
.scene-card__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 24px;
}

@media (min-width: 768px) {
    .scene-card__grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding: 40px 32px;
    }
}

@media (min-width: 1024px) {
    .scene-card__grid {
        padding: 48px 40px;
        gap: 48px;
    }
}

/* Реверсивный порядок (изображение справа) */
.scene-card__grid--reverse {
    direction: rtl;
}

.scene-card__grid--reverse .scene-card__visual,
.scene-card__grid--reverse .scene-card__content {
    direction: ltr;
}

/* Визуальная часть (SVG) */
.scene-card__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafbfc;
    border-radius: 24px;
    padding: 24px;
    transition: all 0.3s ease;
}

.scene-card:hover .scene-card__visual {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.scene-svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Контентная часть */
.scene-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.scene-card__number {
    font-size: 14px;
    font-weight: 600;
    color: #00656e;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.scene-card__tag {
    display: inline-block;
    background: #f1f5f9;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    color: #00656e;
    margin-bottom: 16px;
    width: fit-content;
}

.scene-card__title {
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 16px;
    line-height: 1.3;
}

@media (min-width: 1024px) {
    .scene-card__title {
        font-size: 28px;
    }
}

.scene-card__text {
    font-size: 16px;
    color: #5b6876;
    line-height: 1.5;
    margin-bottom: 24px;
}

/* Список преимуществ */
.scene-card__features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.scene-card__features li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #4a5568;
}

.scene-card__features li i {
    font-size: 18px;
    color: #00656e;
    flex-shrink: 0;
}

/* Анимация для карточки в SVG */
.animated-card {
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s;
    transform: translateY(110px);
    opacity: 0;
}

.scene-card:hover .animated-card {
    transform: translateY(0);
    opacity: 1;
}

/* ========== ALERT CARD (КРАСНОЕ ПРЕДУПРЕЖДЕНИЕ) ========== */
.alert-card {
    margin: 32px 0;
    border-radius: 20px;
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.alert-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.35);
}

.alert-card__inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 24px;
}

@media (min-width: 768px) {
    .alert-card__inner {
        gap: 20px;
        padding: 20px 32px;
    }
}

.alert-card__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

.alert-card__icon i {
    font-size: 24px;
    color: #ffffff;
}

@media (min-width: 768px) {
    .alert-card__icon {
        width: 52px;
        height: 52px;
    }
    .alert-card__icon i {
        font-size: 28px;
    }
}

.alert-card__content {
    flex: 1;
}

.alert-card__text {
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    margin: 0;
}

.alert-card__text strong {
    font-weight: 700;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    padding: 2px 8px;
    border-radius: 20px;
    display: inline-block;
}

@media (min-width: 768px) {
    .alert-card__text {
        font-size: 16px;
    }
}






/* ========== ОСАГО PAGE STYLES ========== */

/* Hero Section */
.hero-osago {
    margin: 24px 0 48px;
}

.hero-osago__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 992px) {
    .hero-osago__grid {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

.hero-osago__badge {
    display: inline-block;
    background: #f1f5f9;
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #00656e;
    margin-bottom: 24px;
}

.hero-osago__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-osago__title {
        font-size: 48px;
    }
}

.hero-osago__accent {
    position: relative;
    display: inline-block;
    color: #00656e;
}

.hero-osago__accent::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background: repeating-linear-gradient(90deg, #00656e, #00656e 8px, transparent 8px, transparent 12px);
}

.hero-osago__description {
    font-size: 18px;
    color: #5b6876;
    margin-bottom: 32px;
    line-height: 1.5;
}

.hero-osago__buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.btn--light {
    background: #ffffff;
    color: #00656e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.btn--light:hover {
    background: #f8fafc;
    transform: translateY(-2px);
}

.btn--outline-light {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Stats Card */
.stats-card {
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    border-radius: 28px;
    padding: 32px;
    text-align: center;
}

.stats-card__value {
    font-size: 48px;
    font-weight: 800;
    color: #00656e;
    margin-bottom: 8px;
}

.stats-card__label {
    font-size: 16px;
    color: #5b6876;
    margin-bottom: 20px;
}

.stats-card__note {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 12px;
}

/* Stats Grid (3 карточки) */
.stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.stat-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e8f0;
}

.stat-card__value {
    font-size: 40px;
    font-weight: 800;
    color: #00656e;
    margin-bottom: 8px;
}

.stat-card__label {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 8px;
}

.stat-card__trend {
    font-size: 12px;
    color: #94a3b8;
}

.trend--positive {
    color: #10b981;
}

/* Advantages Grid */
.advantages-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (min-width: 1024px) {
    .advantages-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.advantage-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.advantage-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.advantage-card__icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.advantage-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.advantage-card__title {
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 8px;
}

.advantage-card__description {
    font-size: 14px;
    color: #5b6876;
}

/* Limits Grid */
.limits-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .limits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

.limit-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.limit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.limit-card__value {
    font-size: 42px;
    font-weight: 800;
    color: #00656e;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .limit-card__value {
        font-size: 48px;
    }
}

.limit-card__title {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 12px;
}

.limit-card__description {
    font-size: 14px;
    color: #5b6876;
    margin-bottom: 24px;
    line-height: 1.5;
}

.limit-card__note {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 12px;
}

/* Progress Bar */
.progress-bar {
    background: #eef2f6;
    border-radius: 30px;
    height: 8px;
    overflow: hidden;
}

.progress-bar--small {
    height: 6px;
}

.progress-bar__fill {
    background: linear-gradient(90deg, #00656e, #00a1b3);
    height: 100%;
    border-radius: 30px;
}

/* CTA Split */
.cta-split {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 28px;
    overflow: hidden;
    margin: 32px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
    .cta-split {
        grid-template-columns: 7fr 5fr;
    }
}

.cta-split__left {
    background: linear-gradient(135deg, #00656e, #00838f);
    padding: 40px 32px;
}

@media (min-width: 768px) {
    .cta-split__left {
        padding: 48px 40px;
    }
}

.cta-split__title {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .cta-split__title {
        font-size: 32px;
    }
}

.cta-split__description {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 32px;
    line-height: 1.5;
}

.cta-split__buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.cta-split__right {
    background: #ffffff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 768px) {
    .cta-split__right {
        padding: 40px 32px;
    }
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.feature-item i {
    font-size: 28px;
    color: #00656e;
}

.feature-item h6 {
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 4px;
}

.feature-item span {
    font-size: 13px;
    color: #5b6876;
}

/* Social Proof */
.social-proof {
    text-align: center;
    padding: 32px 0 16px;
}

.social-proof__text {
    font-size: 14px;
    color: #5b6876;
    margin-bottom: 12px;
}

.social-proof__phone {
    font-size: 24px;
    font-weight: 700;
    color: #00656e;
    text-decoration: none;
    transition: color 0.2s;
}

.social-proof__phone:hover {
    color: #e8b86d;
}

/* Section Divider */
.section__divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #00656e, #00a1b3);
    margin: 16px auto 0;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card,
.advantage-card,
.limit-card {
    animation: fadeInUp 0.5s ease-out forwards;
    opacity: 0;
}

.stat-card:nth-child(1) { animation-delay: 0.05s; }
.stat-card:nth-child(2) { animation-delay: 0.1s; }
.stat-card:nth-child(3) { animation-delay: 0.15s; }

.advantage-card:nth-child(1) { animation-delay: 0.05s; }
.advantage-card:nth-child(2) { animation-delay: 0.1s; }
.advantage-card:nth-child(3) { animation-delay: 0.15s; }
.advantage-card:nth-child(4) { animation-delay: 0.2s; }

.limit-card:nth-child(1) { animation-delay: 0.05s; }
.limit-card:nth-child(2) { animation-delay: 0.1s; }
/* ========== WARNING ALERT CARD (красный) ========== */
.alert-card--warning {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}

.alert-card--warning .alert-card__inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
}

@media (min-width: 768px) {
    .alert-card--warning .alert-card__inner {
        gap: 20px;
        padding: 24px 32px;
    }
}

.alert-card--warning .alert-card__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

.alert-card--warning .alert-card__icon i {
    font-size: 24px;
    color: #ffffff;
}

.alert-card--warning .alert-card__content {
    flex: 1;
}

.alert-card--warning .alert-card__text {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 12px;
}

.alert-card--warning .alert-card__text strong {
    font-weight: 700;
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 8px;
    border-radius: 20px;
    display: inline-block;
}

.alert-card--warning .progress-bar {
    background: rgba(255, 255, 255, 0.3);
    margin: 8px 0;
}

.alert-card--warning .progress-bar__fill {
    background: #ffffff;
}

.alert-card--warning .alert-card__note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 8px;
}

/* ========== PARTNERS CAROUSEL ========== */
.partners-carousel {
    overflow: hidden;
    margin: 32px 0;
    position: relative;
}

.partners-carousel__track {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}


.partner-logo {
    flex-shrink: 0;
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 40px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #00656e;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.partner-logo:hover {
    border-color: #00656e;
    box-shadow: 0 4px 12px rgba(0, 101, 110, 0.1);
    transform: translateY(-2px);
}

/* ========== CTA MESSENGERS ========== */
.cta-split__messengers {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.cta-split__messengers .messenger-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    transition: all 0.2s ease;
    color: #ffffff;
}

.cta-split__messengers .messenger-link i {
    font-size: 20px;
}

.cta-split__messengers .messenger-link--vk .vk-icon {
    width: 20px;
    height: 20px;
    color: #ffffff;
}

.cta-split__messengers .messenger-link:hover {
    background: #ffffff;
    transform: translateY(-2px);
}

.cta-split__messengers .messenger-link:hover i,
.cta-split__messengers .messenger-link--vk:hover .vk-icon {
    color: #00656e;
}

/* ========== HERO OSAGO FIXES ========== */
.hero-osago__accent {
    position: relative;
    display: inline-block;
    color: #00656e;
}

/* Убираем подчёркивание */
.hero-osago__accent::after {
    display: none;
}

/* Стили для кнопок */
.btn--outline-light {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.btn--outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Адаптивность */
@media (max-width: 768px) {
    .alert-card--warning .alert-card__inner {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .alert-card--warning .alert-card__icon {
        width: 56px;
        height: 56px;
    }
    
    .partners-carousel__track {
        gap: 16px;
    }
    
    .partner-logo {
        padding: 8px 16px;
        font-size: 12px;
    }
}

/* ========== KASKO PAGE STYLES ========== */

/* Hero Section */
.hero-kasko {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-kasko__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #00656e 0%, #00838f 100%);
    padding: 8px 20px;
    border-radius: 60px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0, 101, 110, 0.2);
}

.hero-kasko__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-kasko__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-kasko__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-kasko__title {
        font-size: 48px;
    }
}

.hero-kasko__accent {
    background: linear-gradient(135deg, #00656e, #00a1b3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-kasko__description {
    font-size: 18px;
    color: #5b6876;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Advantages Grid для КАСКО */
.advantages-grid--kasko {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .advantages-grid--kasko {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

.advantage-card__note {
    margin-top: 16px;
    padding: 12px;
    background: #f1f5f9;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #00656e;
}

.advantage-card__note i {
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Two Columns Layout */
.two-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .two-columns {
        grid-template-columns: 7fr 5fr;
        gap: 32px;
    }
}

/* Who Needs Block */
.who-needs {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    height: 100%;
}

.who-needs__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.who-needs__header i {
    font-size: 32px;
    color: #00656e;
}

.who-needs__header h3 {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
    margin: 0;
}

.who-needs__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.who-needs__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #4a5568;
}

.who-needs__item i {
    font-size: 18px;
    color: #00656e;
}

/* Mini KASKO Block */
.mini-kasko {
    background: linear-gradient(135deg, #00656e 0%, #00838f 100%);
    border-radius: 28px;
    padding: 32px;
    height: 100%;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.mini-kasko__icon {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.mini-kasko__icon i {
    font-size: 28px;
    color: #ffffff;
}

.mini-kasko h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.mini-kasko p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin-bottom: 20px;
}

.mini-kasko__badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.mini-kasko__badges .badge {
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
}

/* CTA Block */
.cta-block {
    background: #ffffff;
    border-radius: 28px;
    padding: 40px 32px;
    border: 1px solid #eef2f6;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .cta-block {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
    }
}

.cta-block__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .cta-block__content h3 {
        font-size: 32px;
    }
}

.cta-block__content p {
    font-size: 16px;
    color: #5b6876;
    margin-bottom: 20px;
}

.cta-block__features {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.cta-block__features span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #4a5568;
}

.cta-block__features i {
    font-size: 18px;
    color: #00656e;
}

.cta-block__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-block__actions {
        align-items: flex-end;
    }
}

.btn--lg {
    padding: 14px 32px;
    font-size: 16px;
}

/* Contacts Footer */
.contacts-footer {
    text-align: center;
    padding: 32px 0 16px;
}

.contacts-footer__text {
    font-size: 14px;
    color: #5b6876;
    margin-bottom: 20px;
}

.contacts-footer__messengers {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.contacts-footer__messengers .messenger-link {
    width: 48px;
    height: 48px;
    background: #f1f5f9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    color: #5b6876;
}

.contacts-footer__messengers .messenger-link i {
    font-size: 24px;
}

.contacts-footer__messengers .messenger-link--vk .vk-icon {
    width: 24px;
    height: 24px;
    color: #5b6876;
}

.contacts-footer__messengers .messenger-link:hover {
    background: #00656e;
    transform: translateY(-2px);
}

.contacts-footer__messengers .messenger-link:hover i,
.contacts-footer__messengers .messenger-link--vk:hover .vk-icon {
    color: #ffffff;
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-kasko__title {
        font-size: 28px;
    }
    
    .hero-kasko__description {
        font-size: 16px;
    }
    
    .who-needs {
        padding: 24px;
    }
    
    .who-needs__list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .cta-block {
        padding: 28px 20px;
    }
    
    .cta-block__content h3 {
        font-size: 24px;
    }
    
    .btn--lg {
        padding: 12px 24px;
        font-size: 14px;
    }
}

/* ========== MORTGAGE PAGE STYLES ========== */

/* Hero Section */
.hero-mortgage {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-mortgage__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00656e;
    padding: 8px 24px;
    border-radius: 60px;
    margin-bottom: 24px;
}

.hero-mortgage__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-mortgage__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-mortgage__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-mortgage__title {
        font-size: 48px;
    }
}

.hero-mortgage__accent {
    color: #00656e;
}

.hero-mortgage__description {
    font-size: 18px;
    color: #5b6876;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.5;
}

/* Reasons Grid (2 карточки) */
.reasons-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .reasons-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

.reason-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.reason-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e8f0;
}

.reason-card__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reason-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.reason-card__content {
    flex: 1;
}

.reason-card__title {
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.reason-card__description {
    font-size: 14px;
    color: #4a5568;
    margin-bottom: 16px;
    line-height: 1.5;
}

.reason-card__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 16px;
    font-size: 13px;
    color: #00656e;
    margin-top: 8px;
}

.reason-card__note i {
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Red Alert Card (права) */
.alert-card--rights {
    background: #fff5f5;
    border-left: 6px solid #dc2626;
    border-radius: 24px;
    margin: 32px 0;
}

.alert-card--rights .alert-card__inner {
    display: flex;
    gap: 20px;
    padding: 28px 32px;
}

@media (max-width: 768px) {
    .alert-card--rights .alert-card__inner {
        flex-direction: column;
        padding: 24px;
    }
}

.alert-card--rights .alert-card__icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background: #dc2626;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alert-card--rights .alert-card__icon i {
    font-size: 28px;
    color: #ffffff;
}

.alert-card--rights .alert-card__title {
    font-size: 20px;
    font-weight: 700;
    color: #dc2626;
    margin-bottom: 12px;
}

.alert-card--rights .alert-card__text {
    font-size: 16px;
    color: #1e3b45;
    margin-bottom: 8px;
    line-height: 1.5;
}

.alert-card--rights .alert-card__text strong {
    font-weight: 700;
    color: #b91c1c;
}

.alert-card--rights .alert-card__note {
    font-size: 14px;
    color: #4a5568;
}

/* Mortgage Benefits (4 пункта) */
.mortgage-benefits {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .mortgage-benefits {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #eef2f6;
    transition: all 0.2s ease;
}

.benefit-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.08);
    border-color: #e2e8f0;
}

.benefit-item i {
    font-size: 32px;
    color: #00656e;
    flex-shrink: 0;
}

.benefit-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 4px;
}

.benefit-item p {
    font-size: 14px;
    color: #5b6876;
    margin: 0;
}

/* CTA Mortgage Block */
.cta-mortgage {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-mortgage {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-mortgage__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .cta-mortgage__content h3 {
        font-size: 32px;
    }
}

.cta-mortgage__content p {
    font-size: 16px;
    color: #5b6876;
    margin-bottom: 20px;
    line-height: 1.5;
}

.cta-mortgage__features {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.cta-mortgage__features span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #4a5568;
}

.cta-mortgage__features i {
    font-size: 18px;
    color: #00656e;
}

.cta-mortgage__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-mortgage__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-mortgage__title {
        font-size: 28px;
    }
    
    .hero-mortgage__description {
        font-size: 16px;
    }
    
    .reason-card {
        flex-direction: column;
        padding: 24px;
    }
    
    .reason-card__icon {
        width: 56px;
        height: 56px;
    }
    
    .reason-card__icon i {
        font-size: 24px;
    }
    
    .benefit-item {
        padding: 16px;
    }
    
    .benefit-item i {
        font-size: 28px;
    }
    
    .cta-mortgage {
        padding: 28px 20px;
    }
    
    .cta-mortgage__content h3 {
        font-size: 24px;
    }
    
    .btn--lg {
        padding: 12px 24px;
        font-size: 14px;
    }
}

/* ========== PROPERTY INSURANCE PAGE STYLES ========== */

/* Hero Section */
.hero-property {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-property__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00656e;
    padding: 8px 24px;
    border-radius: 60px;
    margin-bottom: 24px;
}

.hero-property__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-property__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-property__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-property__title {
        font-size: 48px;
    }
}

/* Story Card */
.story-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    box-shadow: 0 8px 24px rgba(0, 101, 110, 0.05);
    border-left: 6px solid #00656e;
}

.story-card__intro {
    font-size: 18px;
    line-height: 1.6;
    color: #2c3e47;
    margin-bottom: 24px;
}

.story-card__intro span {
    font-weight: 700;
    color: #00656e;
}

.story-card__highlight {
    background: #fdf3f0;
    padding: 20px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 1.6;
    color: #2c3e47;
    margin-bottom: 24px;
}

.story-card__question {
    background: #f0f7fa;
    padding: 24px;
    border-radius: 20px;
}

.story-card__question-text {
    font-size: 20px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

.story-card__question p {
    font-size: 18px;
    color: #2c3e47;
    margin-bottom: 16px;
}

.story-card__question p strong {
    color: #d1453b;
    font-weight: 800;
}

.story-card__answer {
    font-size: 20px;
    font-weight: 600;
    color: #00656e;
}

.story-card__answer span {
    font-size: 32px;
    font-weight: 800;
}

/* Tagline */
.tagline {
    text-align: center;
    padding: 24px 0;
}

.tagline p {
    font-size: 24px;
    font-weight: 300;
    color: #2c3e47;
}

.tagline span {
    font-weight: 700;
    color: #00656e;
    background: linear-gradient(120deg, #e0f0f3 0%, #e0f0f3 100%);
    padding: 0 15px;
    display: inline-block;
}

@media (max-width: 768px) {
    .tagline p {
        font-size: 18px;
    }
}

/* Risks Grid */
.risks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .risks-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
}

.risk-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.risk-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.risk-card__icon {
    width: 70px;
    height: 70px;
    background: #e0f0f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.risk-card__icon i {
    font-size: 32px;
    color: #00656e;
}

.risk-card__title {
    font-size: 16px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 4px;
}

.risk-card__note {
    font-size: 12px;
    color: #5b6876;
    margin-top: 8px;
}

/* Section Badge */
.section__badge {
    display: inline-block;
    background: #00656e;
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}

.section__title span {
    color: #00656e;
}

/* Coverage List */
.coverage-list {
    margin: 32px 0;
}

.coverage-item {
    display: flex;
    gap: 20px;
    padding: 24px;
    background: #f8fbfc;
    border-radius: 24px;
    border-left: 6px solid #00656e;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .coverage-item {
        flex-direction: column;
        gap: 16px;
    }
}

.coverage-item__icon {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.coverage-item__icon i {
    font-size: 32px;
    color: #00656e;
}

.coverage-item__content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

.coverage-item__content p {
    font-size: 15px;
    color: #4a5568;
    line-height: 1.5;
    margin: 0;
}

.coverage-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #f0f7fa;
    padding: 16px 24px;
    border-radius: 60px;
    text-align: center;
    flex-wrap: wrap;
}

.coverage-note i {
    font-size: 24px;
    color: #00656e;
}

.coverage-note p {
    font-size: 16px;
    font-weight: 500;
    color: #1e3b45;
    margin: 0;
}

/* Benefits Property */
.benefits-property {
    text-align: center;
    padding: 32px;
    background: #ffffff;
    border-radius: 28px;
    border: 1px solid rgba(0, 101, 110, 0.15);
    margin: 32px 0;
}

.benefits-property h3 {
    font-size: 24px;
    font-weight: 700;
    color: #00656e;
    margin-bottom: 24px;
}

.benefits-property__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

.benefits-property__list span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #2c3e47;
}

.benefits-property__list i {
    font-size: 20px;
    color: #00656e;
}

/* CTA Property */
.cta-property {
    text-align: center;
    background: linear-gradient(145deg, #ffffff, #f8fbfc);
    border-radius: 40px;
    padding: 48px 32px;
    box-shadow: 0 20px 35px rgba(0, 101, 110, 0.1);
    margin: 32px 0;
}

.cta-property__price {
    margin-bottom: 8px;
}

.cta-property__value {
    font-size: 56px;
    font-weight: 800;
    color: #00656e;
}

@media (min-width: 768px) {
    .cta-property__value {
        font-size: 72px;
    }
}

.cta-property__period {
    font-size: 24px;
    font-weight: 500;
    color: #5b6876;
}

.cta-property__caption {
    font-size: 18px;
    font-weight: 400;
    color: #2c3e47;
    margin-bottom: 32px;
}

.cta-property__contacts {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px dashed #cbd5e0;
}

.cta-property__contacts p {
    font-size: 14px;
    color: #5b6876;
    margin-bottom: 16px;
}

.cta-property__messengers {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.btn--telegram {
    background: #0088cc;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 60px;
    font-weight: 600;
    transition: all 0.2s;
}

.btn--telegram:hover {
    background: #006699;
    transform: translateY(-2px);
}

.btn--whatsapp {
    background: #25D366;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 60px;
    font-weight: 600;
    transition: all 0.2s;
}

.btn--whatsapp:hover {
    background: #1da851;
    transform: translateY(-2px);
}

/* Disclaimer */
.disclaimer {
    text-align: center;
    padding: 16px 0 32px;
}

.disclaimer p {
    font-size: 12px;
    color: #94a3b8;
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-property__title {
        font-size: 28px;
    }
    
    .story-card {
        padding: 24px;
    }
    
    .story-card__intro,
    .story-card__highlight {
        font-size: 16px;
    }
    
    .story-card__question-text {
        font-size: 18px;
    }
    
    .story-card__question p {
        font-size: 16px;
    }
    
    .story-card__answer {
        font-size: 18px;
    }
    
    .story-card__answer span {
        font-size: 24px;
    }
    
    .tagline p {
        font-size: 16px;
    }
    
    .coverage-item {
        padding: 20px;
    }
    
    .coverage-item__icon {
        width: 56px;
        height: 56px;
    }
    
    .coverage-item__icon i {
        font-size: 28px;
    }
    
    .coverage-item__content h4 {
        font-size: 18px;
    }
    
    .benefits-property h3 {
        font-size: 20px;
    }
    
    .benefits-property__list span {
        font-size: 14px;
    }
    
    .cta-property {
        padding: 32px 20px;
    }
    
    .cta-property__value {
        font-size: 44px;
    }
    
    .cta-property__period {
        font-size: 20px;
    }
}

/* ========== SPORT INSURANCE PAGE STYLES ========== */

/* Hero Section */
.hero-sport {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-sport__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00656e;
    padding: 8px 24px;
    border-radius: 60px;
    margin-bottom: 24px;
}

.hero-sport__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-sport__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-sport__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .hero-sport__title {
        font-size: 48px;
    }
}

/* Sport Info Grid */
.sport-info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .sport-info-grid {
        grid-template-columns: 7fr 5fr;
        gap: 32px;
    }
}

/* Info Card */
.sport-info-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    box-shadow: 0 8px 24px rgba(0, 101, 110, 0.05);
}

.sport-info-card__text {
    font-size: 18px;
    line-height: 1.6;
    color: #2c3e47;
    margin-bottom: 20px;
}

.sport-info-card__text strong {
    color: #00656e;
}

.sport-info-card__quote {
    background: #f1f5f6;
    padding: 20px;
    border-radius: 20px;
    border-left: 6px solid #00656e;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.sport-info-card__quote i {
    font-size: 28px;
    color: #00656e;
    flex-shrink: 0;
}

.sport-info-card__quote p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.5;
    margin: 0;
}

/* Warning Card */
.sport-warning {
    background: #fff3e0;
    border-radius: 28px;
    padding: 28px;
    border-left: 6px solid #ff9800;
}

.sport-warning__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.sport-warning__header i {
    font-size: 32px;
    color: #ff9800;
}

.sport-warning__header h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1e3b45;
    margin: 0;
}

.sport-warning__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sport-warning__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #2c3e47;
}

.sport-warning__list i {
    font-size: 20px;
    color: #ff9800;
}

/* Risks Grid for Sport */
.risks-grid--sport {
    margin-top: 16px;
}

.risks-grid--sport .risk-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.risks-grid--sport .risk-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.risks-grid--sport .risk-card__icon {
    width: 70px;
    height: 70px;
    background: #e0f0f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.risks-grid--sport .risk-card__icon i {
    font-size: 32px;
    color: #00656e;
}

.risks-grid--sport .risk-card__title {
    font-size: 16px;
    font-weight: 600;
    color: #1e3b45;
    margin: 0;
}

/* Benefits Grid for Sport */
.benefits-grid--sport {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .benefits-grid--sport {
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
}

.benefit-card--sport {
    background: #ffffff;
    border-radius: 24px;
    padding: 32px 24px;
    text-align: center;
    border: 1px solid #eef2f6;
    border-left: 6px solid #00656e;
    transition: all 0.3s ease;
}

.benefit-card--sport:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.benefit-card--sport .benefit-card__icon {
    width: 70px;
    height: 70px;
    background: #e0f0f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.benefit-card--sport .benefit-card__icon i {
    font-size: 32px;
    color: #00656e;
}

.benefit-card--sport h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

.benefit-card--sport p {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* CTA Sport */
.cta-sport {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-sport {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-sport__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .cta-sport__content h3 {
        font-size: 32px;
    }
}

.cta-sport__content p {
    font-size: 18px;
    color: #5b6876;
    margin: 0;
    line-height: 1.5;
}

.cta-sport__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-sport__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-sport__title {
        font-size: 28px;
    }
    
    .sport-info-card {
        padding: 24px;
    }
    
    .sport-info-card__text {
        font-size: 16px;
    }
    
    .sport-info-card__quote {
        flex-direction: column;
    }
    
    .sport-warning {
        padding: 24px;
    }
    
    .sport-warning__header h4 {
        font-size: 18px;
    }
    
    .sport-warning__list li {
        font-size: 14px;
    }
    
    .benefit-card--sport {
        padding: 24px;
    }
    
    .benefit-card--sport h4 {
        font-size: 18px;
    }
    
    .cta-sport {
        padding: 28px 20px;
    }
    
    .cta-sport__content h3 {
        font-size: 24px;
    }
    
    .cta-sport__content p {
        font-size: 16px;
    }
}

/* ========== TECHOSMOTR PAGE STYLES ========== */

/* Hero Section */
.hero-to {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-to__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00656e;
    padding: 8px 24px;
    border-radius: 60px;
    margin-bottom: 24px;
}

.hero-to__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-to__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-to__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-to__title {
        font-size: 48px;
    }
}

.hero-to__accent {
    color: #00656e;
}

/* Company Card */
.company-card {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-radius: 32px;
    padding: 32px;
    border-left: 6px solid #00656e;
    margin: 24px 0;
}

.company-card__text {
    font-size: 18px;
    line-height: 1.6;
    color: #2c3e47;
    margin: 0;
}

.company-card__text strong {
    color: #00656e;
}

/* Categories Grid for TO */
.categories-grid--to {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .categories-grid--to {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (min-width: 1024px) {
    .categories-grid--to {
        grid-template-columns: repeat(4, 1fr);
    }
}

.category-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.category-card__badge {
    display: inline-block;
    background: #00656e;
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

.category-card__icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.category-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.category-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.category-card__description {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* Advantages List */
.advantages-list {
    background: #f8fbfc;
    border-radius: 32px;
    padding: 32px;
    margin: 24px 0;
}

.advantage-item {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #eef2f6;
}

.advantage-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.advantage-item:first-child {
    padding-top: 0;
}

.advantage-item__icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: #e0f0f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantage-item__icon i {
    font-size: 24px;
    color: #00656e;
}

.advantage-item__content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 8px;
}

.advantage-item__content p {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* Stations Grid */
.stations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .stations-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }
}

.station-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 28px;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    text-align: center;
}

.station-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.station-card__icon {
    width: 80px;
    height: 80px;
    background: #e0f0f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.station-card__icon i {
    font-size: 36px;
    color: #00656e;
}

.station-card__title {
    font-size: 20px;
    font-weight: 700;
    color: #00656e;
    margin-bottom: 20px;
}

.station-card__address,
.station-card__phone,
.station-card__hours {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 12px;
    color: #4a5568;
}

.station-card__address i,
.station-card__phone i,
.station-card__hours i {
    color: #00656e;
    font-size: 16px;
}

.station-card__phone a {
    color: #00656e;
    text-decoration: none;
    font-weight: 500;
}

.station-card__phone a:hover {
    color: #e8b86d;
}

.station-card__map-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eef2f6;
    font-size: 13px;
    color: #00656e;
    text-decoration: none;
}

.station-card__map-link:hover {
    gap: 8px;
    color: #e8b86d;
}

/* Map Container */
.map-container {
    margin: 32px 0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.map-placeholder {
    background: #eef2f6;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #5b6876;
}

.map-placeholder i {
    font-size: 48px;
    color: #94a3b8;
}

.map-placeholder p {
    font-size: 16px;
    margin: 0;
}

.map-placeholder small {
    font-size: 12px;
}

/* CTA TO */
.cta-to {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-to {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-to__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .cta-to__content h3 {
        font-size: 32px;
    }
}

.cta-to__info {
    margin-bottom: 20px;
}

.cta-to__info p {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #2c3e47;
    margin-bottom: 12px;
}

.cta-to__info i {
    font-size: 20px;
    color: #00656e;
}

.cta-to__info a {
    color: #00656e;
    text-decoration: none;
    font-weight: 500;
}

.cta-to__info a:hover {
    color: #e8b86d;
}

.cta-to__note {
    font-size: 16px;
    color: #5b6876;
    margin: 0;
}

.cta-to__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-to__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-to__title {
        font-size: 28px;
    }
    
    .company-card {
        padding: 24px;
    }
    
    .company-card__text {
        font-size: 16px;
    }
    
    .advantage-item {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .advantage-item__icon {
        margin: 0 auto;
    }
    
    .station-card {
        padding: 24px;
    }
    
    .station-card__title {
        font-size: 18px;
    }
    
    .cta-to {
        padding: 28px 20px;
    }
    
    .cta-to__content h3 {
        font-size: 24px;
    }
    
    .cta-to__info p {
        font-size: 14px;
    }
}

/* ========== EPTS & SBKTS PAGE STYLES ========== */

/* Hero Section */
.hero-epts {
    padding: 32px 0 48px;
}

.hero-epts__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1f5f9;
    padding: 8px 20px;
    border-radius: 60px;
    margin-bottom: 32px;
    font-size: 13px;
    font-weight: 500;
    color: #00656e;
}

.hero-epts__badge i {
    font-size: 16px;
}

.hero-epts__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 992px) {
    .hero-epts__grid {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

.hero-epts__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-epts__title {
        font-size: 48px;
    }
}

.hero-epts__accent {
    color: #00656e;
}

.hero-epts__description {
    font-size: 18px;
    color: #5b6876;
    margin-bottom: 32px;
    line-height: 1.5;
}

/* ЭПТС Документ (визуальный блок) */
.epts-document {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-radius: 28px;
    padding: 20px;
    box-shadow: 0 20px 40px rgba(0, 101, 110, 0.12);
    border: 1px solid #eef2f6;
}

.epts-document__inner {
    background: #ffffff;
    border-radius: 20px;
    padding: 24px;
    border: 1px solid #e2e8f0;
}

.epts-document__header {
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f6;
    margin-bottom: 20px;
}

.epts-document__header i {
    font-size: 32px;
    color: #00656e;
    display: block;
    margin-bottom: 8px;
}

.epts-document__header span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #222222;
    display: block;
}

.epts-document__sub {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #5b6876 !important;
}

.epts-document__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c8a840, #a08020);
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin-bottom: 16px;
}

.epts-document__chip i {
    font-size: 24px;
    color: #ffffff;
}

.epts-document__qr {
    float: right;
    width: 56px;
    height: 56px;
    background: #f1f5f9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -64px;
}

.epts-document__qr i {
    font-size: 32px;
    color: #00656e;
}

.epts-document__fields {
    clear: both;
    margin-top: 20px;
}

.epts-field {
    margin-bottom: 16px;
}

.epts-field--row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.epts-field__label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.epts-field__value {
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}

.epts-plate {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 2px solid #222222;
    border-radius: 8px;
    overflow: hidden;
}

.epts-plate__number {
    padding: 8px 12px;
    font-family: monospace;
    font-size: 18px;
    font-weight: 700;
    color: #222222;
}

.epts-plate__rus {
    background: #003399;
    color: #ffffff;
    padding: 8px 6px;
    font-size: 10px;
    font-weight: 700;
}

.epts-document__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #eef2f6;
}

.epts-document__number {
    font-size: 11px;
    color: #5b6876;
}

.epts-document__number strong {
    display: block;
    font-size: 12px;
    color: #00656e;
}

.epts-document__verified {
    text-align: center;
}

.epts-document__verified i {
    font-size: 24px;
    color: #00656e;
}

.epts-document__verified span {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #00656e;
}

.epts-document__verified small {
    font-size: 8px;
    color: #94a3b8;
}

/* Benefits Grid for EPTS */
.benefits-grid--epts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .benefits-grid--epts {
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
}

.benefits-grid--epts .benefit-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.benefits-grid--epts .benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.benefits-grid--epts .benefit-card__icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.benefits-grid--epts .benefit-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.benefits-grid--epts .benefit-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.benefits-grid--epts .benefit-card p {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* SBKTS Card */
.sbkts-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid #eef2f6;
    box-shadow: 0 8px 24px rgba(0, 101, 110, 0.05);
    margin: 32px 0;
}

.sbkts-card__header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.sbkts-card__header i {
    font-size: 40px;
    color: #00656e;
}

.sbkts-card__header h2 {
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    margin: 0;
}

.sbkts-card__description {
    font-size: 16px;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 24px;
}

.sbkts-card__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .sbkts-card__features {
        grid-template-columns: repeat(2, 1fr);
    }
}

.sbkts-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #4a5568;
}

.sbkts-feature i {
    font-size: 18px;
    color: #00656e;
}

.sbkts-card__price {
    background: #f1f5f9;
    padding: 16px 20px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sbkts-card__price span {
    font-size: 14px;
    color: #4a5568;
}

.sbkts-card__price strong {
    font-size: 24px;
    font-weight: 800;
    color: #00656e;
}

/* Steps Grid */
.steps-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (min-width: 1024px) {
    .steps-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.step-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    position: relative;
}

.step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.step-card__number {
    position: absolute;
    top: -12px;
    left: 20px;
    background: #00656e;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 30px;
}

.step-card__icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.step-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.step-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.step-card p {
    font-size: 14px;
    color: #5b6876;
    margin: 0;
}

/* FAQ Grid */
.faq-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .faq-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

.faq-item {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #eef2f6;
    transition: all 0.2s ease;
}

.faq-item:hover {
    border-color: #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.faq-item__question {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 12px;
    cursor: pointer;
}

.faq-item__question i {
    font-size: 20px;
    color: #00656e;
}

.faq-item__answer {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    padding-left: 32px;
}

/* CTA EPTS */
.cta-epts {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-epts {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-epts__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}



@media (min-width: 768px) {
    .cta-epts__content h3 {
        font-size: 32px;
    }
}

.cta-epts__content p {
    font-size: 16px;
    color: #5b6876;
    margin: 0;
    line-height: 1.5;
}

.cta-epts__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-epts__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-epts__title {
        font-size: 28px;
    }
    
    .hero-epts__description {
        font-size: 16px;
    }
    
    .epts-document {
        padding: 12px;
    }
    
    .epts-document__inner {
        padding: 16px;
    }
    
    .sbkts-card__header h2 {
        font-size: 20px;
    }
    
    .sbkts-card__price strong {
        font-size: 20px;
    }
    
    .cta-epts {
        padding: 28px 20px;
    }
    
    .cta-epts__content h3 {
        font-size: 24px;
    }
}


/* ========== REGISTRATION PAGE STYLES ========== */

/* Hero Section */
.hero-registration {
    text-align: center;
    padding: 32px 0 48px;
}

.hero-registration__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00656e;
    padding: 8px 24px;
    border-radius: 60px;
    margin-bottom: 24px;
}

.hero-registration__badge i {
    font-size: 18px;
    color: #ffffff;
}

.hero-registration__badge span {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.hero-registration__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-registration__title {
        font-size: 48px;
    }
}

.hero-registration__accent {
    color: #00656e;
}

/* Lead Card */
.lead-card {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-radius: 32px;
    padding: 32px;
    border-left: 6px solid #00656e;
    margin: 24px 0;
}

.lead-card__text {
    font-size: 20px;
    line-height: 1.5;
    color: #2c3e47;
    margin: 0;
    font-weight: 500;
}

@media (max-width: 768px) {
    .lead-card__text {
        font-size: 18px;
    }
}

/* Info Card */
.info-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 8px 20px rgba(0, 101, 110, 0.05);
    margin: 24px 0;
}

.info-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: 16px;
}

.info-card p:last-child {
    margin-bottom: 0;
}

.info-card strong {
    color: #00656e;
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

.service-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e8f0;
}

@media (max-width: 576px) {
    .service-card {
        flex-direction: column;
        text-align: center;
    }
}

.service-card__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.service-card__content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 8px;
}

.service-card__content p {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* Result Card */
.result-card {
    background: linear-gradient(145deg, #f0f7fa, #e6f0f5);
    border-radius: 40px;
    padding: 48px 32px;
    text-align: center;
    border: 1px solid rgba(0, 101, 110, 0.2);
    margin: 32px 0;
}

.result-card__icon {
    width: 80px;
    height: 80px;
    background: #00656e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.result-card__icon i {
    font-size: 40px;
    color: #ffffff;
}

.result-card__title {
    font-size: 28px;
    font-weight: 700;
    color: #00656e;
    margin-bottom: 16px;
}

.result-card__text {
    font-size: 20px;
    line-height: 1.5;
    color: #2c3e47;
    margin: 0;
}

.result-card__text strong {
    font-weight: 700;
    color: #00656e;
}

@media (max-width: 768px) {
    .result-card {
        padding: 32px 24px;
    }
    
    .result-card__title {
        font-size: 24px;
    }
    
    .result-card__text {
        font-size: 18px;
    }
}

/* CTA Registration */
.cta-registration {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-registration {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-registration__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .cta-registration__content h3 {
        font-size: 32px;
    }
}

.cta-registration__content p {
    font-size: 16px;
    color: #5b6876;
    margin: 0;
    line-height: 1.5;
}

.cta-registration__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-registration__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-registration__title {
        font-size: 28px;
    }
    
    .lead-card {
        padding: 24px;
    }
    
    .lead-card__text {
        font-size: 16px;
    }
    
    .info-card {
        padding: 20px;
    }
    
    .info-card p {
        font-size: 14px;
    }
    
    .service-card {
        padding: 20px;
    }
    
    .service-card__icon {
        width: 56px;
        height: 56px;
    }
    
    .service-card__icon i {
        font-size: 24px;
    }
    
    .cta-registration {
        padding: 28px 20px;
    }
    
    .cta-registration__content h3 {
        font-size: 24px;
    }
}



/* ========== FILES COMPONENT STYLES ========== */

.files-component {
    margin: 32px 0;
}

.files-component__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f6;
}

.files-component__title {
    font-size: 24px;
    font-weight: 700;
    color: #00656e;
    margin: 0;
}

@media (min-width: 768px) {
    .files-component__title {
        font-size: 28px;
    }
}

/* Сетка файлов — flex с wrap */
.files-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0 -12px;
}

/* Карточка файла */
.file-card {
    flex: 1 1 calc(33.333% - 48px);
    min-width: 280px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #eef2f6;
    padding: 20px;
    margin: 0 12px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

.file-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
    border-color: #e2e8f0;
}

@media (max-width: 768px) {
    .file-card {
        flex: 1 1 calc(50% - 48px);
        min-width: 240px;
    }
}

@media (max-width: 576px) {
    .file-card {
        flex: 1 1 100%;
        min-width: auto;
        margin: 0;
    }
    
    .files-grid {
        margin: 0;
    }
}

/* Иконка файла */
.file-card__icon {
    width: 56px;
    height: 56px;
    background: #f1f5f9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.file-card__icon i {
    font-size: 28px;
    color: #00656e;
}

/* Контент карточки */
.file-card__content {
    flex: 1;
    margin-bottom: 20px;
}

.file-card__title {
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 8px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.file-card__meta {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.file-card__ext {
    display: inline-block;
    background: #eef2f6;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #00656e;
    text-transform: uppercase;
}

.file-card__size {
    font-size: 12px;
    color: #94a3b8;
}

.file-card__description {
    font-size: 13px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Кнопка скачивания */
.file-card__actions {
    margin-top: auto;
}

.btn--download-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #00656e 0%, #0b8b96 50%, #00656e 100%);
    background-size: 200% auto;
    color: #fff9e8;
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    text-decoration: none;
    display: inline-flex;
    width: auto;
}

.btn--download-file:hover {
    background-position: 100% 0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 101, 110, 0.3);
    color: #ffffff;
}

.btn--download-file i {
    font-size: 16px;
}

/* Пагинация */
.files-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #eef2f6;
}

@media (max-width: 768px) {
    .files-pagination {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
}

.files-pagination__nav {
    display: flex;
    gap: 16px;
}

.btn-pagination {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #00656e;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-pagination:hover:not(.disabled) {
    background: #00656e;
    border-color: #00656e;
    color: #ffffff;
    transform: translateY(-2px);
}

.btn-pagination.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    color: #94a3b8;
}

.files-pagination__pages {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.files-pagination__label {
    font-size: 14px;
    color: #5b6876;
}

.files-pagination__pages a,
.files-pagination__pages span.current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.files-pagination__pages a {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #00656e;
}

.files-pagination__pages a:hover {
    background: #00656e;
    border-color: #00656e;
    color: #ffffff;
    transform: translateY(-2px);
}

.files-pagination__pages span.current {
    background: #00656e;
    color: #ffffff;
    border: 1px solid #00656e;
}

/* Адаптивность */
@media (max-width: 576px) {
    .file-card {
        padding: 16px;
    }
    
    .file-card__icon {
        width: 48px;
        height: 48px;
    }
    
    .file-card__icon i {
        font-size: 24px;
    }
    
    .file-card__title {
        font-size: 16px;
    }
    
    .btn--download-file {
        padding: 8px 16px;
        font-size: 12px;
    }
    
    .files-pagination__pages a,
    .files-pagination__pages span.current {
        min-width: 32px;
        height: 32px;
        font-size: 13px;
    }
}


/* ========== TACHO PAGE STYLES ========== */

/* Hero Section */
.hero-tacho {
    padding: 32px 0 48px;
}

.hero-tacho__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1f5f9;
    padding: 8px 20px;
    border-radius: 60px;
    margin-bottom: 32px;
    font-size: 13px;
    font-weight: 500;
    color: #00656e;
}

.hero-tacho__badge i {
    font-size: 16px;
}

.hero-tacho__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 992px) {
    .hero-tacho__grid {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

.hero-tacho__title {
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-tacho__title {
        font-size: 48px;
    }
}

.hero-tacho__accent {
    color: #00656e;
}

.hero-tacho__description {
    font-size: 18px;
    color: #5b6876;
    margin-bottom: 32px;
    line-height: 1.5;
}

/* Tacho Device Visual */
.tacho-device {
    background: linear-gradient(145deg, #1e3a3c, #0d2022);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.tacho-device__inner {
    background: #0a1a1c;
    border-radius: 16px;
    padding: 20px;
}

.tacho-device__screen {
    background: #001618;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.tacho-device__speed {
    font-size: 48px;
    font-weight: 700;
    color: #00f0c0;
    font-family: monospace;
}

.tacho-device__speed-label {
    font-size: 12px;
    color: #00a080;
}

.tacho-device__brand {
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 10px;
    color: #00d4a0;
}

.tacho-device__rec {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 8px;
    color: #00a070;
}

.tacho-device__dial {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    position: relative;
}

.tacho-device__needle {
    position: absolute;
    width: 2px;
    height: 35px;
    background: #ff6060;
    left: 50%;
    bottom: 50%;
    transform-origin: bottom center;
    transform: translateX(-50%) rotate(-60deg);
}

.tacho-device__odometer {
    background: #001218;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    font-family: monospace;
    font-size: 20px;
    font-weight: 700;
    color: #00e0b0;
    margin-bottom: 20px;
}

.tacho-device__card-slots {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.tacho-device__slot {
    flex: 1;
    background: #001218;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    border: 1px solid #00656e;
}

.tacho-device__slot span:first-child {
    display: block;
    font-size: 10px;
    color: #005a60;
}

.tacho-device__slot span:last-child {
    font-size: 9px;
    color: #004a55;
}

.tacho-device__slot--active {
    border-color: #e8b86d;
}

.tacho-device__leds {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.led {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.led--green {
    background: #00656e;
    box-shadow: 0 0 8px #00656e;
}

.led--yellow {
    background: #e8b86d;
    box-shadow: 0 0 8px #e8b86d;
}

.led--red {
    background: #ff4040;
    opacity: 0.35;
}

/* Services Grid for Tacho */
.services-grid--tacho {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0;
}

@media (min-width: 768px) {
    .services-grid--tacho {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (min-width: 1024px) {
    .services-grid--tacho {
        /*grid-template-columns: repeat(4, 1fr);*/
    }
}

.services-grid--tacho .service-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
}

.services-grid--tacho .service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
}

.services-grid--tacho .service-card__icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.services-grid--tacho .service-card__icon i {
    font-size: 28px;
    color: #00656e;
}

.services-grid--tacho .service-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.services-grid--tacho .service-card p {
    font-size: 14px;
    color: #5b6876;
    line-height: 1.5;
    margin: 0;
}

/* CTA Tacho */
.cta-tacho {
    background: linear-gradient(145deg, #f8fbfc, #f0f7fa);
    border-left: 6px solid #00656e;
    border-radius: 40px;
    padding: 40px 32px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

@media (min-width: 768px) {
    .cta-tacho {
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 48px;
        padding: 48px 40px;
    }
}

.cta-tacho__content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1e3b45;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .cta-tacho__content h3 {
        font-size: 32px;
    }
}

.cta-tacho__content p {
    font-size: 16px;
    color: #5b6876;
    margin: 0;
    line-height: 1.5;
}

.cta-tacho__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cta-tacho__actions {
        align-items: flex-end;
    }
}

/* Адаптивность */
@media (max-width: 576px) {
    .hero-tacho__title {
        font-size: 28px;
    }
    
    .hero-tacho__description {
        font-size: 16px;
    }
    
    .tacho-device {
        padding: 12px;
    }
    
    .tacho-device__inner {
        padding: 12px;
    }
    
    .tacho-device__speed {
        font-size: 32px;
    }
    
    .tacho-device__odometer {
        font-size: 16px;
    }
    
    .cta-tacho {
        padding: 28px 20px;
    }
    
    .cta-tacho__content h3 {
        font-size: 24px;
    }
}


/* ========== REQUISITES TOGGLE ========== */
.requisites {
    margin: 32px 0;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #eef2f6;
    overflow: hidden;
}

.requisites__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px;
    background: #f8fafc;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #00656e;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.requisites__toggle:hover {
    background: #f1f5f9;
}

.requisites__toggle i:first-child {
    font-size: 20px;
}

.requisites__arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
    margin-left: auto;
}

.requisites__toggle[aria-expanded="true"] .requisites__arrow {
    transform: rotate(180deg);
}

.requisites__content {
    display: none;
    padding: 24px;
    border-top: 1px solid #eef2f6;
}

.requisites__content--open {
    display: block;
}

.requisites__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 768px) {
    .requisites__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }
}

.requisites__col strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.requisites__col p {
    font-size: 13px;
    color: #4a5568;
    margin-bottom: 6px;
    line-height: 1.5;
}

.requisites__col a {
    color: #00656e;
    text-decoration: none;
}

.requisites__col a:hover {
    color: #e8b86d;
}