/* ============================================= */
/* ШАПКА: светлый фон, аккуратные отступы        */
/* ============================================= */
.container-header {
    background-color: #cec9c3;
    background-image: none;
    padding: 15px 0;
}

/* ============================================= */
/* ЛОГОТИП: размер и центрирование               */
/* ============================================= */
.navbar-brand {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.navbar-brand img,
.container-header .navbar-brand img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    max-height: none !important;
}

/* Убираем подпись под логотипом */
.navbar-brand .site-description {
    display: none !important;
}
/* ============================================= */
/* МЕНЮ: цвет, размер, жирность                  */
/* ============================================= */

/* Все пункты меню — одинаковые */
.container-header .metismenu.mod-menu .metismenu-item > a {
    color: #333333 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

/* При наведении мыши */
.container-header .metismenu.mod-menu .metismenu-item > a:hover {
    color: #8b4513 !important;
}

/* Активный пункт — такой же, как все */
.container-header .metismenu.mod-menu .metismenu-item.active > a {
    color: #333333 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

/* Отступ меню от логотипа */
.container-header .metismenu {
    margin-top: 20px;
}
}
/* Фон блока "Добро пожаловать" — темнее шапки */
#mod-custom118.banner-overlay {
    background-color: rgba(40, 35, 30, 0.8) !important;
}
.container-banner {
    padding: 0 !important;
    margin: 0 !important;
}
.container-banner,
.container-banner .overlay,
#mod-custom118 {
    background-color: rgba(40, 35, 30, 0.85) !important;
}
/* Убираем звёздное небо и ставим сплошной фон */
body {
    background-image: none !important;
    background-color: #d9d2cc !important;   /* цвет темнее шапки, но не коричневый */
}

/* Фон блока "Добро пожаловать" — убираем тёмный слой, он больше не нужен */
#mod-custom118.banner-overlay,
#mod-custom118 .overlay,
.container-banner {
    background-color: transparent !important;
    background-image: none !important;
}
/* Отступы для блока "Добро пожаловать" */
#mod-custom122 {
    padding: 40px 60px !important;
    max-width: 900px;
    margin: 0 auto;
}

/* Или, если ID не сработает — по классу */
.mod-custom.custom {
    padding: 40px 60px !important;
    max-width: 900px;
    margin: 0 auto;
}
/* Скрываем заголовок "Home" */
.page-header {
    display: none !important;
}
/* Скрываем картинку галактики */
.blog-featured img,
.blog-items img {
    display: none !important;
}
/* Текст на главной — крупнее */
#mod-custom122 p {
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}
/* Фото автора — крупнее */
/* Фото автора — крупнее, круглое (НО не баннер) */
#mod-custom122 img:not([src*="litres-banner"]) {
    width: 300px !important;
    height: 300px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid #cec9c3 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
/* Отступ между фото и текстом */
#mod-custom122 img {
    margin-bottom: 25px !important;
}

/* Текст — по центру, с ограничением ширины */
#mod-custom122 p {
    text-align: center !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Текст — по левому краю */
#mod-custom122 p {
    text-align: left !important;
}
/* Центрируем блок с фото и текстом */
#mod-custom122 > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}
/* Страница "Об авторе" — оформление текста */
.article-title,
h1.article-title {
    font-size: 36px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    color: #3a3530 !important;
}

/* Усиленный селектор — перебивает шаблон */
body .com-content-article__body,
body .com-content-article__body p {
    max-width: 750px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    font-size: 20px !important;
    line-height: 1.8 !important;
    color: #333333 !important;
}

body .com-content-article__body p {
    margin-bottom: 20px !important;
}
/* Звёзды рейтинга — крупнее и ярче */
.lartsvotes,
.lartsvotes-star,
.lartsvotes img {
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}
.lartsvotes img {
    filter: brightness(1.2) !important;
    opacity: 1 !important;
}
.lartsvotes {
    text-align: center !important;
    margin-top: 30px !important;
    padding: 20px 0 !important;
}
/* Звёзды рейтинга — яркие и крупные */
.lartsvotes,
.lartsvotes-wrapper,
.lartsvotes-stars {
    text-align: center !important;
    margin: 30px 0 !important;
    padding: 20px 0 !important;
}

.lartsvotes img,
.lartsvotes-star img,
.lartsvotes .star img {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    filter: brightness(1.5) saturate(1.5) !important;
    margin: 0 3px !important;
}
/* Звёзды рейтинга — яркие и крупные */
.lartsvotes .star,
.lartsvotes span.star {
    font-size: 35px !important;
    color: #cccccc !important;      /* цвет пустых звёзд — светло-серый */
    margin-right: 5px !important;
    opacity: 1 !important;
}

/* Заполненные звёзды (когда голосуют) */
.lartsvotes .star-full,
.lartsvotes .star-filled,
.lartsvotes span.star-full {
    color: #f5a623 !important;      /* золотой цвет для активных */
}
/* Переопределяем цвет звёзд через переменную */
.lartsvotes {
    --color-bg: #cccccc !important;   /* цвет пустых звёзд */
    --color-star: #f5a623 !important; /* цвет активных звёзд (если есть) */
}

/* Дополнительно — на случай, если переменная не сработает */
.lartsvotes .star {
    color: #cccccc !important;
    font-size: 40px !important;
}

.lartsvotes .star-full,
.lartsvotes .star-filled {
    color: #f5a623 !important;
}
/* Ядерный вариант — перебивает всё */
.lartsvotes,
.lartsvotes .star,
.lartsvotes span.star,
.lartsvotes span[class*="star"] {
    color: #999999 !important;
    fill: #999999 !important;
    stroke: #999999 !important;
    font-size: 40px !important;
    opacity: 1 !important;
    --color-bg: #999999 !important;
    --color-star: #f5a623 !important;
}
/* Все звёзды — золотые */
.lartsvotes .star,
.lartsvotes span[class*="star"] {
    color: #f5a623 !important;
}
/* Убираем счётчик символов в форме комментариев */
#jc .counter,
#jc .jc-counter,
#jc #comment-counter,
.jc-counter {
    display: none !important;
}
/* Убираем счётчик символов */
#jc .counter,
.jc-counter,
#jc #comment-counter {
    display: none !important;
}
/* Убираем ссылки "Обновить" и "RSS" в комментариях */
#jc .refresh,
#jc .rss,
#jc a[href*="refresh"],
#jc a[href*="rss"],
.jc-refresh,
.jc-rss {
    display: none !important;
}
/* Убираем ссылки "Обновить" и "RSS" в комментариях */
#jc .refresh,
#jc .rss,
#jc a[href*="refresh"],
#jc a[href*="rss"],
.jc-refresh,
.jc-rss {
    display: none !important;
}
/* Убираем ссылку "Обновить список комментариев" */
.comments-refresh,
.comments-list-footer .comments-refresh,
#comments .comments-refresh {
    display: none !important;
}
/* Убираем кнопку "Обновить" под капчей */
.jc-refresh,
.refresh-captcha,
#jc .refresh {
    display: none !important;
}
/* Текст комментария — крупнее */
#comments .comment-text,
#comments .comments-list .comment-text,
#comments .comment-body,
#comments .comment-content,
.comments-list .comment-text {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}

/* Имя автора комментария — крупнее */
#comments .comment-author,
#comments .comment-author-name,
.comments-list .comment-author {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #3a3530 !important;
}

/* Поле ввода комментария — крупнее */
#jc textarea,
#jc input[type="text"],
#comments textarea {
    font-size: 18px !important;
    line-height: 1.6 !important;
    padding: 12px !important;
}

/* Поле "Имя" — крупнее */
#jc input[type="text"] {
    font-size: 18px !important;
    padding: 12px !important;
}

/* Капча — крупнее */
#jc img,
#jc .captcha img,
#jc #captcha,
#jc .jc-captcha img {
    width: 180px !important;
    height: auto !important;
}

/* Поле ввода капчи — крупнее */
#jc input[name="captcha"],
#jc input#captcha,
#jc .captcha input {
    font-size: 20px !important;
    padding: 10px !important;
    letter-spacing: 3px !important;
}
/* Убираем кнопки "Вперёд" / "Назад" */
.pagination,
.pagenav,
.com-content-article__pagination,
nav.pagination {
    display: none !important;
}
/* Убираем "Информация о материале" на главной */
.blog-featured .article-info,
.blog-featured .com-content-article__info,
.blog-featured .icons,
.blog-featured .btn-group {
    display: none !important;
}
/* Убираем "Информация о материале" на главной */
.blog-featured .article-info,
.blog-featured .com-content-article__info,
.blog-item .article-info,
.item-content .article-info {
    display: none !important;
}
/* Убираем "Информация о материале" на главной */
.article-info,
dl.article-info,
.com-content-article__info,
.item-content .article-info,
.blog-item .article-info,
.blog-featured .article-info {
    display: none !important;
}
/* Скрываем поле "Фамилия" (Last name) */
#bwp_mod_form_namefield {
    display: none !important;
}

/* Скрываем поле "Mitgliedsnummer" */
#bwp_mod_form_specialfield {
    display: none !important;
}

/* Скрываем выбор формата рассылки Text/HTML */
#bwp_mod_form_emailformatfield {
    display: none !important;
}
/* Фон формы подписки — в цвет сайта */
#mod_bwpostman,
#bwp_mod_form {
    background-color: #f5f0e8 !important;   /* тёплый бежевый, как на сайте */
    padding: 30px !important;
    border-radius: 8px !important;          /* скруглённые углы */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;  /* лёгкая тень */
}

/* Заголовок формы */
#mod_bwpostman h3,
#bwp_mod_form h3 {
    color: #3a3530 !important;
    font-size: 24px !important;
}
<script>
document.addEventListener('DOMContentLoaded', function() {
    var lastNameField = document.querySelector('#bwp_mod_form_namefield input');
    if (lastNameField) {
        lastNameField.removeAttribute('required');
        lastNameField.removeAttribute('aria-required');
    }
});
</script>
#a_firstname::placeholder { color: transparent !important; }
#a_firstname { position: relative; }
#a_firstname::before {
    content: "Имя";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}
/* ============================================= */
/* ФОРМА ПОДПИСКИ ACYMAILING — ЯДЕРНЫЙ ВАРИАНТ  */
/* ============================================= */

/* Фон всей формы */
html body .acym_module,
html body .acym_module_form,
html body .acym__fulldiv,
html body .acym_module_form input[type="text"],
html body .acym_module_form input[type="email"],
html body .acym_form input[type="text"],
html body .acym_form input[type="email"] {
    border: 1px solid #cec9c3 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    width: 100% !important;
    max-width: 400px !important;
}

/* Подписи полей */
html body .acym_module_form label,
html body .acym_form label {
    font-size: 16px !important;
    color: #333333 !important;
    font-weight: 500 !important;
}

/* Кнопка "Подписаться" */
html body .acysubbuttons input,
html body .acysubbuttons button,
html body .acym_module_form input[type="submit"],
html body .acym_form input[type="submit"] {
    background-color: #8b4513 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    margin-top: 10px !important;
}

/* Кнопка при наведении */
html body .acysubbuttons input:hover,
html body .acysubbuttons button:hover,
html body .acym_module_form input[type="submit"]:hover {
    background-color: #5a2d0c !important;
}

/* Заголовок формы */
html body .acym_module h3,
html body .acym_module_form h3 {
    color: #3a3530 !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
}
/* Скрываем поле "Название" в форме подписки */
.acym_module_form #field_1,
.acym_module_form .fieldacy1 {
    display: none !important;
}
/* Форма подписки AcyMailing — без тени и скруглений */
.acym_module_form,
.acym_form,
.acym_module {
    background-color: #f5f0e8 !important;
    padding: 25px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Поля ввода */
.acym_module_form .onefield input,
.acym_form .onefield input {
    border: 1px solid #cec9c3 !important;
    border-radius: 0 !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    width: 100% !important;
    max-width: 400px !important;
    background-color: #ffffff !important;
}

/* Кнопка "Подписаться" — тёмно-синяя, как в меню */
.acym_module_form .acysubbuttons input,
.acym_module_form .acysubbuttons button,
.acym_form .acysubbuttons input,
.acym_form .acysubbuttons button {
    background-color: #1a2b4a !important;   /* тёмно-синий */
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    margin-top: 10px !important;
}

/* Кнопка при наведении */
.acym_module_form .acysubbuttons input:hover,
.acym_module_form .acysubbuttons button:hover,
.acym_form .acysubbuttons input:hover,
.acym_form .acysubbuttons button:hover {
    background-color: #0f1c33 !important;   /* темнее при наведении */
}
/* Убираем ВСЕ рамки и фоны вокруг формы подписки */
.card,
.card-body,
.card-header,
#main-bottom,
#main-bottom .card,
#main-bottom .card-body,
#main-bottom .card-header {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
}
/* ============================================ */
/* РАСШИРЯЕМ СТРАНИЦУ "О КНИГЕ" — ЯДЕРНЫЙ ВАРИАНТ */
/* ============================================ */
html body .com-content-article.item-page,
html body .com-content-article__body,
html body .com-content-article__body > div {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ============================================= */
/* МОБИЛЬНАЯ ВЕРСИЯ — адаптация блока с фото    */
/* ============================================= */
@media (max-width: 768px) {
    
    /* Блок "Добро пожаловать" — фото сверху, текст снизу */
    #mod-custom122 > div {
        display: block !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    /* Фото — по центру, не огромное */
    #mod-custom122 img {
        width: 180px !important;
        height: 180px !important;
        margin: 0 auto 20px !important;
        display: block !important;
    }
    
    /* Текст — на всю ширину */
    #mod-custom122 > div > div {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    
    /* Абзацы — чуть меньше шрифт */
    #mod-custom122 p {
        font-size: 17px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }
}
/* Поля формы DashaMail — компактнее */
.dashamail-form input[type="text"],
.dashamail-form input[type="email"],
.dashamail-form input[type="name"],
form[name*="dashamail"] input,
form[class*="dashamail"] input {
    max-width: 400px !important;
    width: 100% !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    border: 1px solid #cec9c3 !important;
    border-radius: 4px !important;
    display: block !important;
}

/* Кнопка — тоже не на всю ширину */
.dashamail-form button,
.dashamail-form input[type="submit"],
form[name*="dashamail"] button {
    max-width: 200px !important;
    width: auto !important;
    padding: 10px 30px !important;
    font-size: 16px !important;
    background-color: #2a5a8a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

/* Подписи полей — компактнее */
.dashamail-form label,
form[name*="dashamail"] label {
    font-size: 16px !important;
    color: #333333 !important;
    display: block !important;
    margin-bottom: 5px !important;
}/* Форма подписки — по центру */
.dashamail-form,
form[name*="dashamail"],
form[class*="dashamail"] {
    max-width: 500px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    text-align: center !important;
}

/* Поля — по центру */
.dashamail-form input[type="text"],
.dashamail-form input[type="email"],
form[name*="dashamail"] input {
    max-width: 400px !important;
    margin: 0 auto 15px !important;
    display: block !important;
    text-align: left !important;
}

/* Подписи — по центру или слева */
.dashamail-form label,
form[name*="dashamail"] label {
    display: block !important;
    max-width: 400px !important;
    margin: 0 auto 5px !important;
    text-align: left !important;
}

/* Кнопка — по центру */
.dashamail-form button,
.dashamail-form input[type="submit"],
form[name*="dashamail"] button {
    margin: 10px auto 0 !important;
    display: block !important;
}
/* Обложка — приближается при наведении */
.com-content-article__body img {
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    cursor: pointer !important;
}

.com-content-article__body img:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}
/* Фото на главной — без тени, приближается */
html body #mod-custom122 img {
    transition: transform 0.4s ease !important;
    cursor: pointer !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

html body #mod-custom122 img:hover {
    transform: scale(1.08) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
/* Ядерный вариант — всё адаптивно на мобильных */
@media (max-width: 768px) {
    html body .com-content-article__body,
    html body .com-content-article__body *,
    html body .item-content,
    html body .item-content *,
    html body .blog-item,
    html body .blog-item * {
        max-width: 100% !important;
        width: auto !important;
       display: block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    html body .com-content-article__body img,
    html body .item-content img,
    html body .blog-item img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto 20px !important;
    }
    
    html body .com-content-article__body p,
    html body .item-content p,
    html body .blog-item p {
        font-size: 17px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }
}
/* Подвал — цвет как у кнопки подписки (ядерный вариант) */
html body footer.container-footer,
html body footer.footer,
html body .container-footer.footer,
html body footer {
    background-color: #2a5a8a !important;
    background-image: none !important;
}

/* Текст в подвале — белый */
html body footer.container-footer p,
html body footer.container-footer div,
html body footer.container-footer span,
html body footer.container-footer a {
    color: #ffffff !important;
}

/* Убираем возможные тени и границы */
html body footer.container-footer {
    border: none !important;
    box-shadow: none !important;
}
/* Кнопки "Купить" — цвет как у "Подписаться" */
.com-content-article__body a[style*="#1a2b4a"],
.com-content-article__body a[style*="1a2b4a"] {
    background-color: #2a5a8a !important;
}

.com-content-article__body a[style*="#1a2b4a"]:hover,
.com-content-article__body a[style*="1a2b4a"]:hover {
    background-color: #1e4d7b !important;
}
/* ============================================= */
/* МОБИЛЬНАЯ ВЕРСИЯ — кнопки "Купить" в столбик */
/* ============================================= */
@media (max-width: 768px) {
    
    /* Каждая кнопка — на своей строке */
    .com-content-article__body a[style*="background-color"],
    .com-content-article__body a[style*="inline-block"] {
        display: block !important;
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    /* Убираем правый отступ, который был для кнопок в ряд */
    .com-content-article__body a[style*="margin-right"] {
        margin-right: auto !important;
    }
}
@media (max-width: 768px) {
    .com-content-article__body a[href="#"] {
        display: block !important;
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto 12px !important;
        text-align: center !important;
    }
/* ============================================= */
/* ОСВЕТЛЕНИЕ САЙТА — мягкое                     */
/* ============================================= */

/* Фон страницы — тёплый светлый бежевый */
html body,
body.site {
    background-color: #ebe6df !important;
    background-image: none !important;
}

/* Шапка — светлее страницы */
.container-header {
    background-color: #f5f0e8 !important;
    background-image: none !important;
}
/* ============================================ */
/* КНОПКИ JCOMMENTS — РАБОТАЮТ ВЕЗДЕ           */
/* ============================================ */
#comments-form-send {
    background-color: #2a5a8a !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

#comments-form-send:hover {
    background-color: #1e4d7b !important;
}

#comments-form-reset {
    background-color: #cec9c3 !important;
    color: #333333 !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}
  /* ============================================ */
/* КНОПКИ JCOMMENTS — РАБОТАЮТ НА ВСЕХ ЭКРАНАХ  */
/* ============================================ */
#comments-form-send {
    background-color: #2a5a8a !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

#comments-form-send:hover {
    background-color: #1e4d7b !important;
}

#comments-form-reset {
    background-color: #cec9c3 !important;
    color: #333333 !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}
 /* ============================================= */
/* НАДПИСЬ НАД ФОРМОЙ — адаптация для мобильных  */
/* ============================================= */

/* Текст надписи — во всех экранах */
#mod-custom141 pre,
#mod-custom141 .mod-custom pre,
.mod-custom pre {
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    max-width: 100% !important;
}
  /* Скрываем дату и время в комментариях */
.comment-date,
.commentDate {
    display: none !important;
}
  /* Ядерный вариант — убираем дату везде */
.comment-info dd.published,
.comment-info time,
.comment-info .icon-calendar,
dl.comment-info .published,
.comment-info dt.published {
    display: none !important;
}

/* Убираем отступы у контейнера шапки */
.container-header .grid-child,
.container-header .navbar-brand {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
}

/* Убираем отступы у шапки */
.container-header {
    padding: 0 !important;
    margin: 0 !important;
}

.container-header .grid-child {
    padding: 0 !important;
    max-width: 100% !important;
}

.container-header .navbar-brand {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.container-header .navbar-brand img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
/* 2. Адаптация для мобильных */
@media (max-width: 768px) {
    /* Кнопка меню — заметнее */
    .navbar-toggler {
        background-color: #2a5a8a !important;
        border: 2px solid #ffffff !important;
        border-radius: 4px !important;
        padding: 8px 12px !important;
    }
    
    .navbar-toggler-icon {
        filter: invert(1) !important;
    }
      /* Фото автора на мобильном — ровный круг */
    #mod-custom122 img:not([src*="litres-banner"]) {
        width: 200px !important;
        height: 200px !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }

    /* Текст надписи — меньше шрифт */
    #mod-custom141 pre,
    .mod-custom pre {
        font-size: 14px !important;
        line-height: 1.4 !important;
        padding: 0 8px !important;
    }
  
  /* Отступ под обложкой на странице "О книге" */
.com-content-article__body img {
    margin-bottom: 20px !important;
}

/* Или, если нужно добавить отступ именно тексту */
.com-content-article__body p:first-of-type {
    margin-top: 0 !important; /* Убираем лишний отступ сверху, если он есть */
}
  /* Отступ между обложкой и текстом на странице "О книге" */
.com-content-article__body > div > div {
    padding-left: 30px !important; /* Отступ слева для блока с текстом */
}

/* Или, если текст прижат к картинке снизу (на мобильных) */
.com-content-article__body > div {
    gap: 30px !important; /* Отступ между колонками */
}
  /* Отступ между обложкой и текстом — принудительно */
.com-content-article__body > div[style*="grid"] {
    gap: 40px !important;
}

/* Если текст прилипает к обложке снизу (на мобильных) */
@media (max-width: 768px) {
    .com-content-article__body > div[style*="grid"] {
        display: block !important; /* Убираем grid, ставим в столбик */
    }
    .com-content-article__body > div[style*="grid"] img {
        margin-bottom: 20px !important; /* Отступ под картинкой */
    }
   @media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

  /* ============================================= */
/* ЯДЕРНЫЙ ФИКС ДЛЯ СКРЫТИЯ ДАТЫ В КОММЕНТАРИЯХ   */
/* ============================================= */

/* Скрываем родительский блок с датой */
dl.comment-info dd.published,
dl.comment-info dd.published * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}
/* ============================================= */
/* ТЯЖЕЛАЯ АРТИЛЛЕРИЯ: БАННЕР НА ВЕСЬ ЭКРАН      */
/* ============================================= */
@media (min-width: 769px) {
    /* 1. Шапка занимает всю ширину и становится якорем */
    html body header.container-header {
        position: relative !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding: 0 !important;
        overflow: visible !important; /* Принудительно разрешаем вылезать за рамки */
    }

    /* 2. Контейнеры внутри шапки тоже без ограничений */
    html body header.container-header .grid-child,
    html body header.container-header .navbar-brand,
    html body header.container-header .navbar-brand a {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        overflow: visible !important;
    }

    /* 3. Картинка вырывается из потока и растягивается на 100% окна */
    html body header.container-header .navbar-brand img {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 550px !important; /* Фиксируем высоту */
        object-fit: cover !important; /* Заполняем, обрезая лишнее */
        display: block !important;
        
        /* ВОТ ГЛАВНЫЙ ТРЮК: вырываем картинку из контейнера */
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}
  /* ============================================= */
/* ЯДЕРНОЕ ПЕРЕКЛЮЧЕНИЕ БАННЕРОВ (КОМП/ТЕЛЕФОН)  */
/* ============================================= */

/* На компьютере показываем горизонтальный, скрываем вертикальный */
@media (min-width: 769px) {
    .banner-desktop { 
        display: block !important; 
    }
    .banner-mobile { 
        display: none !important; 
    }
}

/* На телефонах скрываем горизонтальный, показываем вертикальный */
@media (max-width: 768px) {
    .banner-desktop { 
        display: none !important; 
    }
    .banner-mobile { 
        display: block !important; 
    }
}