html, body, #page, #page-body, .page-body-img, 
div#page, div#page-body, div.page-body-img,
.content-wrapper-1, .content-wrapper-2, .content-wrapper-3, .content-wrapper-4 {
    background: radial-gradient(circle at top, #1e222a 0%, #111317 100%) !important; 
    background-image: radial-gradient(circle at top, #1e222a 0%, #111317 100%) !important;
    background-color: #111317 !important;
}

#toolbar, #headerbar, #menu, #right, 
.content-wrapper-t1, .content-wrapper-t2, .content-wrapper-t3,
.content-wrapper-b1, .content-wrapper-b2, .content-wrapper-b3 {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
}

div#header, 
.yoopage #header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: -56px !important; 
    left: 0 !important;
    width: 100% !important;
    z-index: 2000000 !important;
    height: auto !important;
    display: block !important;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/templates/Studio/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/templates/Studio/fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Родоначальный блок шапки: сохраняем размеры и липкость, но включаем flex */
div#header #logo, 
#logo.new-logo-block {
    display: flex !important;               
    flex-direction: column !important;      
    justify-content: center !important;     
    font-family: 'Montserrat', sans-serif !important;
    filter: none !important;                
    visibility: visible !important;
    opacity: 1 !important;
    float: none !important;
    width: 100% !important;
    text-align: left !important; 
    height: 75px !important; 
    position: -webkit-sticky !important; 
    position: sticky !important; 
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;              
    padding-left: 14px !important; 
    background: #161920 !important; 
    z-index: 2000001 !important; 
    box-sizing: border-box !important;
}

/* Главный заголовок на мобилке — Сделали обратно БЕЛЫМ */
#logo .site-title,
.new-logo-block .site-title { 
    display: block !important; 
    font-size: 28px !important; 
    color: #ffffff !important;              /* Цвет возвращен в нормальный белый */
    font-weight: 900 !important;            
    text-decoration: none !important; 
    line-height: 1 !important; 
    letter-spacing: 0.5px !important; 
    font-family: 'Montserrat', sans-serif !important;
    margin: 0 !important;                   
}

/* Подзаголовок на mobile */
#logo .site-subtitle,
.new-logo-block .site-subtitle { 
    display: block !important; 
    font-size: 11px !important; 
    color: #788293 !important; 
    margin: 4px 0 0 0 !important; 
    padding: 0 !important; 
    line-height: 1 !important;
    font-family: 'Montserrat', sans-serif !important;
}



div#header #search, #search, .sidebar-search, #yoo-search-1, .yoo-search, .searchbox {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    float: none !important;
    position: relative !important; 
    top: auto !important; 
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #161920 !important; 
    z-index: 10000 !important;
}

div#header #search { 
    padding: 4px 12px 6px 12px !important; 
    height: 56px !important; 
    box-sizing: border-box !important; 
}

.yoopage #header #search .searchbox input, input.searchfield, .searchfield {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 44px !important;
    background: #0f1115 !important; 
    border: 1px solid #242933 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding-left: 42px !important;
}

.search-magnifier, button.search-magnifier { 
    position: absolute !important; 
    top: 14px !important; 
    left: 14px !important; 
    z-index: 10100 !important; 
}

.mobile-categories-scroll { 
    display: block !important; 
    width: 100% !important; 
    overflow-x: auto !important; 
    overflow-y: hidden !important; 
    position: -webkit-sticky !important; 
    position: sticky !important; 
    top: 75px !important; 
    left: 0 !important;
    margin: 0 !important; 
    padding: 4px 12px 10px 12px !important; 
    box-sizing: border-box !important; 
    background: #161920 !important; 
    -webkit-overflow-scrolling: touch !important; 
    z-index: 2000002 !important;
    border-bottom: 2px solid #ff5500 !important; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; 
}

.mobile-categories-scroll::-webkit-scrollbar { 
    display: none !important; 
}

.mobile-cat-list { 
    display: flex !important; 
    flex-direction: row !important; 
    white-space: nowrap !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    list-style: none !important; 
    gap: 8px !important; 
}

.mobile-cat-list li a { 
    display: inline-block !important; 
    padding: 8px 16px !important; 
    background: #20242d !important; 
    border: 1px solid #2b313d !important; 
    color: #b9c4d6 !important; 
    border-radius: 20px !important; 
    font-size: 14px !important; 
    text-decoration: none !important; 
}

.mobile-cat-list li.home-capsule a { 
    background: #20242d !important; 
    border: 1px solid #2b313d !important; 
    color: #b9c4d6 !important; 
    font-weight: normal !important; 
}

.wrapper, #middle, #middle-expand, #main, #main-shift, .mainbottomblock {
    width: 100% !important; 
    max-width: 100% !important; 
    min-width: 100% !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    float: none !important; 
    position: relative !important; 
    left: auto !important; 
    top: auto !important; 
    height: auto !important; 
    box-sizing: border-box !important; 
    background: none !important;
}

.mainbottomblock { 
    padding: 15px 12px 20px 12px !important; 
    display: block !important; 
}

div.module.mod-gradient, div.box-1.deepest[style*="background: #ffffff"] {
    width: 100% !important; 
    max-width: 100% !important; 
    min-width: 100% !important; 
    padding: 15px !important; 
    height: auto !important; 
    min-height: 0 !important; 
    display: block !important; 
    box-sizing: border-box !important; 
    float: none !important; 
    margin: 0 0 20px 0 !important; 
    position: relative !important; 
    background: #ffffff !important; 
    border-radius: 12px !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

div.box-1.deepest > div[style*="border-bottom"] { 
    display: block !important; 
    margin-bottom: 15px !important; 
    padding-top: 5px !important; 
    padding-bottom: 12px !important; 
    position: relative !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
}

div.box-1.deepest > div[style*="border-bottom"] a[href*="do=editnews"], 
div.box-1.deepest > div[style*="border-bottom"] img[src*="edit.png"], 
div.box-1.deepest > div[style*="border-bottom"] div[style*="flex-shrink: 0"] { 
    position: absolute !important; 
    top: 6px !important; 
    right: 0 !important; 
    left: auto !important; 
    margin: 0 !important; 
    z-index: 999 !important; 
    display: inline-block !important; 
    width: auto !important; 
}

div.box-1.deepest h2 a[id^="fav-id-"], 
div.box-1.deepest a[href*="do=favorite"], 
div.box-1.deepest [id^="fav-id-"] { 
    position: absolute !important; 
    top: 34px !important; 
    right: 0 !important; 
    left: auto !important; 
    margin: 0 !important; 
    z-index: 9999 !important; 
    display: inline-block !important; 
    width: auto !important; 
    height: auto !important; 
}

div.box-1.deepest h2[style*="border-left"] { 
    padding-left: 12px !important; 
    padding-right: 35px !important; 
    box-sizing: border-box !important; 
    width: 100% !important; 
    display: block !important; 
}

div.box-1.deepest h2 a { 
    font-size: 18px !important; 
    line-height: 1.4 !important; 
    display: block !important; 
}

div.box-1.deepest > div[style*="margin-bottom: 15px"] { 
    display: block !important; 
    width: 100% !important; 
}

div.box-1.deepest div[style*="float: right"] { 
    width: 100% !important; 
    max-width: 100% !important; 
    float: none !important; 
    margin: 0 0 15px 0 !important; 
    box-shadow: none !important; 
}

div.box-1.deepest div[style*="float: right"] img { 
    width: 100% !important; 
    height: auto !important; 
    max-height: 220px !important; 
    object-fit: cover !important; 
    border-radius: 6px !important; 
}

div.box-1.deepest div[style*="font-size: 15px"] { 
    width: 100% !important; 
    font-size: 14px !important; 
    line-height: 1.6 !important; 
}

div.box-1.deepest div[style*="border-top"] { 
    display: block !important; 
    width: 100% !important; 
    padding-top: 15px !important; 
    box-sizing: border-box !important; 
}

div.box-1.deepest div[style*="display: flex; flex-direction: column"] { 
    display: block !important; 
    width: 100% !important; 
}

.card-category-tags { 
    margin-bottom: 15px !important; 
    width: 100% !important; 
}

div.box-1.deepest div[style*="color: #666666"] { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    gap: 12px 16px !important; 
    margin-bottom: 20px !important; 
    width: 100% !important; 
}

div.box-1.deepest div[style*="flex-shrink: 0"] a { 
    display: block !important; 
    text-align: center !important; 
    padding: 12px 20px !important; 
    font-size: 15px !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
}

.mobile-login-trigger {
    display: inline-block !important; 
    position: fixed !important; 
    top: 10px !important; 
    right: 12px !important;
    left: auto !important;
    z-index: 2147483647 !important; 
    pointer-events: auto !important;
}

.mobile-login-trigger a {
    color: #ff5500 !important; 
    text-decoration: none !important;
    font-size: 13px !important; 
    font-weight: bold !important;
    text-transform: uppercase;
    background: #20242d !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    border: 1px solid #2b313d !important;
    display: inline-block !important;
}

#mobile-login-form, 
#mobile-login-form.visual-hidden {
    position: fixed !important; 
    top: 45px !important; 
    right: 12px !important; 
    left: auto !important;
    width: 215px !important; 
    height: auto !important;
    background: #161920 !important; 
    border: 1px solid #2b313d !important; 
    padding: 10px !important; 
border-radius: 8px !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;z-index: 2147483647 !important;text-align: center !important;box-sizing: border-box !important;clip: auto !important;overflow: visible !important;pointer-events: auto !important;transform: none !important;margin-right: 0 !important;}#mobile-login-form:not(:has(img[src*="foto"])),#mobile-login-form:not(:has(a[href*="user"])) {width: 225px !important;}#mobile-login-form div,#mobile-login-form span,#mobile-login-form td,#mobile-login-form a {color: #e0e0e0 !important;font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;}#mobile-login-form > a:first-of-type,#mobile-login-form div[style*="text-align: center"] {background: #0f1115 !important;border: 1px solid #ff5500 !important;padding: 15px 10px !important;border-radius: 6px !important;margin-bottom: 10px !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;width: 100% !important;box-sizing: border-box !important;float: none !important;text-align: center !important;height: auto !important;}#mobile-login-form img[style*="float"],#mobile-login-form img[src*="foto"],#mobile-login-form > a:first-of-type img {width: 52px !important;height: 52px !important;border-radius: 50% !important;border: 2px solid #ff5500 !important;margin: 0 auto 8px auto !important;display: block !important;float: none !important;}#mobile-login-form a[href*="user"],#mobile-login-form [style*="text-align: center"] > b,#mobile-login-form a[href*="user"] b,#mobile-login-form a[href*="user"] span {color: #ffffff !important;font-size: 15px !important;font-weight: bold !important;display: block !important;line-height: 1.3 !important;text-align: center !important;margin: 0 auto !important;padding: 0 !important;width: 100% !important;max-width: 100% !important;float: none !important;padding-left: 0 !important;text-indent: 0 !important;}#mobile-login-form span[style*="font-size"],#mobile-login-form div[style*="text-align: center"] span {color: #788293 !important;font-size: 12px !important;font-weight: normal !important;display: block !important;text-align: center !important;margin: 4px auto 0 auto !important;width: 100% !important;float: none !important;padding-left: 0 !important;}#mobile-login-form br {display: none !important;}#mobile-login-form ul,#mobile-login-form li {margin: 0 !important;padding: 0 !important;list-style: none !important;}#mobile-login-form li a,#mobile-login-form div.login-links > a,#mobile-login-form > a:not(:first-of-type) {display: block !important;width: 100% !important;padding: 11px 12px !important;box-sizing: border-box !important;border-bottom: 1px solid #20242d !important;color: #e0e0e0 !important;text-align: left !important;font-size: 15px !important;font-weight: 600 !important;}#mobile-login-form li a:active,#mobile-login-form div.login-links > a:active,#mobile-login-form > a:not(:first-of-type):active {color: #ff5500 !important;}#mobile-login-form li:last-child a,#mobile-login-form a[href*="action=logout"] {border-bottom: none !important;color: #ff5252 !important;padding: 11px 12px 4px 12px !important;margin-bottom: 0 !important;}#mobile-login-form input[type="text"],#mobile-login-form input[type="password"] {width: 100% !important;max-width: 100% !important;height: 40px !important;background: #0f1115 !important;border: 1px solid #242933 !important;color: #ffffff !important;margin: 0 0 10px 0 !important;padding: 0 10px !important;box-sizing: border-box !important;border-radius: 4px !important;text-align: left !important;font-size: 14px !important;}#mobile-login-form button,#mobile-login-form input[type="submit"] {width: 100% !important;max-width: 100% !important;height: 40px !important;background: #ff5500 !important;color: #ffffff !important;border: none !important;border-radius: 4px !important;font-weight: bold !important;text-transform: uppercase !important;box-sizing: border-box !important;margin: 4px 0 10px 0 !important;font-size: 14px !important;}#mobile-login-form div.login-links,#mobile-login-form table td,#mobile-login-form form td {display: flex !important;justify-content: space-between !important;width: 100% !important;box-sizing: border-box !important;padding: 0 2px !important;}#mobile-login-form div.login-links a,#mobile-login-form td a,#mobile-login-form form td a {color: #788293 !important;font-size: 12px !important;text-decoration: underline !important;border: none !important;padding: 0 !important;display: inline-block !important;width: auto !important;}

div#header, 
.yoopage #header {
    z-index: 3000000 !important;
}

#mobile-login-form, 
#mobile-login-form.visual-hidden {
    z-index: 2500000 !important;
}

.mobile-categories-scroll { 
    z-index: 10000 !important;
}


/* --- Адаптация формы восстановления пароля DLE --- */

.dle-lost-container {
    padding: 20px 10px;
}

.dle-lost-box {
    padding: 24px 16px;
    border-radius: 8px;
}

.dle-lost-title {
    font-size: 20px;
}

.dle-captcha-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.dle-captcha-img img {
    width: 100%;
    max-width: 150px; /* Капча не растягивается во всю ширину, а остается аккуратной */
   height:auto;
    max-height: 65px;
}

/* --- Финальная мобильная адаптация страницы регистрации DLE --- */

.dle-reg-container {
    padding: 16px 12px !important;
    box-sizing: border-box;
}

.dle-reg-title {
    font-size: 20px !important;
    text-align: center;
}

.dle-reg-welcome {
    padding: 12px !important;
    margin-bottom: 20px !important;
}

/* Поля формы и группировка */
.dle-form-group {
    margin-bottom: 16px !important;
}

.dle-input-with-btn {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Исправление кнопки "Проверить имя" на мобильном */
.dle-btn-check {
    width: 100% !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important; /* Центрируем текст по вертикали */
    justify-content: center !important; /* Центрируем текст по горизонтали */
    padding: 0 !important;
    font-size: 14px !important;
}

/* Секция капчи на мобильном */
.dle-captcha-section {
    padding: 14px !important;
    margin-top: 20px !important;
}

.dle-captcha-title {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    text-align: center;
}

.dle-captcha-row {
    flex-direction: column !important;
    align-items: center !important; /* Центрируем капчу по центру экрана */
    gap: 12px !important;
}

.dle-captcha-img {
    background: transparent !important; /* Убираем фон на мобильных */
    border: none !important;             /* Убираем рамку на мобильных */
    padding: 0 !important;               /* Убираем отступы */
    width: auto !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Сбрасываем сильное десктопное увеличение, чтобы картинка не размывалась */
.dle-captcha-img img {
    transform: scale(1.1) !important; 
    max-width: 100% !important;
    height: auto !important;
}

.dle-captcha-input-wrap {
    width: 100% !important;
}

.dle-captcha-input-wrap label {
    margin-bottom: 4px !important;
}

/* Поля ввода и кнопка "Отправить" */
.dle-reg-form .f_input {
    height: 46px !important; /* Оптимальная высота под палец */
}

.dle-submit-btn {
    height: 48px !important;
    font-size: 16px !important;
    margin-top: 10px !important;
}

/* --- Скрытие проверки имени и расширение логина --- */

/* Скрываем кнопку проверки */
.dle-input-with-btn .dle-btn-check {
    display: none !important;
}

/* Делаем блок флексовым, чтобы поле заняло 100% ширины */
.dle-input-with-btn {
    display: block !important;
}

/* Растягиваем само поле ввода логина */
.dle-input-with-btn .f_input {
    width: 100% !important;
    display: block !important;
}
/* --- Мобильная адаптация статической страницы правил --- */
.dle-rules-card {
    padding: 16px !important;
    margin-bottom: 12px !important;
    border-radius: 6px !important;
}

.dle-rules-section-title {
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.dle-rules-list li {
    font-size: 13px !important;
    margin-bottom: 8px !important;
    padding-left: 16px !important;
}

.dle-rules-list li::before {
    top: 7px !important;
    width: 5px !important;
    height: 5px !important;
}

/* --- Мобильная адаптация страницы Обратной связи --- */
.dle-feed-container {
    padding: 16px 12px !important;
}

.dle-feed-title {
    text-align: center;
}

.dle-select-wrapper select {
    height: 46px !important;
    font-size: 14px !important;
}

.dle-feed-form .f_textarea {
    height: 140px !important;
    font-size: 14px !important;
}

/* Мобильные исправления для полей */
.dle-feed-form .f_input {
    height: 46px !important;
    width: 100% !important;
}

/* На мобильных поле ввода капчи растягиваем на 100% */
.dle-feed-form .f_input_captcha {
    max-width: 100% !important;
    width: 100% !important;
}

/* ==========================================================================
   ФИНАЛЬНАЯ ОЧИСТКА И РЕСТАЙЛИНГ ФУТЕРА (Строго до 767px)
   ========================================================================== */
@media screen and (max-width: 767px) {
    
    /* 1. УБИВАЕМ КАРТИНКУ И СХЛОПЫВАЕМ ЛИШНЕЕ ПРОСТРАНСТВО */
    #page-footer,
    [id="page-footer"] {
        background-image: none !important; 
        background: transparent !important; 
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        float: none !important;
        
        /* УМЕНЬШАЕМ ОТСТУПЫ: убираем пустоту сверху и снизу */
        padding: 10px 15px 20px 15px !important; 
        margin-top: 15px !important;             
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Полная очистка внутреннего блока для страховки */
    #footer {
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important; /* Центрируем всё содержимое внутри */
        width: 100% !important;
    }

    /* Скрываем пустую десктопную ссылку-якорь */
    #page-footer a.anchor, #footer a.anchor, .anchor {
        display: none !important;
    }

    /* 2. КРАСИВЫЕ КНОПКИ ГОРЫЗОНТАЛЬНО */
    #footer ul.menu- {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important; /* Уменьшили зазор между кнопками */                 
        padding: 0 !important;
        margin: 0 auto 12px auto !important; /* Уменьшили нижний отступ до текста */
        list-style: none !important;
        width: 100% !important;
        max-width: 100% !important; 
        flex-wrap: wrap !important; 
    }

    #footer ul.menu- li {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Стиль оранжевых контурных кнопок */
    #footer ul.menu- li a {
        color: #ff6b00 !important;            
        font-size: 12px !important; /* Уменьшили шрифт до 12px для компактности */
        font-weight: 700 !important;
        text-transform: uppercase !important; 
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        display: block !important;
        padding: 6px 10px !important; /* Существенно уменьшили внутренние отступы (высоту кнопки) */
        background: rgba(255, 107, 0, 0.04) !important; 
        border: 1px solid rgba(255, 107, 0, 0.3) !important; /* Сделали рамку чуть нежнее */
        border-radius: 4px !important; /* Слегка уменьшили скругление для маленьких кнопок */       
        box-sizing: border-box !important;
        transition: all 0.2s ease !important; 
        text-align: center !important;
        word-break: break-word !important; 
    }

        /* АДАПТИВ ПОД СВЕРХУЗКИЕ ЭКРАНЫ */
    @media screen and (max-width: 480px) {
        #footer ul.menu- {
            flex-direction: column !important; 
            align-items: center !important; 
            gap: 6px !important; 
        }
        #footer ul.menu- li {
            width: 100% !important; /* Растягиваем контейнер li */
            max-width: 240px !important; /* Но ограничиваем общую ширину кнопок, чтобы они были одинаковыми */
        }
    }


    #footer ul.menu- li a span.bg, .bg {
        background: transparent !important;
        background-image: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline !important;
        color: inherit !important;
    }

    #footer ul.menu- li a:active {
        background: rgba(255, 107, 0, 0.15) !important; 
        border-color: #ff6b00 !important;               
        color: #ffffff !important;                      
        transform: scale(0.97) !important;              
    }



    /* 3. ИДЕАЛЬНОЕ ВЫРАВНИВАНИЕ КОПИРАЙТА ПО ЦЕНТРУ */
    #footer center {
        display: block !important;
        text-align: center !important; /* Центрируем строку копирайта */
        font-size: 11px !important;           
        line-height: 1.5 !important;          
        color: #718096 !important;            
        margin: 0 auto 6px auto !important;
        padding: 0 10px !important;
        width: 100% !important;
        float: none !important;        /* Убираем возможные десктопные сдвиги */
        box-sizing: border-box !important;
    }

    #footer center a {
        color: #cbd5e0 !important;            
        font-weight: 600 !important;
        text-decoration: none !important;
        border-bottom: 1px dashed rgba(203, 213, 224, 0.4) !important; 
    }

    /* Строчка с годом (Copyright © 2026) */
    #footer, 
    #page-footer {
        text-align: center !important; /* Тотальное центрирование текстового узла */
        font-size: 11px !important;
        color: #4a5568 !important;            
    }
/* Принудительно убираем гигантские десктопные отступы у блоков футера */
    #page-footer,
    [id="page-footer"] {
        padding-top: 0 !important;      /* Сжимаем пустоту сверху внутри футера */
        padding-bottom: 10px !important; /* Минимальный отступ до нижнего края экрана */
        margin-top: -50px !important;    /* Принудительно подтягиваем футер вверх к контенту */
    }

    #footer {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Убираем лишние отступы у списка кнопок, чтобы они не давили вниз */
    #footer ul.menu- {
        margin: 0 auto 10px auto !important; /* Снизили зазор до текста */
    }

    /* Схлопываем отступы у контентного блока выше, который может толкать футер вниз */
    #page-body, 
    .wrapper, 
    main, 
    #content {
        padding-bottom: 10px !important; /* Уменьшаем нижний отступ основного контента */
        margin-bottom: 0 !important;
    }
}


/* Ограничиваем контейнер кода по ширине экрана и добавляем прокрутку */
.fullstory pre, 
.fullstory code,
pre[class*="language-"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important; /* Включает горизонтальный скролл */
    white-space: pre !important; /* Сохраняет форматирование кода без принудительного переноса */
}

@media screen and (max-width: 768px) {
    /* 1. Заставляем абсолютно все элементы таблиц работать как полноценные блоки */
    .mod-gradient table, 
    .mod-gradient tbody, 
    .mod-gradient tr, 
    .mod-gradient td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Убираем верхний отрицательный отступ десктопа */
    .mod-gradient {
        margin-top: 0 !important;
    }

    /* 2. Центрируем и выравниваем аватарку */
    .mod-gradient td[width="110"] {
        display: flex !important;
        justify-content: center !important; /* Центрируем аватар по горизонтали */
        align-items: center !important;
        padding: 15px 0 !important;
        background: transparent !important;
    }
    
    /* Белая рамка вокруг аватарки */
    .mod-gradient td[width="110"] > div {
        margin: 0 auto !important;
        width: 110px !important; /* Фиксируем размер рамки аватарки */
    }

    /* 3. Выравниваем блок с текстом и кнопками */
    .mod-gradient td[style*="padding: 10px 10px 10px 0;"] {
        padding: 10px !important; /* Возвращаем одинаковые отступы со всех сторон */
    }

    /* Серый фоновый блок с информацией */
    .mod-gradient td[style*="padding: 10px 10px 10px 0;"] > div {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 4. Исправляем кнопки «написать ЛС» и «редактировать» */
    .user-btn-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 15px !important;
    }

    /* Сбрасываем фиксированную ширину кнопок DLE, делаем их адаптивными */
    .user-btn-container a,
    .user-btn-container input[type="submit"],
    .user-btn-container input[type="button"] {
        display: block !important;
        width: 100% !important; /* Кнопки растянутся ровно по ширине серого блока */
        max-width: 100% !important;
        text-align: center !important;
        padding: 10px 15px !important; /* Делаем кнопки повыше, чтобы удобно нажимать пальцем */
        font-size: 13px !important;
        box-sizing: border-box !important;
        margin: 0 !important; /* Убираем десктопные отступы */
    }
}



/* =============================================================
   УСИЛЕНИЕ STICKY-ХЕДЕРА (приоритет над style.css)
   Хедер прилипает, поиск (56px) уезжает вверх при скролле,
   логотип/профиль остаётся виден
   ============================================================= */
@media screen and (max-width: 960px) {

    /* КРИТИЧНО: overflow:hidden на родителе ломает sticky.
       На мобилке сайдбар скрыт, overflow не нужен — снимаем */
    html body .wrapper,
    html body div#page-body,
    html body .page-body-img {
        overflow: visible !important;
    }

    /* Весь хедер липкий и уезжает на высоту поиска */
    html body div#header,
    html body.yoopage #header,
    html #page #header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: -56px !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 2000000 !important;
        height: auto !important;
        display: block !important;
    }

    /* Логотип/профиль остаётся прилипшим сверху */
    html body div#header #logo,
    html body #logo.new-logo-block {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 2000001 !important;
        height: 75px !important;
        display: flex !important;
    }

    /* Поиск — ровно 56px, та часть что прячется при скролле */
    html body div#header #search {
        position: relative !important;
        height: 56px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 4px 12px 6px 12px !important;
        z-index: 10000 !important;
    }
}