html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}


/* --- МЕНЮ (Оставляем без изменений) --- */
.menu_item_active { color: #afafbe; pointer-events: none }
.menu_list_item.active { opacity: 1; }
.menu_default_link { font-size: 20px; text-decoration: none }
.menu_list .menu_dropdown__toggle.active { color: #afafbe; }


/* --- СТРАНИЦА ПРОТИВОДЕЙСТВИЯ КОРРУПЦИИ --- */

/* Основной фон страницы - СВЕТЛЫЙ */
.anticorruption-section {
    padding: 60px 20px;
    /* Светлый фон для всей секции, как на фото 2 */
    background-color: #6685b2; 
    background-image: url(../../pics/noise_bg.webp); /* Если нужен шум */
    font-family: 'Inter', sans-serif;
    color: #333;
    line-height: 1.6;
}

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

/* Шапка */
.ac-header {
    text-align: center;
    margin-bottom: 50px;
    /* Чтобы белый текст читался, можно добавить подложку или тень, 
       но на фото 2 шапка вроде на темном фоне. Если нужно вернуть темную шапку - напиши. */
    background: #202d5769; /* Временная темная плашка для шапки */
    padding: 40px 20px;
    border-radius: 20px;
}

.ac-title {
    font-size: 45px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 800;
}

.ac-subtitle {
    font-size: 25px;
    color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
}

/* Сетка страницы (Основная) */
.ac-layout {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Текст слева пошире, сайдбар справа поуже */
    gap: 40px;
    align-items: start;
}

/* Вводный абзац */
.ac-intro {
    font-size: 25px !important;
    font-weight: 500;
    border-left: 4px solid #202d57;
    padding-left: 20px;
    color: #222;
    margin-bottom: 40px;
}


/* =========================================================
   НОВАЯ ЧЕРНАЯ СЕКЦИЯ (КАК НА ФОТО 2 - ВНУТРИ КОНТЕНТА)
   ========================================================= */

.dark-section-contained {
    /* Это просто блок внутри левой колонки. Не растягивается на весь экран. */
    background-color: #202d5769; /* Черный цвет блока */
    background-image: url(../../pics/noise_bg.webp);
    color: #e0e0e0;
    
    padding: 50px; /* Внутренние отступы */
    border-radius: 24px; /* Закругленные углы, как на фото */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); /* Тень под блоком */
    margin-bottom: 50px;
}

/* --- Типографика внутри черного блока --- */
.bribe-title {
    color: #d1352d; /* Красный заголовок ВЗЯТКА!! */
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: 1px;
    text-shadow: 0 0 20px rgba(255, 59, 48, 0.2);
}

.dark-section-contained p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #ffffff;
}

.simple-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
}

.simple-list li {
    margin-bottom: 8px;
}

.mt-20 {
    margin-top: 20px;
}

/* --- Карточки (Получение / Дача) --- */
.crime-cards-row {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.crime-card {
    flex: 1; /* Карточки одинаковой ширины */
    border: 1px solid #a2b7d8;
    border-radius: 16px;
    padding: 30px;
    background: #5063a171; /* Чуть светлее фона */
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.crime-card:hover {
    border-color: #a2b7d8;
    border: 2px;/* Красная рамка при наведении */
    transform: translateY(-5px);
}

.crime-card h3 {
    color: #ffffff;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.crime-card p {
    font-size: 16px;
    line-height: 1.5;
    color: #f3f3f3;
    margin: 0;
}

/* --- Списки (Предметы, Услуги) --- */
.definition-block, 
.liability-block {
    margin-top: 50px;
    border-top: 1px solid #333;
    padding-top: 30px;
}

.definition-block h3, 
.liability-block h3 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 25px;
}

.detailed-list {
    list-style: none;
    padding: 0;
}

.detailed-list li {
    margin-bottom: 25px;
    font-size: 17px;
    color: #f3f3f3;
    line-height: 1.6;
}

.detailed-list strong {
    color: #fff;
    font-size: 20px;
    display: block;
    margin-bottom: 8px;
}

.highlight-text {
    border-left: 4px solid #ff3b30;
    padding-left: 25px;
    background: rgba(255, 59, 48, 0.1);
    padding: 20px;
    border-radius: 0 12px 12px 0;
    color: #fff !important;
    font-style: italic;
    margin-top: 30px;
}

/* =========================================================
   САЙДБАР (БОКОВАЯ КОЛОНКА)
   ========================================================= */

.ac-sidebar {
    position: sticky;
    top: 100px;
}

.sidebar-image img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    display: block;
}

.ac-hotline {
    /* Горячая линия на светлом фоне, как на фото 2 */
    background: #202d5769;
    color: #333;
    padding: 35px;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 2px solid #e3eaf4;
}

.ac-hotline h4 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    color: #f6f8ff;
    font-weight: 800;
}

.ac-hotline p {
    font-size: 22px;
    font-weight: 600;
    color: #ff3b30;
    margin-bottom: 25px;
}

.ac-btn {
    display: inline-block;
    background: #202d57;
    color: #fff;
    padding: 12px 35px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    transition: background 0.3s ease;
}

.ac-btn:hover {
    background: #34495e;
}

/* =========================================================
   АДАПТИВКА ДЛЯ СТРАНИЦЫ "ПРОТИВОДЕЙСТВИЕ КОРРУПЦИИ" 
   ========================================================= */

/* Для планшетов и телефонов (перестраиваем в 1 колонку) */
@media screen and (max-width: 900px) {
    .ac-layout {
        grid-template-columns: 1fr !important; /* Одна колонка */
        gap: 30px !important;
    }
    .ac-sidebar {
        position: static !important;
        margin-top: 0 !important;
    }
}

/* Специально для мобильных телефонов (уменьшаем шрифты и отступы) */
@media screen and (max-width: 768px) {
    
    /* 1. Общие отступы страницы */
    .anticorruption-section {
        padding: 30px 15px !important;
    }

    /* 2. Шапка страницы */
    .ac-header {
        padding: 25px 15px !important;
        margin-bottom: 30px !important;
        border-radius: 16px !important;
    }
    .ac-title {
        font-size: 26px !important; /* Уменьшаем гигантский заголовок */
        line-height: 1.2 !important;
    }
    .ac-subtitle {
        font-size: 16px !important;
    }

    /* 3. Вводный текст */
    .ac-intro {
        /* Перебиваем ваш !important из основного кода */
        font-size: 18px !important; 
        padding-left: 15px !important;
        margin-bottom: 30px !important;
    }

    /* 4. Темный блок с основной информацией */
    .dark-section-contained {
        padding: 25px 15px !important; /* Меньше отступов по бокам */
        border-radius: 16px !important;
        margin-bottom: 30px !important;
    }
    
    .bribe-title {
        font-size: 32px !important;
        margin-bottom: 20px !important;
        text-align: center !important; /* Центрируем для красоты на телефоне */
    }

    /* 5. Карточки (Дача / Получение взятки) */
    .crime-cards-row {
        flex-direction: column !important; /* Строго друг под другом */
        gap: 15px !important;
        margin-top: 25px !important;
        margin-bottom: 30px !important;
    }
    .crime-card {
        padding: 20px 15px !important;
    }
    .crime-card h3 {
        font-size: 20px !important;
    }

    /* 6. Списки и выделенный текст */
    .definition-block h3, 
    .liability-block h3 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    .detailed-list li {
        font-size: 15px !important;
    }
    .detailed-list strong {
        font-size: 18px !important;
    }

    .highlight-text {
        font-size: 15px !important;
        padding: 15px !important;
        margin-top: 20px !important;
        border-left-width: 3px !important;
    }

    /* 7. Блок "Сообщить о коррупции" (Горячая линия) */
    .ac-hotline {
        padding: 25px 15px !important;
    }
    .ac-hotline h4 {
        font-size: 24px !important;
    }
    .ac-hotline p {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }
    .ac-btn {
        display: block !important;
        width: 100% !important; /* Кнопка во всю ширину экрана - удобно нажимать */
        box-sizing: border-box !important;
    }
}