/* ==========================================================================
   ГЛОБАЛЬНАЯ ОПТИМИЗИРОВАННАЯ АДАПТАЦИЯ (DRY: Don't Repeat Yourself)
   ========================================================================== */

/* 0. СПЕЦИАЛЬНЫЕ КОМПОНЕНТЫ (базовые правила) */
.video-responsive { margin: 15px 0; border-radius: 6px; }
.thumbnail { height: 160px; }
body { overflow-x: hidden; width: 100%; }
.converter-input, .result-box, .results-box { max-width: 100%; word-wrap: break-word; }

/* Блокировка скролла сайта при открытом меню */
body.no-scroll {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

/* 1. СМАРТФОНЫ И ПЛАНШЕТЫ (до 768px) */
@media (max-width: 768px) {
    /* Заголовки и контейнеры */
    .txt-nazvanie h1, .header h1 { font-size: 1.8rem; }
    .header-subtitle, .header p { font-size: 0.9rem; }
    .container, .news-container, .blog-container, .post-article { padding: 0 15px; }
    
    /* Header-1 адаптация */
    .header-1 {
        padding: 10px 15px;
        border-radius: 15px;      
        position: fixed;          /* Шапка фиксирована при скролле */
        top: 10px;     
        left: 15px;  
        right: 15px;
        width: auto;
        margin: 0 auto;
        border: 2px solid #333;
        border-left: 3px solid var(--accent-it);
        z-index: 1000;
    }
    
    .menyu {
        max-width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 50px;
    }
    
    .header-nav {
        display: block;
        position: fixed;
        top: 75px;
        right: -100%;
        width: 250px;
        height: calc(100vh - 100px);
        background: rgba(16, 22, 35, 0.96);
        backdrop-filter: blur(15px);
        border: 2px solid #333;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        padding: 25px 20px 25px 10px;
        overflow-y: auto;
        z-index: 1001;
        transition: right 0.4s cubic-bezier(0.1, 0.9, 0.2, 1);
    }
    
    .header-nav.active {
        right: -1px;
    }
    
    /* Burger Menu & Animation */
    .burger-menu {
        display: flex;
        margin-left: auto;
        height: 22px;
        width: 28px;
        z-index: 1002;
    }
    
    .burger-menu span {
        display: block;
        width: 100%;
        height: 3px;
        background: var(--text-main);
        margin: 3px 0;
        transition: all 0.3s ease;
    }

    .burger-menu.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
        background: var(--accent-it);
        box-shadow: var(--shadow-it);
    }
    .burger-menu.active span:nth-child(2) {
        opacity: 0;
    }
    .burger-menu.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
        background: var(--accent-it);
        box-shadow: var(--shadow-it);
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
        padding-left: 10px;
    }

    .nav-menu li {
        width: 100%;
        position: relative;
    }

    .nav-menu li a {
        display: block;
        font-size: 1.1rem;
        padding: 10px 15px;
        border-bottom: 1px solid rgba(224, 230, 237, 0.05);
        border-radius: 5px;
    }
    
    .nav-menu li a:hover {
        background: rgba(0, 210, 255, 0.1);
    }

    /* Индикатор наличия подменю (стрелочка) */
    .nav-menu li.has-children > a::after {
        content: ' ▾';
        font-size: 0.8rem;
        transition: transform 0.3s ease;
        display: inline-block;
    }
    .nav-menu li.open > a::after {
        transform: rotate(180deg);
        color: var(--accent-it);
    }

    /* Отключаем hover для подменю на мобильных устройствах */
    .nav-menu li > .nav-submenu {
        display: none;
    }
    .nav-menu li.open > .nav-submenu {
        display: block;
    }

    /* Мобильное выпадающее подменю */
    .nav-submenu {
        position: static;
        display: none;
        background: rgba(16, 22, 35, 0.5);
        border: none;
        border-left: 2px solid var(--accent-car);
        border-radius: 0;
        box-shadow: none;
        margin: 5px 0 10px 15px;
        padding: 5px 0;
        min-width: auto;
    }

    .nav-menu li.open > .nav-submenu {
        display: block;
    }

    .nav-submenu li a {
        padding: 8px 15px;
        font-size: 1rem;
        border: none;
    }
    
    /* Сетки */
    .download-grid, .posts-grid, .download-grid[data-columns], .posts-grid[data-columns],
    .news-grid, .news-grid[data-columns],
    .contacts-grid, .social-list, .form-row, .related-grid, .categories-grid, .info-features {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .links-grid { grid-template-columns: 1fr; gap: 20px; }
    
    /* Ширина всех блоков */
    .scanner-block, .feedback-block, .gemini-block, .converter-block,
    .generator-container, .rules-block, .offer-block, .info-block,
    .feedback-contacts-block, .feedback-info-block, .recent-files {
        max-width: 100%;
        width: 100%;
    }
    
    /* Главная страница */
    .cell i { font-size: 2.5rem; margin-bottom: 12px; }
    .cell h2 { font-size: 1.4rem; margin-bottom: 10px; }
    .about-flex-container { flex-direction: column-reverse; gap: 20px; }
    .about-text-content p span { display: inline; min-width: auto; margin-bottom: 0; }
    .about-photo-wrapper { flex: 0 0 120px; width: 120px; height: 120px; }
    
    /* Посты и контент */
    .post-hero-image { height: 250px; }
    .post-title-main { font-size: 22px; }
    .post-title { font-size: 24px; margin-top: 18px; margin-bottom: 12px; }
    .post-content { font-size: 16px; padding: 18px 20px; }
    .post-content h2 { font-size: 20px; }
    .post-content h3 { font-size: 20px; }
    .post-content img { max-width: 100%; }
    .post-excerpt { font-size: 13.5px; line-height: 1.5; margin-bottom: 25px; }
    .post-meta-badge, .download-meta-badge { font-size: 0.65rem; padding: 4px 10px; }
    .post-meta-badge .post-date, .post-meta-badge .post-views,
    .download-meta-badge .download-date, .download-meta-badge .download-downloads { font-size: 0.65rem; }
    
    /* Страницы блога (new.php, top.php, search.php) */
    .posts-block { padding: 25px 20px; }
    .posts-block h2 { font-size: 1.2rem; }
    .post-item { padding: 15px; }
    .post-item-info { flex: 1; }
    .post-item-name { font-size: 0.95rem; margin-bottom: 10px; }
    .post-item-meta { gap: 12px; font-size: 0.8rem; flex-wrap: wrap; }
    .post-item-meta span { font-size: 0.8rem; }
    .blog-category { font-size: 0.7rem; padding: 3px 8px; }
    .chevron-arrow { display: flex; font-size: 0.9rem; }
    .pagination-container { margin-top: 20px; }
    .pagination { gap: 8px; }
    .pagination a, .pagination span { padding: 8px 12px; font-size: 0.85rem; }
    
    /* Поиск в блоге */
    .search-bar input { width: 100%; padding: 10px 15px; font-size: 13px; height: 42px; box-sizing: border-box; }
    .search-bar button { width: auto !important; padding: 8px 12px; font-size: 0.8rem; height: auto; box-sizing: border-box; }
    
    /* Сортировка блога */
    .sort-bar { padding: 12px 15px; gap: 10px; }
    .sort-label { font-size: 0.8rem; }
    .sort-item { padding: 6px 12px; font-size: 0.75rem; }
    
    /* Новости */
    .news-header h1 { font-size: 22px; }
    .news-grid { grid-template-columns: 1fr; }
    .news-article { padding: 24px; }
    .news-content { font-size: 16px; padding: 18px 20px; }
    .news-content h2 { font-size: 16px; }
    .news-content h3 { font-size: 18px; }
    .news-content img { max-width: 100%; }
    .news-title { font-size: 18px; margin-top: 15px; margin-bottom: 10px; }
    .news-excerpt { font-size: 13.5px; line-height: 1.5; margin-bottom: 20px; }
    .news-card { padding: 16px; }
    .pagination-item { width: 36px; height: 36px; font-size: 14px; }
    
    /* Страница отдельной новости */
    .news-title-main { font-size: 22px; padding: 0 15px; }
    .news-hero-image { height: 250px; }
    .news-hero-image img { height: 100%; object-fit: cover; }
    .news-date-badge { font-size: 0.75rem; padding: 4px 10px; }
    .news-views-badge { font-size: 0.75rem; padding: 4px 10px; }
    
    /* Загрузки */
    .download-content { padding: 12px 15px; }
    .download-title { margin-top: 15px; margin-bottom: 10px; font-size: 16px; }
    .download-title a, .post-title a { font-size: 16px; }
    .post-title { font-size: 18px; }
    .file-icon, .post-icon { font-size: 14px; margin-right: 6px; }
    .post-image { height: 160px; }
    
    /* Страницы new.php, top.php, search.php */
    .files-block { padding: 25px 20px; }
    .files-block h2 { font-size: 1.2rem; }
    .file-item { padding: 15px; }
    .file-item-info { flex: 1; }
    .file-item-name { font-size: 0.95rem; margin-bottom: 8px; }
    .file-item-meta { gap: 12px; font-size: 0.8rem; flex-wrap: wrap; }
    .rank-badge { font-size: 0.7rem; padding: 4px 10px; }
    
    /* Поиск */
    .search-results { padding: 20px 15px; }
    .search-results h2 { font-size: 1.2rem; }
    .search-results-info { font-size: 0.85rem; }
    .highlight { padding: 1px 3px; }
    
    /* Страница файла */
    .file-block { padding: 25px 20px; }
    .file-description { font-size: 1rem; }
    .file-info { padding: 15px 20px; }
    .file-info-item { flex-direction: column; align-items: flex-start; gap: 5px; }
    .file-info-label { font-size: 0.85rem; }
    .file-info-value { font-size: 0.9rem; }
    .download-count { padding: 15px 20px; }
    .download-count-item { font-size: 0.85rem; }
    .alternative-download { padding: 12px 15px; }
    .alternative-link-wrapper { flex-direction: column; }
    .alternative-link-input { font-size: 0.85rem; }
    .copy-link-btn { padding: 8px 12px; }
    .download-btn { padding: 8px 10px; font-size: 15px; }
    .download-btn i { font-size: 14px; }
    .password-form { padding: 20px 15px; }
    .password-form h3 { font-size: 1rem; }
    .password-form p { font-size: 0.85rem; }
    .password-form input { font-size: 14px; padding: 12px 45px 12px 15px; }
    .password-form button { font-size: 13px; padding: 10px 20px; }
    .toggle-password { right: 12px; }
    .toggle-password i { font-size: 14px; }

    /* Форма пароля для категории */
    .password-error { font-size: 0.85rem; padding: 12px 15px; }
    .password-error i { font-size: 16px; }
    .category-protected-text { font-size: 0.9rem; margin-bottom: 20px; }
    .recent-files .password-form { padding: 20px 15px; max-width: 100%; }
    .recent-files .password-form input { font-size: 14px; padding: 12px 45px 12px 15px; }
    .recent-files .password-form button { font-size: 13px; padding: 10px 20px; width: 100%; }
    #eyeIcon { right: 12px; font-size: 16px; }
    .image-modal-content { max-width: 95%; max-height: 95vh; }
    .image-modal-close { top: -35px; font-size: 35px; }
    .image-modal-download { bottom: -45px; padding: 10px 20px; font-size: 0.85rem; }
    
    /* Файлы и категории */
    .recent-files h2 { font-size: 1.2rem; }
    .file-item-name { font-size: 0.95rem; }
    .category-description { font-size: 0.8rem; }
    .file-item { align-items: center; }
    .category-header h1, .txt-nazvanie h1, .download-header h1 { font-size: 26px; }
    .category-header p, .txt-nazvanie p, .download-header p { font-size: 14px; }
    .breadcrumbs { flex-wrap: wrap; font-size: 12px; margin-bottom: 20px; }
    .category-filter { gap: 8px; }
    .filter-item { padding: 8px 16px; font-size: 14px; }
    
    /* Платежная форма */
    .payment-form { max-width: 100%; gap: 10px; }
    .payment-block h3 { font-size: 1.2rem; }
    .payment-btn { padding: 10px 20px; font-size: 0.9rem; width: auto; max-width: 200px; }
    .payment-input { padding: 10px; font-size: 0.85rem; }
    .form-group label { font-size: 0.8rem; }
    .anti_bot_answers { font-size: 0.8rem; }
    .payment-info { font-size: 0.8rem; }
    
    /* Контакты */
    .contact-card { padding: 18px; max-width: 100%; width: 100%; }
    .card-header h2 { font-size: 1rem; }
    .card-icon { width: 26px; height: 26px; font-size: 0.85rem; }
    .social-link { padding: 10px; font-size: 0.8rem; }
    .social-link i { font-size: 1rem; }
    
    /* Карта */
    .map-container iframe { height: 250px; }
    
    /* Сообщения */
    .message-item { padding: 20px; }
    .message-item:hover { transform: none; }
    .msg-description { margin-bottom: 25px; }
    .message-reply { margin: 5px 0 25px 50px; }
    
    /* Социальные сети */
    .social-icon { width: 30px; height: 30px; font-size: 1rem; }
    
    /* Навигация */
    .blog-nav { gap: 10px; flex-direction: row; flex-wrap: wrap; }
    .nav-link { padding: 8px 12px; font-size: 0.8rem; width: auto; justify-content: center; }
    
    /* Кнопки */
    .back-1 a, .back-2 a, .back-3 a, .back-4 a, .back-5 a, .back-go-2 a, .back-go-3 a { padding: 8px 18px; font-size: 0.85rem; width: auto; }
    .back-1, .back-2, .back-3, .back-4, .back-5, .back-go-2, .back-go-3 { margin-top: 15px; }
    
    /* Дополнительное */
    .post-item, .scanner-form { flex-direction: column; align-items: flex-start; gap: 10px; }
    .scanner-input, .scanner-select { width: 100%; min-width: auto; }
    .scanner-btn { width: 100%; margin-top: 10px; padding: 15px 20px; }
    .whois .scanner-input, .whois .scanner-btn { width: 100%; }
    .whois .scanner-btn { padding: 15px 20px; }
    .search-bar { flex-direction: column; }
    .status-badge { margin-left: 0; margin-top: 8px; display: block; width: fit-content; }
    .feedback-form, .gemini-form, .converter-form, .generator-form { max-width: 100%; gap: 10px; }
    
    /* WHOIS адаптация */
    .results-top-bar { flex-direction: column; align-items: flex-start; gap: 10px; }
    .results-header { width: 100%; flex-wrap: wrap; }
    .results-header span { width: 100%; margin-bottom: 5px; }
    .clear-btn { width: 100%; margin-top: 5px; }
    .status-badge { margin-top: 0; width: 100%; text-align: center; margin-bottom: 5px; }
    .results-box { word-break: break-all; }

    /* Sekret адаптация */
    .sekret-container { padding: 0 15px; }
    .sekret-form, .sekret-view { padding: 20px; }
    .sekret-header h2 { font-size: 1.2rem; }
    .form-actions { flex-direction: column; }
    .form-actions .btn-primary { margin-left: 0; width: 100%; }
    .form-actions .btn-secondary { width: 100%; }
    .sekret-telo { flex-direction: column; }
    .sekret-telo .btn-primary, .sekret-telo .btn-secondary { width: 100%; margin-left: 0; }
    .secret-link-box { font-size: 0.9rem; }
    .secret-meta-text { font-size: 0.8rem; }
    
    /* Error box */
    .ban-card { padding: 20px 20px; }
    .ban-card h1 { font-size: 26px; }
    .ban-icon { width: 80px; height: 80px; }
    .ban-icon i { font-size: 40px; }
    .ban-info { padding: 15px; }
    .ban-message { font-size: 14px; }
    .error-box { padding: 30px; }
    .error-code { font-size: 4rem; }
    .error-title { font-size: 1.2rem; }
    
    /* Date info */
    .date-info { padding: 15px 20px; }
    .date-info p { font-size: 0.85rem; }
    
    /* Advertisement */
    .advertisement .content a { font-size: 0.85rem; }
    .advertisement::before { font-size: 0.55rem; padding: 2px 16px; top: -10px; }
    .advertisement .icon { transform: scale(0.85); }
    
    /* Footer адаптация */
    .footer-2 { grid-template-columns: 1fr; gap: 25px; }
    .footer-3 h3 { font-size: 1rem; }
    .footer-error-2 { font-size: 0.7rem; padding: 4px 15px; }

    /* Адаптация модального окна подтверждения перехода */
    .leave-modal-content {
        min-width: 280px;
        max-width: 85%;
        padding: 20px;
    }

    .leave-modal-content h3 {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }

    .leave-modal-content p {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .leave-modal-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .leave-modal-buttons button {
        width: 100%;
        padding: 10px 15px;
        font-size: 0.85rem;
    }

    /* Адаптация обычного модального окна */
    .modal-content {
        max-width: 85%;
        padding: 20px;
    }

    .modal-header h3 {
        font-size: 1rem;
    }

    .modal-body p {
        font-size: 0.9rem;
    }

    /* Цитаты на главной странице */
    .about-block .quotes-display-list {
        gap: 10px;
        padding: 0 15px;
    }
    .about-block .quote-display {
        max-width: 100%;
        padding: 20px 15px 20px;
        gap: 15px;
    }
    .about-block .quote-display::before {
        font-size: 0.55rem;
        padding: 2px 15px;
        top: -10px;
    }
    .about-block .quote-display .icon i {
        font-size: 32px;
    }
    .about-block .quote-display .icon i.fa-lightbulb {
        font-size: 28px;
    }
    .about-block .quote-display .content .quote-text {
        font-size: 0.85rem;
    }
    .about-block .quote-display .content .quote-author {
        font-size: 0.8rem;
    }
}

/* 2. СМАРТФОНЫ (до 480px и меньше) */
@media (max-width: 480px) {
    /* Заголовки и контейнеры */
    .txt-nazvanie h1, .header h1 { font-size: 1.4rem; }
    .header-subtitle, .header p { font-size: 0.82rem; }
    .container, .news-container, .blog-container, .post-article { padding: 0 15px; }
    
    /* Смарт-адаптация шапки и бургер-меню */
    .logo-img { max-height: 32px; } 
    .header-nav { 
        width: 200px;  
        right: -100%; 
        top: 75px;     
        height: calc(100vh - 100px); 
        border: 2px solid #333;
        border-radius: 13px;
        padding: 25px;
    }
    .header-nav.active {
        right: -1px; 
    }

    .nav-menu {
        padding-left: 0;
    }

    .nav-menu li a { font-size: 0.9rem; padding: 12px 0 12px 10px; } 
    
    /* Сетки */
    .links-grid { gap: 20px; }
    .contacts-grid { gap: 13px; }
    
    /* Главная страница */
    .container { margin-bottom: 20px; }
    .cell { padding: 22px 15px; }
    .cell i { font-size: 1.9rem; margin-bottom: 8px; }
    .cell h2 { font-size: 1.3rem; margin-bottom: 8px; }
    .cell p { font-size: 0.82rem; }
    .about-flex-container { gap: 15px; }
    .about-text-content p { font-size: 0.9rem; line-height: 1.5; }
    .about-photo-wrapper { flex: 0 0 95px; width: 95px; height: 95px; }
    .about-block h3, .payment-block h3, .messages-block h4 { font-size: 1.05rem; letter-spacing: 1px; }
    .about-block, .payment-block, .messages-block, .map-block { padding: 19px 14px; border-radius: 13px; }
    
    /* Посты и контент */
    .post-content { font-size: 14.5px; padding: 12px 14px; }
    .post-content h2 { font-size: 17px; }
    .post-content h3 { font-size: 15px; }
    .post-title { font-size: 12px; }
    .post-image { height: 150px; }
    
    /* Страницы блога (new.php, top.php, search.php) */
    .posts-block { padding: 20px 15px; }
    .posts-block h2 { font-size: 1.05rem; }
    .post-item { padding: 12px; }
    .post-item-name { font-size: 0.82rem; }
    .post-item-meta { font-size: 0.68rem; gap: 6px; }
    .post-item-meta span { font-size: 0.68rem; }
    .blog-category { font-size: 0.6rem; padding: 2px 6px; }
    .chevron-arrow { font-size: 0.8rem; }
    .pagination a, .pagination span { padding: 6px 10px; font-size: 0.75rem; }
    
    /* Поиск в блоге */
    .search-bar { padding: 15px 12px; }
    .search-bar input { width: 100%; padding: 10px 15px; font-size: 13px; height: 42px; box-sizing: border-box; }
    .search-bar button { width: auto; padding: 10px 20px; font-size: 13px; height: 42px; box-sizing: border-box; }
    
    /* Сортировка блога */
    .sort-bar { padding: 10px 12px; gap: 8px; }
    .sort-label { font-size: 0.75rem; }
    .sort-item { padding: 5px 10px; font-size: 0.7rem; }
    
    /* Бейджи мета-данных сделаны компактнее под экраны 480px */
    .post-meta-badge, .download-meta-badge { 
        font-size: 0.6rem; 
        padding: 3px 8px; 
    }
    
    /* Новости */
    .news-content { font-size: 13.5px; padding: 12px 14px; }
    .news-content h2 { font-size: 17px; }
    .news-content h3 { font-size: 15px; }
    .news-content img { max-width: 100%; }
    
    /* Загрузки */
    .download-content { padding: 12px 14px; }
    .download-title { font-size: 12px; }
    .download-category { font-size: 0.62rem; padding: 2px 6px; }
    
    /* Страницы new.php, top.php, search.php */
    .files-block { padding: 20px 15px; }
    .files-block h2 { font-size: 1.05rem; }
    .file-item { padding: 12px; }
    .file-item-name { font-size: 0.82rem; }
    .file-item-meta { font-size: 0.68rem; gap: 6px; }
    .file-item-meta span { font-size: 0.68rem; }
    .rank-badge { font-size: 0.6rem; padding: 3px 8px; }
    
    /* Поиск */
    .search-results { padding: 15px 12px; }
    .search-results h2 { font-size: 1.05rem; }
    .search-results-info { font-size: 0.75rem; }
    
    /* Файлы и категории */
    .recent-files h2 { font-size: 0.88rem; }
    .file-item-name { font-size: 0.88rem; }
    .category-description { font-size: 0.72rem; }
    .file-item { align-items: center; }
    
    /* Платежная форма */
    .payment-form { max-width: 100%; gap: 9px; }
    .payment-block h3 { font-size: 1.05rem; }
    .payment-btn { padding: 8px 16px; font-size: 0.82rem; width: auto; max-width: 170px; }
    .payment-input { padding: 9px; font-size: 0.77rem; }
    .form-group label { font-size: 0.72rem; }
    .anti_bot_answers { font-size: 0.72rem; }
    .payment-info { font-size: 0.72rem; }
    
    /* Контакты */
    .contact-card { padding: 13px; max-width: 100%; width: 100%; }
    .card-header h2 { font-size: 0.92rem; }
    .card-icon { width: 23px; height: 23px; font-size: 0.77rem; }
    .social-link { padding: 7px; font-size: 0.72rem; }
    .social-link i { font-size: 0.82rem; }
    
    /* Карта */
    .map-container { height: 185px; }
    .map-container iframe { height: 185px; }
    
    /* Сообщения */
    .message-item { padding: 13px; }
    .msg-description { margin-bottom: 15px; }
    .msg-date-badge, .msg-amount-badge, .msg-ugl { font-size: 0.62rem; padding: 2px 6px; }
    
    /* Социальные сети */
    .social-bar { padding: 28px 14px 42px 14px; gap: 18px; border-radius: 13px; }
    .social-bar a { font-size: 1.9rem; }
    
    /* Кнопки (сделаны компактнее, чем на 768px) */
    .back-1 a, .back-2 a, .back-3 a, .back-4 a, .back-5 a, .back-go-2 a, .back-go-3 a, .copy-btn, .clear-btn, .scanner-btn, .home-link {
        width: auto; 
        text-align: center; 
        padding: 8px 12px; 
        font-size: 0.8rem; 
        box-sizing: border-box;
    }
    
    /* Навигация */
    .blog-nav { gap: 8px; flex-direction: row; flex-wrap: wrap; }
    .nav-link { padding: 6px 10px; font-size: 0.75rem; }
    
    /* Дополнительное */
    .tag-item { width: 100%; text-align: center; margin: 3px 0; }
    .number-card { padding: 8px; font-size: 0.9rem; }
    .file-password { font-size: 0.62rem; padding: 2px 6px; }
    .file-money { font-size: 0.62rem; padding: 2px 6px; }
    .post-category { font-size: 0.62rem; padding: 2px 6px; }
    .scanner-form, .feedback-form, .gemini-form, .converter-form, .generator-form { max-width: 100%; gap: 10px; }
    
    /* Error box */
    .error-box { padding: 30px; }
    .error-code { font-size: 4rem; }
    .error-title { font-size: 1.2rem; }
    
    /* Date info */
    .date-info { padding: 12px 15px; }
    .date-info p { font-size: 0.75rem; }
    
    /* Advertisement */
    .advertisement .content a { font-size: 0.8rem; }
    .advertisement::before { font-size: 0.5rem; padding: 2px 12px; top: -9px; letter-spacing: 1px; }
    .advertisement .icon { transform: scale(0.75); }

    /* Цитаты на главной странице */
    .about-block .quotes-display-list {
        gap: 8px;
        padding: 0 12px;
    }
    .about-block .quote-display {
        padding: 15px 12px 15px;
        gap: 12px;
    }
    .about-block .quote-display::before {
        font-size: 0.5rem;
        padding: 2px 12px;
        top: -9px;
    }
    .about-block .quote-display .icon i {
        font-size: 28px;
    }
    .about-block .quote-display .icon i.fa-lightbulb {
        font-size: 24px;
    }
    .about-block .quote-display .content .quote-text {
        font-size: 0.75rem;
    }
    .about-block .quote-display .content .quote-author {
        font-size: 0.75rem;
    }

    /* Футер */
    footer { margin-top: 35px; padding: 25px 18px; }
}

 
