/* Основной контейнер блока */
.isb-container {
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
    border: 1px solid #e9eef5;
    border-radius: 20px;
    padding: 40px;
    max-width: 800px;
    margin: 40px auto !important;
    margin-bottom: 40px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 70, 150, 0.07);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
}

/* Главный заголовок */
.isb-headline {
    font-size: 36px;
    font-weight: 700;
    color: #c2180c;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Подзаголовок (параграф) */
.isb-subheadline {
    font-size: 16px;
    color: #5f728a;
    max-width: 600px;
    margin: 0 auto 30px auto;
    line-height: 1.6;
}

/* Контейнер для кнопок */
.isb-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap; /* для мобильных */
}

/* Общие стили для кнопок */
.isb-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* Основная (синяя) кнопка */
.isb-btn.primary {
    background-color: #0073aa;
    color: #ffffff;
}
.isb-btn.primary:hover {
    background-color: #005177;
    transform: translateY(-2px);
}

/* Вторичная (белая) кнопка */
.isb-btn.secondary {
    background-color: #ffffff;
    color: #0d2a4e;
    border: 1px solid #cdd5e0;
}
.isb-btn.secondary:hover {
    border-color: #0d2a4e;
    transform: translateY(-2px);
}

.isb-text-section p{
    text-align: justify;
}

/* Секция "Что вы получите" */
.isb-what-you-get {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #0d2a4e;
    margin-bottom: 20px;
}
.isb-what-you-get .fa-rocket {
    color: #ff4500;
    font-size: 24px;
}
.isb-what-you-get h3 {
    margin: 0;
    font-size: 20px;
}

/* Список преимуществ */
.isb-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 30px auto;
    display: inline-block; /* чтобы выровнять по центру контейнера, но текст внутри был слева */
    text-align: left;
}
.isb-feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #3c434a;
    margin-bottom: 12px;
}

.isb-feature-list .fa-square-check {
    color: #34a853; /* зеленый цвет галочки */
    font-size: 16px;
}
.fa-wallet {
    color: #ad8108; /* желтый цвет треугольника */
    font-size: 20px;
}

.isb-feature-list .fa-circle-check {
    color: #1f63bb; /* зеленый цвет галочки */
    font-size: 14px;
}

.isb-feature-list .fa-sack-dollar {
    color: #0d6915; /* желтый цвет треугольника */
    font-size: 16px;
}

.fa-triangle-exclamation {
    color: #e2c102; /* желтый цвет треугольника */
    font-size: 20px;
}

.isb-feature-list .fa-xmark {
    color: #b60d0d; /* красный цвет крестика */
    font-size: 16px;
}


.fa-diamond {
    color: #211eca; /* синий цвет бриллианта */
    font-size: 20px;
}

.fa-lightbulb {
    color: #eed12c; /* желтый цвет треугольника */
    font-size: 20px;
}

/* Уведомление о безопасности */
.isb-security-notice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #8c98a8;
    background-color: #f7f9fc;
    padding: 8px 15px;
    border-radius: 30px;
}
.isb-security-notice .fa-lock {
    color: #ffbf00;
}

.isb-video {
    margin: 25px 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
}

.isb-video video {
    max-width: 400px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .isb-container {
        padding: 25px;
    }
    .isb-headline {
        font-size: 28px;
    }
    .isb-buttons {
        flex-direction: column;
    }
}

/*
 * Стили для блока юридической информации
 */

.isb-legal-info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
    max-width: 800px;
    margin: -20px auto 40px auto; /* Отрицательный margin, чтобы придвинуть ближе к верхнему блоку */
    border: 1px solid #e9eef5;
    border-radius: 20px;
    padding: 30px 40px;
    background-color: #ffffff;
    font-size: 14px;
    color: #374151; /* Темно-серый цвет текста */
    line-height: 1.6;
    box-shadow: 0 10px 30px rgba(0, 70, 150, 0.07);
}

/* Общий класс для секций внутри юридического блока */
.isb-legal-section {
    margin-bottom: 25px;
}
.isb-legal-section:last-child {
    margin-bottom: 0;
}

.isb-legal-info h4 {
    font-size: 18px;
    color: #111827;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
}

.isb-legal-info h5 {
    font-size: 16px;
    color: #111827;
    margin-top: 0;
    margin-bottom: 10px;
}

.isb-legal-info p,
.isb-legal-info li {
    margin-bottom: 10px;
}

.isb-legal-info a {
    color: #0073aa;
    text-decoration: none;
}
.isb-legal-info a:hover {
    text-decoration: underline;
}

/* Стили для двух колонок */
.isb-legal-columns {
    display: flex;
    gap: 30px; /* Пространство между колонками */
    margin-bottom: 25px;
}
.isb-legal-col-35 {
    flex: 0 0 35%; /* Фиксированная ширина 35% */
}
.isb-legal-col-65 {
    flex: 1; /* Занимает оставшееся пространство */
}

/* Убираем стандартные стили списков в колонках */
.isb-legal-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.isb-legal-col strong {
    color: #111827;
}

/* Стили для упорядоченного списка (процедура заказа) */
.isb-legal-info ol {
    padding-left: 20px;
}
.isb-legal-info ol li {
    margin-bottom: 8px;
}

/* Стили для цитаты с обязательным текстом */
.isb-legal-info blockquote {
    margin: 15px 0 0 0;
    padding: 15px 20px;
    background-color: #f9fafb;
    border-left: 4px solid #0073aa;
    border-radius: 4px;
    font-size: 13px;
    color: #4b5563;
}
.isb-legal-info blockquote p:last-child {
    margin-bottom: 0;
}

/* Адаптивность для юридического блока */
@media (max-width: 768px) {
    .isb-legal-info {
        padding: 20px;
        margin-top: 20px;
        border-radius: 20px; /* Делаем все углы скругленными на мобильных */
    }
    .isb-legal-columns {
        flex-direction: column; /* Ставим колонки друг под другом */
        gap: 20px;
    }
}

/* Заголовок страницы с иконкой (напр. "Политика конфиденциальности") */
.isb-page-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 32px;
    font-weight: 700;
    color: #0d2a4e;
    margin-bottom: 25px;
}
.isb-page-title .fa-solid {
    color: #ffbf00; /* Желтый цвет замка */
}

/* Заголовки секций с иконкой (напр. "Какие данные мы собираем?") */
.isb-section-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #0d2a4e;
    margin-top: 40px;
    margin-bottom: 20px;
}
.isb-section-heading h3 {
    margin: 0;
    font-size: 22px;
}
.isb-section-heading .fa-solid {
    font-size: 24px;
    color: #0073aa; /* Основной синий цвет */
}
/* Индивидуальные цвета для иконок секций для разнообразия */
.isb-section-heading .fa-thumbtack {
    color: #d9534f;
}
.isb-section-heading .fa-cogs {
    color: #5bc0de;
}
.isb-section-heading .fa-hand-sparkles {
    color: #f0ad4e;
}



/* Общий стиль для списков с иконками */
.isb-icon-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: table; /* Чтобы выровнять по центру контейнера, а текст внутри был слева */
    text-align: left;
}
.isb-icon-list li {
    display: flex;
    align-items: flex-start; /* Выравнивание по верху для многострочного текста */
    gap: 15px;
    font-size: 16px;
    color: #3c434a;
    margin-bottom: 12px;
}
.isb-icon-list li .fa-solid,
.isb-icon-list li .fa-regular {
    width: 20px; /* Фиксированная ширина для идеального выравнивания текста */
    text-align: center;
    font-size: 18px;
    color: #0073aa; /* Цвет по умолчанию для иконок в списке */
    margin-top: 2px; /* Небольшая коррекция для вертикального выравнивания */
}
.isb-icon-list li::before {
    content: "- "; /* Добавляем дефис перед текстом */
    margin-right: 5px; /* Добавляем небольшой отступ */
}

/* Переопределяем цвет ссылок внутри контейнера для единообразия */
.isb-container a {
    color: #0073aa;
    font-weight: 600;
    text-decoration: none;
}
.isb-container a:hover {
    text-decoration: underline;
}

/*
 * Стили для страницы "Политика Cookies"
 */

/* Кастомные цвета для иконок на этой странице */
.isb-page-title .fa-cookie-bite {
    color: #d2691e;
} /* Коричневый цвет печеньки */
.isb-section-heading .fa-list-check {
    color: #337ab7;
}
.isb-section-heading .fa-envelope-open-text {
    color: #5cb85c;
}

/* Желтый блок с предупреждением */
.isb-warning-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-left-width: 4px;
    border-left-color: #f59e0b;
    color: #92400e;
    padding: 15px;
    border-radius: 8px;
    margin: 25px 0;
}
.isb-warning-box .fa-triangle-exclamation {
    font-size: 20px;
    color: #f59e0b;
}

/* Стили для иконок в списке типов cookies */
.isb-icon-list .fa-check {
    color: #5cb85c;
}
.isb-icon-list .fa-chart-line {
    color: #5bc0de;
}
.isb-icon-list .fa-smile {
    color: #f0ad4e;
}
.isb-icon-list .fa-bullhorn {
    color: #d9534f;
}

/* Стили для списка ссылок на браузеры */
.isb-browser-links {
    list-style: disc;
    padding-left: 20px;
    text-align: left;
    display: inline-block;
    margin-top: 10px;
}
.isb-browser-links li {
    margin-bottom: 8px;
}

/*
 * Стили для страницы "Защита персональных данных"
 */

/* Кастомные цвета для иконок на этой странице */
.isb-page-title .fa-user-shield {
    color: #337ab7;
} /* Уверенный синий */
.isb-section-heading .fa-database {
    color: #5cb85c;
}
.isb-section-heading .fa-bullseye {
    color: #d9534f;
}
.isb-section-heading .fa-gavel {
    color: #6f42c1;
} /* Благородный фиолетовый */

/*
 * Стили для страницы "Правила и положения"
 */

/* Кастомные цвета для иконок на этой странице */
.isb-page-title .fa-file-contract {
    color: #6f42c1;
} /* Фиолетовый */
.isb-section-heading .fa-laptop-file {
    color: #0073aa;
}
.isb-section-heading .fa-copyright {
    color: #5cb85c;
}
.isb-section-heading .fa-arrows-rotate {
    color: #5bc0de;
}