/* =============================================
ТЕМНАЯ ТЕМА - ТОЛЬКО ТЕМНЫЕ ФОНЫ, КОНТРАСТНЫЕ ТЕКСТЫ
НИКАКИХ СВЕТЛЫХ ФОНОВ! ВСЕ ФОНЫ ТЕМНЫЕ!
============================================= */

.dark-theme {
    /* ===== ОСНОВНЫЕ ЦВЕТА ТЕМНОЙ ТЕМЫ ===== */
    --dark-bg-primary: linear-gradient(135deg, #121416 0%, #0a0c0e 100%);
    --dark-bg-secondary: #0f1113;
    --dark-bg-card: #1a1e24;
    --dark-bg-section: #15191e;
    --dark-bg-header: #0a0c0e;
    --dark-bg-footer: #080a0c;
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #e9ecef;
    --dark-text-muted: #b0b8c2;
    --dark-accent: #f39c12;
    --dark-border: #2d3238;
}

/* ===== 1. БАЗОВЫЙ ФОН - ТОЛЬКО ТЕМНЫЙ ===== */
.dark-theme body {
    background: linear-gradient(135deg, #121416 0%, #0a0c0e 100%) !important;
    background-color: #0a0c0e !important;
}

/* ===== 2. ВСЕ СЕКЦИИ - ТОЛЬКО ТЕМНЫЕ ===== */
.dark-theme .section,
.dark-theme .articles-section,
.dark-theme .gallery-section,
.dark-theme .problems-section,
.dark-theme .timeline-section,
.dark-theme .approach-section,
.dark-theme .services-section,
.dark-theme .about-home-section,
.dark-theme .about-section,
.dark-theme .cert-and-warranty-section,
.dark-theme .author-section,
.dark-theme .faq-section,
.dark-theme .contacts-section,
.dark-theme .map-section,
.dark-theme .article-page,
.dark-theme .hero-section {
    background: linear-gradient(135deg, #15191e 0%, #111417 100%) !important;
    background-color: #15191e !important;
}

/* ===== 3. ВСЕ КАРТОЧКИ - ТОЛЬКО ТЕМНЫЕ ===== */
.dark-theme .article-card,
.dark-theme .glass-card,
.dark-theme .contact-card,
.dark-theme .service-card,
.dark-theme .stat-item,
.dark-theme .faq-item,
.dark-theme .timeline-step,
.dark-theme .number-item,
.dark-theme .works-slide,
.dark-theme .about-text,
.dark-theme .founder-card,
.dark-theme .article-full,
.dark-theme .modal-content,
.dark-theme .about-home-card,
.dark-theme .cert-and-warranty-section .glass-card,
.dark-theme .author-section .founder-card,
.dark-theme .problems-grid .glass-card,
.dark-theme .services-grid .glass-card,
.dark-theme .approach-content .text-content-approach,
.dark-theme .footer-quote,
.dark-theme .contact-simple,
.dark-theme .faq-footer,
.dark-theme .map-premium-container,
.dark-theme .timeline-step-text,
.dark-theme .faq-question,
.dark-theme .faq-answer {
    background: #1a1e24 !important;
    background-color: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* ===== 4. СТЕКЛЯННЫЕ КАРТОЧКИ - ТЕМНЫЕ ===== */
.dark-theme .glass-card {
    background: rgba(26, 30, 36, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.dark-theme .glass-card:hover {
    background: rgba(30, 35, 41, 0.98) !important;
}

/* ===== 5. ШАПКА - ТОЛЬКО ТЕМНАЯ ===== */
.dark-theme .header,
.dark-theme .header.scrolled {
    background: #0a0c0e !important;
    background-color: #0a0c0e !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
}

/* ===== 6. ФУТЕР - ТОЛЬКО ТЕМНЫЙ ===== */
.dark-theme .footer {
    background: linear-gradient(135deg, #080a0c 0%, #030405 100%) !important;
    background-color: #080a0c !important;
}

.dark-theme .footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
}

/* ===== 7. ФОНЫ ДЛЯ ДЕКОРАТИВНЫХ ЭЛЕМЕНТОВ ===== */
.dark-theme .article-info,
.dark-theme .works-slide .slide-caption,
.dark-theme .article-card::before,
.dark-theme .works-slide .image-wrapper,
.dark-theme .article-image-wrapper {
    background: #1a1e24 !important;
}

.dark-theme .article-image {
    background: #15191e !important;
}

/* ===== 8. ГРАДИЕНТЫ ДЛЯ СЛАЙДЕРА - ТЕМНЫЕ ===== */
.dark-theme .works-slider-container::before {
    background: linear-gradient(90deg, #15191e 0%, transparent 100%) !important;
}

.dark-theme .works-slider-container::after {
    background: linear-gradient(-90deg, #15191e 0%, transparent 100%) !important;
}

/* ===== 9. ВСЕ ФОРМЫ - ТОЛЬКО ТЕМНЫЕ ===== */
.dark-theme input,
.dark-theme textarea,
.dark-theme select,
.dark-theme .form-group input,
.dark-theme .form-group textarea,
.dark-theme .form-group select,
.dark-theme .faq-search input {
    background: #242a30 !important;
    background-color: #242a30 !important;
    border: 2px solid #3a4048 !important;
    color: #ffffff !important;
}

.dark-theme .file-upload-container {
    background: #1a1e24 !important;
    border: 3px dashed #3a4048 !important;
}

.dark-theme .file-upload-container:hover {
    background: #1e2329 !important;
    border-color: #f39c12 !important;
}

/* ===== 10. ВСЕ ТАБЛИЦЫ - ТОЛЬКО ТЕМНЫЕ ===== */
.dark-theme .recipe-table,
.dark-theme .schedule-table,
.dark-theme .repair-table {
    background: #1a1e24 !important;
}

.dark-theme .recipe-table td,
.dark-theme .schedule-table td,
.dark-theme .repair-table td,
.dark-theme .recipe-table th,
.dark-theme .schedule-table th,
.dark-theme .repair-table th {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
}

.dark-theme .recipe-table tr:nth-child(even),
.dark-theme .schedule-table tr:nth-child(even),
.dark-theme .repair-table tr:nth-child(even) {
    background: #15191e !important;
}

.dark-theme .table-wrapper {
    background: transparent !important;
}

/* ===== 11. ТАЙМЛАЙН - ТОЛЬКО ТЕМНЫЙ ===== */
.dark-theme .timeline-step-icon-wrapper {
    background: #1a1e24 !important;
    border: 3px solid #2d3238 !important;
}

.dark-theme .timeline-container::before {
    background: #2d3238 !important;
}

.dark-theme .timeline-container::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
}

/* ===== 12. МОДАЛЬНЫЕ ОКНА - ТОЛЬКО ТЕМНЫЕ ===== */
.dark-theme .modal {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.dark-theme .modal-content {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border: 1px solid #2d3238 !important;
}

/* ===== 13. НАВИГАЦИЯ - ТЕМНАЯ ===== */
.dark-theme .main-nav {
    background: transparent !important;
}

.dark-theme .burger-menu {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .burger-menu span {
    background: #ffffff !important;
}

/* ===== 14. МОБИЛЬНОЕ МЕНЮ - ТЕМНОЕ ===== */
.dark-theme .mobile-menu {
    background: linear-gradient(145deg, #0a0c0e 0%, #050607 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.dark-theme .mobile-menu::before {
    background: linear-gradient(180deg, #f39c12, #e67e22) !important;
}

/* ===== 15. СЕКЦИЯ ЦИФР - ТЕМНАЯ ===== */
.dark-theme .numbers-section {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .number-item {
    background: rgba(26, 30, 36, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
}

/* ===== 16. ГЕРОЙ СЕКЦИЯ - ТЕМНАЯ ===== */
.dark-theme .hero {
    background: url('/images/hero_bg.png') no-repeat center center/cover !important;
}

.dark-theme .hero::before {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ===== 17. КАРТА - ТЕМНАЯ ===== */
.dark-theme .map-premium-container {
    background: #1a1e24 !important;
}

.dark-theme .map-background::after {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
}

/* ===== 18. CTA СЕКЦИЯ - ТЕМНАЯ ===== */
.dark-theme .cta-section {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .cta-content {
    background: rgba(26, 30, 36, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ===== 19. СКРОЛЛБАР - ТЕМНЫЙ ===== */
.dark-theme ::-webkit-scrollbar-track {
    background: #15191e !important;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

/* ===== 20. КНОПКИ - ТЕМНЫЙ ФОН ===== */
.dark-theme .btn-secondary {
    background: linear-gradient(135deg, #1e2329, #0a0c0e) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .btn-outline {
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
}

/* ===== 21. ИНДИКАТОРЫ - ТЕМНЫЕ ===== */
.dark-theme .slider-indicator {
    background: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .slider-nav-btn {
    background: #1a1e24 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ===== 22. ЗУМ-ИКОНКА - ТЕМНАЯ ===== */
.dark-theme .zoom-icon {
    background: rgba(26, 30, 36, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* ===== 23. ПРЕЛОАДЕР - ТЕМНЫЙ ===== */
.dark-theme .loading {
    background: transparent !important;
}

.dark-theme .loading::before {
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-top-color: #f39c12 !important;
}

/* ===== 24. ТЕГИ - ТЕМНЫЙ ФОН ===== */
.dark-theme .article-tag,
.dark-theme .tag {
    background: rgba(243, 156, 18, 0.15) !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}

/* ===== 25. БЕЙДЖИ - ТЕМНЫЙ ФОН ===== */
.dark-theme .home-experience-badge {
  /*  background: linear-gradient(135deg, #e67e22, #c0392b) !important;*/
     background: linear-gradient(135deg, darkgrey, black) !important;
     color: white;
}

.dark-theme .home-engineering-badge {
    background: #1a1e24 !important;
    border: 2px solid #f39c12 !important;
}

.dark-theme .cert-and-warranty-section .official-badge,
.dark-theme .cert-and-warranty-section .warranty-badge,
.dark-theme .author-section .education-badge,
.dark-theme .author-section .founder-badge {
    background: #1a1e24 !important;
    border: 1px solid #f39c12 !important;
}

/* ===== 26. УБИРАЕМ ВСЕ СВЕТЛЫЕ ФОНЫ ===== */
.dark-theme [class*="bg-white"],
.dark-theme [class*="bg-light"],
.dark-theme [style*="background: white"],
.dark-theme [style*="background:#fff"],
.dark-theme [style*="background-color: white"],
.dark-theme [style*="background-color:#fff"],
.dark-theme .bg-white,
.dark-theme .bg-light,
.dark-theme .bg-gray,
.dark-theme .bg-grey {
    background: #1a1e24 !important;
    background-color: #1a1e24 !important;
}

/* ===== 27. УБИРАЕМ СВЕТЛЫЕ ГРАДИЕНТЫ ===== */
.dark-theme [class*="gradient"],
.dark-theme [style*="linear-gradient"],
.dark-theme [style*="radial-gradient"] {
    background: #1a1e24 !important;
}

.dark-theme .hero {
    background: url('/images/hero_bg.png') no-repeat center center/cover !important;
}

.dark-theme .numbers-section {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .footer {
    background: linear-gradient(135deg, #080a0c 0%, #030405 100%) !important;
}

/* ===== 28. КОНТЕЙНЕРЫ - ПРОЗРАЧНЫЕ ===== */
.dark-theme .container,
.dark-theme .container-fluid,
.dark-theme .wrapper,
.dark-theme .content-wrapper {
    background: transparent !important;
}

/* ===== 29. ТЕКСТ - ТОЛЬКО КОНТРАСТНЫЙ ===== */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme p,
.dark-theme span,
.dark-theme li,
.dark-theme a:not(.btn):not(.btn-call),
.dark-theme .section-header h2,
.dark-theme .article-title,
.dark-theme .article-full-title,
.dark-theme .problem-content h3,
.dark-theme .service-card h3,
.dark-theme .contact-card h3,
.dark-theme .faq-question,
.dark-theme .footer-column h4,
.dark-theme .timeline-step-text,
.dark-theme .founder-content h3,
.dark-theme .about-text h3 {
    color: #ffffff !important;
}

.dark-theme .section-subtitle,
.dark-theme .article-description,
.dark-theme .article-meta,
.dark-theme .article-date,
.dark-theme .service-card p,
.dark-theme .contact-card p,
.dark-theme .faq-answer p,
.dark-theme .footer-logo p,
.dark-theme .footer-bottom p,
.dark-theme .cta-note,
.dark-theme .form-note {
    color: #b0b8c2 !important;
}

.dark-theme .article-read-more,
.dark-theme .service-price,
.dark-theme .percentage,
.dark-theme .article-tag,
.dark-theme .tag,
.dark-theme .phone-link,
.dark-theme a[href^="tel"],
.dark-theme .footer-column a[href^="tel"] {
    color: #f39c12 !important;
}





/* ===== 30. ФИНАЛЬНЫЙ ФИКС - НИКАКИХ СВЕТЛЫХ ФОНОВ ===== */
.dark-theme * {
    border-color: #2d3238 !important;
}

.dark-theme .bg-primary,
.dark-theme .bg-secondary,
.dark-theme .bg-success,
.dark-theme .bg-info,
.dark-theme .bg-warning,
.dark-theme .bg-danger,
.dark-theme .bg-dark,
.dark-theme .bg-light {
    background: #1a1e24 !important;
}

.dark-theme .card,
.dark-theme .panel,
.dark-theme .well,
.dark-theme .jumbotron,
.dark-theme .thumbnail {
    background: #1a1e24 !important;
}

.dark-theme .list-group-item,
.dark-theme .list-group-item-action {
    background: #1a1e24 !important;
    border-color: #2d3238 !important;
}

.dark-theme .dropdown-menu,
.dark-theme .popover,
.dark-theme .tooltip-inner {
    background: #1a1e24 !important;
}

/* ===== 31. АДАПТИВНОСТЬ - ВСЕ ФОНЫ ТЕМНЫЕ ===== */
@media (max-width: 768px) {
    .dark-theme .mobile-menu {
        background: #0a0c0e !important;
    }
    
    .dark-theme .main-nav {
        background: #0a0c0e !important;
    }
    
    .dark-theme .main-nav.active {
        background: #0a0c0e !important;
    }
}

/* ===== 32. ПЕЧАТЬ - ОТКЛЮЧАЕМ ===== */
@media print {
    .dark-theme body,
    .dark-theme .section,
    .dark-theme .card,
    .dark-theme * {
        background: white !important;
        color: black !important;
    }
}

/* ===== 33. ГОТОВО! ТОЛЬКО ТЕМНЫЕ ФОНЫ, ТОЛЬКО КОНТРАСТНЫЕ ТЕКСТЫ ===== */
.dark-theme {
    background: #0a0c0e;
}

.dark-theme * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/***********************/
/* ===== КНОПКА ПЕРЕКЛЮЧЕНИЯ ТЕМЫ ===== */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    padding: 8px 16px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    backdrop-filter: blur(5px);
    margin-left: 15px;
    font-weight: 500;
}

.theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #f39c12;
    transform: translateY(-2px);
}

.theme-toggle-btn i {
    font-size: 16px;
}

.dark-theme .theme-toggle-btn {
    background: rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.dark-theme .theme-toggle-btn:hover {
    background: rgba(0, 0, 0, 0.5);
    border-color: #f39c12;
}

@media (max-width: 768px) {
    .theme-toggle-btn span {
        display: none;
    }
    
    .theme-toggle-btn {
        padding: 8px;
        border-radius: 50%;
        margin-left: 10px;
    }
    
    .theme-toggle-btn i {
        margin: 0;
    }
}


/********************
 * 
 * 
 * 
 * ***************************/



 /* =============================================
СТРАНИЦА УСЛУГ - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .service-card {
    background: #1a1e24 !important;
    border-color: #2d3238 !important;
}

.dark-theme .service-card h3 {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: white !important;
}

.dark-theme .service-card p:not(.service-price) {
    color: #ced4da !important;
}

.dark-theme .service-icon {
    background: rgba(243, 156, 18, 0.15) !important;
    color: #f39c12 !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}

.dark-theme .service-card:hover .service-icon {
    background: #f39c12 !important;
    color: #000000 !important;
}

.dark-theme .process-step {
    background: #1a1e24 !important;
    border-color: #2d3238 !important;
}

.dark-theme .process-step h3 {
    color: #ffffff !important;
}

.dark-theme .process-step p {
    color: #ced4da !important;
}

.dark-theme .warranty-card {
    background: #1a1e24 !important;
    border-color: #2d3238 !important;
}

.dark-theme .warranty-card h3 {
    color: #ffffff !important;
}

.dark-theme .warranty-card p {
    color: #ced4da !important;
}

.dark-theme .services-note {
    background: rgba(26, 30, 36, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-theme .services-note p {
    color: #e9ecef !important;
}

.dark-theme .services-note p strong {
    background: rgba(243, 156, 18, 0.2) !important;
    color: #f39c12 !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}


/* =============================================
СТРАНИЦА О НАС - ТЕМНАЯ ТЕМА
============================================= */

/* ===== ОСНОВНОЙ БЛОК ===== */
.dark-theme .about-section {
    background: linear-gradient(135deg, #15191e 0%, #111417 100%) !important;
}

/* ===== ТЕКСТОВЫЙ БЛОК ===== */
.dark-theme .about-text {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .about-text h3 {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: white !important;
}

.dark-theme .about-text p {
    color: #e9ecef !important;
}

.dark-theme .about-text strong {
    color: #f39c12 !important;
}

.dark-theme .about-text::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

/* ===== СТАТИСТИКА ===== */
.dark-theme .stat-item {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
}

.dark-theme .stat-number {
    color: #f39c12 !important;
    text-shadow: 0 0 20px rgba(243, 156, 18, 0.2) !important;
}

.dark-theme .stat-label {
    color: #e9ecef !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* ===== БЛОК АВТОРА (ТОТ САМЫЙ .about-author) ===== */
.dark-theme .about-author {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .about-author h3 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .about-author h3::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

.dark-theme .about-author .experience-badge,
.dark-theme .about-author .engineering-badge {
    background: #1a1e24 !important;
    border: 2px solid #f39c12 !important;
    color: #ffffff !important;
}

.dark-theme .about-author .experience-badge {
    background: linear-gradient(135deg, #e67e22, #c0392b) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

/* ===== ФОТО АВТОРА ===== */
.dark-theme .author-photo {
    border: 1px solid #2d3238 !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5) !important;
    filter: brightness(0.9) !important;
}

.dark-theme .author-photo:hover {
    filter: brightness(1) !important;
}

.dark-theme .author-content::after {
    border-color: rgba(243, 156, 18, 0.3) !important;
}

/* ===== ИНФОРМАЦИЯ ОБ АВТОРЕ ===== */
.dark-theme .author-info h4 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .author-title {
    color: #f39c12 !important;
    background: rgba(243, 156, 18, 0.15) !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}

.dark-theme .author-info p {
    color: #e9ecef !important;
}

.dark-theme .author-info li {
    color: #ced4da !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-theme .author-info li::before {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #000000 !important;
    box-shadow: 0 5px 10px rgba(243, 156, 18, 0.2) !important;
}

.dark-theme .author-info li:hover {
    color: #ffffff !important;
    border-bottom-color: rgba(243, 156, 18, 0.3) !important;
}

/* ===== CTA СЕКЦИЯ ===== */
.dark-theme .cta-section.about-cta {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .cta-section.about-cta .cta-content {
    background: rgba(26, 30, 36, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-theme .cta-section.about-cta .cta-content h2 {
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .cta-section.about-cta .cta-content p {
    color: #e9ecef !important;
}

/* ===== БЕЙДЖИ ===== */
.dark-theme .about-section .experience-badge,
.dark-theme .about-section .engineering-badge {
    background: #1a1e24 !important;
    border: 2px solid #f39c12 !important;
    color: #ffffff !important;
}

.dark-theme .about-section .experience-badge {
    background: linear-gradient(135deg, #e67e22, #c0392b) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .dark-theme .about-author {
        background: #1a1e24 !important;
    }
    
    .dark-theme .author-photo {
        border-radius: 24px !important;
    }
}


/* =============================================
ЗАГОЛОВКИ СЕКЦИЙ - ТЕМНАЯ ТЕМА
============================================= */

/* ===== БАЗОВЫЙ СТИЛЬ ДЛЯ ВСЕХ .section-header ===== */
.dark-theme .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .section-header h2::after {
    background: linear-gradient(90deg, #f39c12, #e67e22, #f39c12) !important;
    box-shadow: 0 0 20px rgba(243, 156, 18, 0.3) !important;
}

.dark-theme .section-subtitle {
    color: #b0b8c2 !important;
}

/* ===== СТРАНИЦА УСЛУГ ===== */
.dark-theme .services-section .section-header h2,
.dark-theme .process-section .section-header h2,
.dark-theme .warranty-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .services-section .section-header h2::before,
.dark-theme .process-section .section-header h2::before,
.dark-theme .warranty-section .section-header h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
    opacity: 0.3 !important;
}

/* ===== СТРАНИЦА О НАС ===== */
.dark-theme .about-section .section-header h2,
.dark-theme .about-home-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .about-section .section-header h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

.dark-theme .about-section .section-header h2::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
}

/* ===== СТРАНИЦА СТАТЕЙ ===== */
.dark-theme .articles-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .articles-section .section-header h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

/* ===== СТРАНИЦА ГАЛЕРЕИ ===== */
.dark-theme .gallery-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .gallery-section .section-header h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

.dark-theme .gallery-section .section-header h2::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
}

/* ===== СТРАНИЦА КОНТАКТОВ ===== */
.dark-theme .contacts-section .section-header h2,
.dark-theme .map-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ===== СТРАНИЦА FAQ ===== */
.dark-theme .faq-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .faq-section h2::before,
.dark-theme .faq-section h2::after {
    color: rgba(243, 156, 18, 0.1) !important;
    opacity: 0.3 !important;
}

/* ===== СТРАНИЦА АВТОРА ===== */
.dark-theme .author-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .author-section h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

/* ===== СТРАНИЦА ЦИФР ===== */
.dark-theme .numbers-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ===== СТРАНИЦА СЕРТИФИКАЦИИ ===== */
.dark-theme .cert-and-warranty-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .cert-and-warranty-section h2::before {
    color: rgba(243, 156, 18, 0.1) !important;
}

/* ===== СТРАНИЦА ТАЙМЛАЙНА ===== */
.dark-theme .timeline-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .timeline-section h2::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
}

/* ===== СТРАНИЦА ПОДХОДА ===== */
.dark-theme .approach-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ===== СТРАНИЦА ПРОБЛЕМ ===== */
.dark-theme .problems-section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ===== АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ ===== */
@media (max-width: 768px) {
    .dark-theme .section-header h2,
    .dark-theme .services-section .section-header h2,
    .dark-theme .about-section .section-header h2,
    .dark-theme .articles-section .section-header h2,
    .dark-theme .gallery-section .section-header h2,
    .dark-theme .faq-section h2,
    .dark-theme .author-section h2,
    .dark-theme .timeline-section h2,
    .dark-theme .approach-section h2,
    .dark-theme .problems-section h2 {
        font-size: 2.2rem !important;
    }
}

@media (max-width: 480px) {
    .dark-theme .section-header h2,
    .dark-theme .services-section .section-header h2,
    .dark-theme .about-section .section-header h2,
    .dark-theme .articles-section .section-header h2,
    .dark-theme .gallery-section .section-header h2,
    .dark-theme .faq-section h2,
    .dark-theme .author-section h2,
    .dark-theme .timeline-section h2,
    .dark-theme .approach-section h2,
    .dark-theme .problems-section h2 {
        font-size: 1.8rem !important;
    }
}

/* ===== УНИВЕРСАЛЬНЫЙ СТИЛЬ ДЛЯ ВСЕХ ЗАГОЛОВКОВ ===== */
.dark-theme [class*="section"] h2,
.dark-theme [class*="Section"] h2,
.dark-theme section h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}


/* =============================================
СЕКЦИЯ "КАК МЫ РАБОТАЕМ" - ТЕМНАЯ ТЕМА
============================================= */

/* ===== ФОН СЕКЦИИ ===== */
.dark-theme .process-section {
    background: linear-gradient(135deg, #15191e 0%, #111417 100%) !important;
}

/* ===== ЗАГОЛОВКИ СЕКЦИИ ===== */
.dark-theme .process-section .section-header h2 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #f39c12) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.dark-theme .process-section .section-subtitle {
    color: #b0b8c2 !important;
}

/* ===== КАРТОЧКИ ЭТАПОВ ===== */
.dark-theme .process-step {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .process-step:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(243, 156, 18, 0.15) !important;
    border-color: rgba(243, 156, 18, 0.3) !important;
}

/* ===== НОМЕРА ЭТАПОВ ===== */
.dark-theme .step-number {
    background: linear-gradient(135deg, #e67e22, #c0392b) !important;
    color: white !important;
    box-shadow: 0 10px 25px -5px rgba(230, 126, 34, 0.3) !important;
}

.dark-theme .process-step:hover .step-number {
    transform: scale(1.1) rotate(5deg) !important;
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

/* ===== ЗАГОЛОВКИ ЭТАПОВ ===== */
.dark-theme .process-step h3 {
    color: #ffffff !important;
}

/* ===== ТЕКСТ ЭТАПОВ ===== */
.dark-theme .process-step p {
    color: #ced4da !important;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .dark-theme .process-step {
        background: #1a1e24 !important;
    }
}




/* =============================================
СЕКЦИЯ УСЛУГ - ТЕМНАЯ ТЕМА (ЕСЛИ ЕЩЕ НЕТ)
============================================= */
.dark-theme .services-section {
    background: linear-gradient(135deg, #15191e 0%, #111417 100%) !important;
}

.dark-theme .service-card {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
}

.dark-theme .service-card h3 {
    color: #ffffff !important;
}

.dark-theme .service-card p:not(.service-price) {
    color: #ced4da !important;
}

.dark-theme .service-icon {
    background: rgba(243, 156, 18, 0.15) !important;
    color: #f39c12 !important;
}

/* =============================================
СЕКЦИЯ ГАРАНТИЙ - ТЕМНАЯ ТЕМА (ЕСЛИ ЕЩЕ НЕТ)
============================================= */
.dark-theme .warranty-section {
    background: linear-gradient(135deg, #15191e 0%, #111417 100%) !important;
}

.dark-theme .warranty-card {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
}

.dark-theme .warranty-card h3 {
    color: #ffffff !important;
}

.dark-theme .warranty-card p {
    color: #ced4da !important;
}

.dark-theme .warranty-card h3::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
}


/* =============================================
ЦИТАТЫ (BLOCKQUOTE) - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme blockquote {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 4px solid #f39c12 !important;
    color: #e9ecef !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Если есть дополнительные классы для цитат */
.dark-theme .blockquote,
.dark-theme .testimonial-block,
.dark-theme .quote-block {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 4px solid #f39c12 !important;
    color: #e9ecef !important;
}

/* Стили для текста внутри цитаты */
.dark-theme blockquote p,
.dark-theme blockquote span {
    color: #e9ecef !important;
}

/* Стили для автора цитаты (если есть) */
.dark-theme blockquote cite,
.dark-theme blockquote .author {
    color: #b0b8c2 !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .dark-theme blockquote {
        padding: 15px 20px !important;
        margin: 20px 0 !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .dark-theme blockquote {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
}

/* =============================================
ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ЦИТАТ - ТЕМНАЯ ТЕМА
============================================= */

/* Выделенные блоки */
.dark-theme .highlight-box {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 4px solid #f39c12 !important;
    color: #e9ecef !important;
}

/* Блоки заключения */
.dark-theme .conclusion-block {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border: 1px solid #2d3238 !important;
    color: #e9ecef !important;
}

.dark-theme .conclusion-block h4 {
    color: #ffffff !important;
}

.dark-theme .conclusion-block p {
    color: #e9ecef !important;
}

/* Тестовые блоки (отзывы) */
.dark-theme .testimonial-block {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 4px solid #f39c12 !important;
}

.dark-theme .testimonial-block blockquote {
    background: none !important;
    border-left: none !important;
    color: #e9ecef !important;
}

.dark-theme .testimonial-author {
    color: #b0b8c2 !important;
}

/* Dropcap (буквица) */
.dark-theme .dropcap::first-letter {
    color: #f39c12 !important;
}

/* Цитаты в статьях */
.dark-theme .article-full-content blockquote {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 4px solid #f39c12 !important;
    color: #e9ecef !important;
}

.dark-theme .article-full-content blockquote p {
    color: #e9ecef !important;
}

.dark-theme .article-full-content blockquote footer,
.dark-theme .article-full-content blockquote cite {
    color: #b0b8c2 !important;
}

/* =============================================
ВЫДЕЛЕННЫЕ БЛОКИ (HIGHLIGHT) - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .highlight {
    font-weight: bold !important;
    color: #f39c12 !important; /* Золотой цвет для текста */
    margin: 10px 0 !important;
    padding: 7px !important;
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    border-left: 5px solid #f39c12 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(243, 156, 18, 0.2) !important;
}

/* Альтернативный вариант с более ярким фоном */
.dark-theme .highlight-vibrant {
    font-weight: bold !important;
    color: #ffffff !important;
    margin: 10px 0 !important;
    padding: 7px !important;
    background: rgba(243, 156, 18, 0.15) !important;
    border-left: 5px solid #f39c12 !important;
    border-radius: 8px !important;
    backdrop-filter: blur(5px) !important;
}

/* Если используется другой класс для похожих блоков */
.dark-theme .highlight-box,
.dark-theme .highlight-text {
    color: #f39c12 !important;
    background: rgba(243, 156, 18, 0.1) !important;
    border-left: 5px solid #f39c12 !important;
}

/* ===== ДЛЯ ТЕКСТА ВНУТРИ HIGHLIGHT ===== */
.dark-theme .highlight span,
.dark-theme .highlight p {
    color: #e9ecef !important;
}

.dark-theme .highlight strong {
    color: #f39c12 !important;
}

/* ===== ДЛЯ РАЗНЫХ ВАРИАЦИЙ HIGHLIGHT ===== */
.dark-theme .highlight-warning {
    background: rgba(243, 156, 18, 0.1) !important;
    border-left: 5px solid #f39c12 !important;
    color: #e9ecef !important;
}

.dark-theme .highlight-info {
    background: rgba(52, 152, 219, 0.1) !important;
    border-left: 5px solid #3498db !important;
    color: #e9ecef !important;
}

.dark-theme .highlight-success {
    background: rgba(46, 204, 113, 0.1) !important;
    border-left: 5px solid #2ecc71 !important;
    color: #e9ecef !important;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .dark-theme .highlight {
        padding: 5px !important;
        margin: 8px 0 !important;
        font-size: 0.95rem !important;
    }
}

/* =============================================
ТАБЛИЦЫ - ТЕМНАЯ ТЕМА
============================================= */

/* ===== ОБЕРТКА ТАБЛИЦЫ ===== */
.dark-theme .table-wrapper {
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5) !important;
    border-radius: 16px !important;
}

/* ===== СКРОЛЛБАР ДЛЯ ТАБЛИЦ ===== */
.dark-theme .table-wrapper::-webkit-scrollbar-track {
    background: #1a1e24 !important;
    border-radius: 10px !important;
}

.dark-theme .table-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    border: 2px solid #2d3238 !important;
    border-radius: 10px !important;
}

.dark-theme .table-wrapper::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #e67e22 0%, #c0392b 100%) !important;
}

/* ===== ОСНОВНЫЕ ТАБЛИЦЫ ===== */
.dark-theme .recipe-table,
.dark-theme .schedule-table,
.dark-theme .repair-table {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* ===== ЗАГОЛОВКИ ТАБЛИЦ ===== */
.dark-theme .recipe-table thead,
.dark-theme .schedule-table thead,
.dark-theme .repair-table thead {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .recipe-table thead th,
.dark-theme .schedule-table thead th,
.dark-theme .repair-table thead th {
    color: #ffffff !important;
    border-bottom: 2px solid #f39c12 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* ===== ЯЧЕЙКИ ТАБЛИЦ ===== */
.dark-theme .recipe-table td,
.dark-theme .schedule-table td,
.dark-theme .repair-table td {
    color: #e9ecef !important;
    border-bottom: 1px solid #2d3238 !important;
    padding: 12px 15px !important;
}

/* ===== ЧЕРЕДОВАНИЕ СТРОК ===== */
.dark-theme .recipe-table tr:nth-child(even),
.dark-theme .schedule-table tr:nth-child(even),
.dark-theme .repair-table tr:nth-child(even) {
    background: #15191e !important;
}

/* ===== ПРИ НАВЕДЕНИИ ===== */
.dark-theme .recipe-table tr:hover,
.dark-theme .schedule-table tr:hover,
.dark-theme .repair-table tr:hover {
    background: rgba(243, 156, 18, 0.15) !important;
}

.dark-theme .recipe-table tr:hover td,
.dark-theme .schedule-table tr:hover td,
.dark-theme .repair-table tr:hover td {
    color: #ffffff !important;
}

/* ===== ПЕРВАЯ КОЛОНКА (ОСОБОЕ ВЫДЕЛЕНИЕ) ===== */
.dark-theme .recipe-table td:first-child,
.dark-theme .schedule-table td:first-child,
.dark-theme .repair-table td:first-child {
    font-weight: 600 !important;
    color: #f39c12 !important;
}

/* =============================================
ПРОЦЕНТЫ - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .percentage {
    background: rgba(243, 156, 18, 0.15) !important;
    color: #f39c12 !important;
    border: 2px solid #f39c12 !important;
    box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2) !important;
}

.dark-theme .percentage:hover {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    color: #000000 !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3) !important;
}

/* =============================================
ТЕМПЕРАТУРНЫЕ ДИАПАЗОНЫ - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .temp-range {
    background: linear-gradient(135deg, #242a30 0%, #1a1e24 100%) !important;
    color: #e9ecef !important;
    border: 1px solid #3a4048 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .temp-range:hover {
    box-shadow: 0 4px 12px rgba(243, 156, 18, 0.2) !important;
    transform: translateY(-2px) !important;
    border-color: #f39c12 !important;
}

/* =============================================
ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ТАБЛИЦ
============================================= */

/* ===== ГРАНИЦЫ ТАБЛИЦ ===== */
.dark-theme .recipe-table,
.dark-theme .schedule-table,
.dark-theme .repair-table,
.dark-theme .recipe-table th,
.dark-theme .schedule-table th,
.dark-theme .repair-table th,
.dark-theme .recipe-table td,
.dark-theme .schedule-table td,
.dark-theme .repair-table td {
    border-color: #2d3238 !important;
}

/* ===== ВЫДЕЛЕННЫЕ ЯЧЕЙКИ ===== */
.dark-theme .recipe-table .highlight-cell,
.dark-theme .schedule-table .highlight-cell,
.dark-theme .repair-table .highlight-cell {
    background: rgba(243, 156, 18, 0.2) !important;
    color: #f39c12 !important;
    font-weight: 700 !important;
}

/* ===== СОРТИРУЕМЫЕ ЗАГОЛОВКИ ===== */
.dark-theme .recipe-table th.sortable:hover,
.dark-theme .schedule-table th.sortable:hover,
.dark-theme .repair-table th.sortable:hover {
    background: linear-gradient(135deg, #1a1e24 0%, #15191e 100%) !important;
    cursor: pointer !important;
}

/* ===== ИТОГОВЫЕ СТРОКИ ===== */
.dark-theme .recipe-table tfoot,
.dark-theme .schedule-table tfoot,
.dark-theme .repair-table tfoot {
    background: #0a0c0e !important;
}

.dark-theme .recipe-table tfoot td,
.dark-theme .schedule-table tfoot td,
.dark-theme .repair-table tfoot td {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-top: 2px solid #f39c12 !important;
}

/* =============================================
АДАПТИВНОСТЬ ДЛЯ ТАБЛИЦ В ТЕМНОЙ ТЕМЕ
============================================= */

@media (max-width: 768px) {
    .dark-theme .recipe-table td,
    .dark-theme .schedule-table td,
    .dark-theme .repair-table td {
        padding: 10px !important;
        font-size: 14px !important;
    }
    
    .dark-theme .recipe-table th,
    .dark-theme .schedule-table th,
    .dark-theme .repair-table th {
        padding: 12px !important;
        font-size: 15px !important;
    }
    
    .dark-theme .percentage,
    .dark-theme .temp-range {
        font-size: 13px !important;
        padding: 3px 8px !important;
    }
}

@media (max-width: 480px) {
    .dark-theme .recipe-table td,
    .dark-theme .schedule-table td,
    .dark-theme .repair-table td {
        padding: 8px !important;
        font-size: 13px !important;
    }
}


/* =============================================
ФОРМЫ - ТЕМНАЯ ТЕМА
============================================= */

/* ===== КОНТЕЙНЕР ГРУППЫ ФОРМЫ ===== */
.dark-theme .form-group {
    margin-bottom: 25px !important;
}

/* ===== ЛЕЙБЛЫ ===== */
.dark-theme .form-group label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
    display: block !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* ===== ПОЛЯ ВВОДА ===== */
.dark-theme .form-group input,
.dark-theme .form-group textarea,
.dark-theme .form-group select {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 2px solid #3a4048 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    background: #242a30 !important;
    color: #e9ecef !important;
}

/* ===== ПЛЕЙСХОЛДЕРЫ ===== */
.dark-theme .form-group input::placeholder,
.dark-theme .form-group textarea::placeholder,
.dark-theme .form-group select::placeholder {
    color: #8f9aa7 !important;
    opacity: 0.8 !important;
}

/* ===== ПОЛЯ ПРИ ФОКУСЕ ===== */
.dark-theme .form-group input:focus,
.dark-theme .form-group textarea:focus,
.dark-theme .form-group select:focus {
    outline: none !important;
    border-color: #f39c12 !important;
    box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.2) !important;
    background: #2d3238 !important;
}

/* ===== DISABLED ПОЛЯ ===== */
.dark-theme .form-group input:disabled,
.dark-theme .form-group textarea:disabled,
.dark-theme .form-group select:disabled {
    background: #1a1e24 !important;
    border-color: #2d3238 !important;
    color: #8f9aa7 !important;
    cursor: not-allowed !important;
}

/* ===== ТЕКСТОВЫЕ ПОДСКАЗКИ ===== */
.dark-theme .form-group small,
.dark-theme .form-note {
    color: #b0b8c2 !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    display: block !important;
    font-style: italic !important;
}

/* ===== СООБЩЕНИЯ ОБ ОШИБКАХ ===== */
.dark-theme .form-group .error-message,
.dark-theme .form-group .invalid-feedback {
    color: #e74c3c !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    display: block !important;
}

/* ===== УСПЕШНЫЕ СООБЩЕНИЯ ===== */
.dark-theme .form-group .success-message,
.dark-theme .form-group .valid-feedback {
    color: #2ecc71 !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    display: block !important;
}

/* =============================================
СПЕЦИАЛЬНЫЕ ТИПЫ ПОЛЕЙ
============================================= */

/* ===== ЧЕКБОКСЫ И РАДИО ===== */
.dark-theme .form-group input[type="checkbox"],
.dark-theme .form-group input[type="radio"] {
    width: auto !important;
    margin-right: 8px !important;
    accent-color: #f39c12 !important;
}

.dark-theme .form-group input[type="checkbox"] + label,
.dark-theme .form-group input[type="radio"] + label {
    display: inline-block !important;
    color: #e9ecef !important;
}

/* ===== ФАЙЛОВЫЙ ИНПУТ ===== */
.dark-theme .form-group input[type="file"] {
    padding: 10px !important;
    background: #1a1e24 !important;
    border: 2px dashed #3a4048 !important;
    color: #e9ecef !important;
}

.dark-theme .form-group input[type="file"]:hover {
    border-color: #f39c12 !important;
}

/* ===== НОМЕР ТЕЛЕФОНА ===== */
.dark-theme .form-group input[type="tel"] {
    letter-spacing: 0.5px !important;
}

/* ===== EMAIL ===== */
.dark-theme .form-group input[type="email"] {
    font-style: normal !important;
}

/* =============================================
КОНТЕЙНЕР ЗАГРУЗКИ ФАЙЛОВ
============================================= */

.dark-theme .file-upload-container {
    border: 3px dashed #3a4048 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #1a1e24 !important;
    margin-top: 10px !important;
}

.dark-theme .file-upload-container:hover {
    border-color: #f39c12 !important;
    background: #1e2329 !important;
    transform: translateY(-2px) !important;
}

.dark-theme .file-upload-container.dragover {
    border-color: #2ecc71 !important;
    background: rgba(46, 204, 113, 0.1) !important;
}

.dark-theme .file-upload-container::before {
    color: #e9ecef !important;
}

.dark-theme .file-upload-container::after {
    color: #b0b8c2 !important;
}

/* =============================================
ПРЕВЬЮ ФОТО
============================================= */

.dark-theme .photo-preview {
    margin-top: 20px !important;
    min-height: 150px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.dark-theme .photo-preview img {
    max-width: 100% !important;
    max-height: 200px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.3s ease !important;
    border: 2px solid #2d3238 !important;
}

.dark-theme .photo-preview img:hover {
    transform: scale(1.05) !important;
    border-color: #f39c12 !important;
}

/* =============================================
КНОПКА ОТПРАВКИ В ФОРМЕ
============================================= */

.dark-theme .form-group .btn,
.dark-theme .form-group button[type="submit"] {
    background: linear-gradient(135deg, #e67e22, #c0392b) !important;
    color: white !important;
    padding: 14px 35px !important;
    border-radius: 28px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.dark-theme .form-group .btn:hover,
.dark-theme .form-group button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(243, 156, 18, 0.3) !important;
}

.dark-theme .form-group .btn:disabled,
.dark-theme .form-group button[type="submit"]:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* =============================================
СООБЩЕНИЯ ФОРМЫ
============================================= */

.dark-theme .form-message {
    margin: 20px 0 !important;
    min-height: 28px !important;
    text-align: center !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

.dark-theme .form-message.success {
    background: rgba(46, 204, 113, 0.15) !important;
    color: #2ecc71 !important;
    border: 1px solid #2ecc71 !important;
}

.dark-theme .form-message.error {
    background: rgba(231, 76, 60, 0.15) !important;
    color: #e74c3c !important;
    border: 1px solid #e74c3c !important;
}

/* =============================================
АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ
============================================= */

@media (max-width: 768px) {
    .dark-theme .form-group label {
        font-size: 15px !important;
    }
    
    .dark-theme .form-group input,
    .dark-theme .form-group textarea,
    .dark-theme .form-group select {
        padding: 12px 18px !important;
        font-size: 15px !important;
    }
    
    .dark-theme .file-upload-container {
        padding: 25px !important;
    }
    
    .dark-theme .file-upload-container::before {
        font-size: 14px !important;
    }
    
    .dark-theme .file-upload-container::after {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .dark-theme .form-group {
        margin-bottom: 20px !important;
    }
    
    .dark-theme .form-group label {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .dark-theme .form-group input,
    .dark-theme .form-group textarea,
    .dark-theme .form-group select {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
    
    .dark-theme .form-note {
        font-size: 13px !important;
    }
    
    .dark-theme .file-upload-container {
        padding: 20px 15px !important;
    }
}

/* =============================================
СТИЛИ ДЛЯ ВАЛИДАЦИИ
============================================= */

.dark-theme .form-group input.valid,
.dark-theme .form-group textarea.valid,
.dark-theme .form-group select.valid {
    border-color: #2ecc71 !important;
}

.dark-theme .form-group input.invalid,
.dark-theme .form-group textarea.invalid,
.dark-theme .form-group select.invalid {
    border-color: #e74c3c !important;
}

.dark-theme .form-group input:focus.valid,
.dark-theme .form-group textarea:focus.valid,
.dark-theme .form-group select:focus.valid {
    box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.2) !important;
}

.dark-theme .form-group input:focus.invalid,
.dark-theme .form-group textarea:focus.invalid,
.dark-theme .form-group select:focus.invalid {
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2) !important;
}



/* =============================================
ТАБЛИЦЫ - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .repair-table,
.dark-theme .recipe-table,
.dark-theme .schedule-table {
    background: #1a1e24 !important;
    border: 1px solid #2d3238 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .repair-table thead,
.dark-theme .recipe-table thead,
.dark-theme .schedule-table thead {
    background: linear-gradient(135deg, #0a0c0e 0%, #030405 100%) !important;
}

.dark-theme .repair-table th,
.dark-theme .recipe-table th,
.dark-theme .schedule-table th {
    color: #ffffff !important;
    border-bottom: 2px solid #f39c12 !important;
}

.dark-theme .repair-table td,
.dark-theme .recipe-table td,
.dark-theme .schedule-table td {
    color: #e9ecef !important;
    border-bottom: 1px solid #2d3238 !important;
}

.dark-theme .repair-table tbody tr:nth-child(even),
.dark-theme .recipe-table tbody tr:nth-child(even),
.dark-theme .schedule-table tbody tr:nth-child(even) {
    background: #15191e !important;
}

.dark-theme .repair-table tbody tr:hover,
.dark-theme .recipe-table tbody tr:hover,
.dark-theme .schedule-table tbody tr:hover {
    background: rgba(243, 156, 18, 0.15) !important;
}

.dark-theme .repair-table td.service-price,
.dark-theme .recipe-table td.service-price,
.dark-theme .schedule-table td.service-price {
    color: #f39c12 !important;
}

.dark-theme .repair-table td.service-name,
.dark-theme .recipe-table td.service-name,
.dark-theme .schedule-table td.service-name {
    color: #ffffff !important;
}

.dark-theme .repair-table td.service-desc,
.dark-theme .recipe-table td.service-desc,
.dark-theme .schedule-table td.service-desc {
    color: #ced4da !important;
}

.dark-theme .table-wrapper::-webkit-scrollbar-track {
    background: #1a1e24 !important;
}

.dark-theme .table-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
    border: 2px solid #2d3238 !important;
}



/* ===== ТЕМНАЯ ТЕМА ===== */
/* ===== ТЕМНАЯ ТЕМА ===== */
.dark-theme .footer-quote {
    background: linear-gradient(135deg, #1e2329 0%, #1a1e24 100%);
    color: #e9ecef;
    border-left-color: #f39c12;
    border-right-color: #e67e22;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);
}

.dark-theme .footer-quote::after {
    color: #f39c12;
    opacity: 0.15;
}

.dark-theme .footer-quote .quote-content::after {
    color: #e67e22;
    opacity: 0.15;
}

.dark-theme .footer-quote p {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.dark-theme .footer-quote-simple {
    background: #1a1e24;
    color: #e9ecef;
    border-left-color: #f39c12;
}

.dark-theme .footer-quote-minimal {
    color: #b0b8c2;
    border-top-color: #f39c12;
    border-bottom-color: #e67e22;
}



/* =============================================
ЗАГОЛОВКИ ПРОБЛЕМ (problem-content h3) - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .problem-content h3 {
    /* Отключаем градиент, который делает текст прозрачным */
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: currentColor !important;
    background-clip: unset !important;
    
    /* Делаем текст ярким и контрастным */
    color: #f39c12 !important;  /* Золотой/оранжевый */
    text-shadow: 0 2px 8px rgba(243, 156, 18, 0.3) !important;
    
    /* Добавляем легкое свечение для читаемости */
    font-weight: 700 !important;
}

/* Альтернатива - если хотите белый текст */
/*.dark-theme .problem-content h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
}
*/
/* Или если хотите сохранить градиент, но сделать его видимым */
/*.dark-theme .problem-content h3 {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 2px 10px rgba(243, 156, 18, 0.2) !important;
}
*/


/* =============================================
ВСЕ ЗАГОЛОВКИ H3 В ТЕМНОЙ ТЕМЕ
============================================= */

.dark-theme h3,
.dark-theme .glass-card h3,
.dark-theme .problem-content h3,
.dark-theme .service-card h3,
.dark-theme .contact-card h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}

/* Специально для problem-content h3 с сохранением градиента */
.dark-theme .problem-content h3 {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}


/* =============================================
ЗАГОЛОВОК АВТОРА - ТЕМНАЯ ТЕМА
============================================= */

.dark-theme .founder-content h3 {
    /* Отключаем старый градиент */
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: currentColor !important;
    
    /* ЯРКИЙ ЗОЛОТОЙ ЦВЕТ */
    color: #f39c12 !important;
    
    /* СВЕЧЕНИЕ ДЛЯ КОНТРАСТА */
    text-shadow: 
        0 0 10px rgba(243, 156, 18, 0.5),
        0 0 20px rgba(230, 126, 34, 0.3),
        0 2px 5px rgba(0, 0, 0, 0.5) !important;
    
    /* ЖИРНОСТЬ */
    font-weight: 800 !important;
    
    /* ДОПОЛНИТЕЛЬНЫЙ КОНТРАСТ */
    letter-spacing: 0.5px !important;
}

/* Декоративная линия под заголовком */
.dark-theme .founder-content h3::after {
    background: linear-gradient(90deg, #f39c12, #e67e22) !important;
    height: 3px !important;
    box-shadow: 0 0 10px rgba(243, 156, 18, 0.3) !important;
}

/* ===== АЛЬТЕРНАТИВНЫЙ ВАРИАНТ - БЕЛЫЙ С ЗОЛОТЫМ СВЕЧЕНИЕМ ===== */
.dark-theme .founder-content h3 {
    color: #ffffff !important;
    text-shadow: 
        0 0 15px #f39c12,
        0 0 30px #e67e22,
        2px 2px 4px rgba(0,0,0,0.5) !important;
}

/* ===== ЕСЛИ НУЖНО СОХРАНИТЬ ГРАДИЕНТ, НО СДЕЛАТЬ ЯРЧЕ ===== */
.dark-theme .founder-content h3 {
    background: linear-gradient(135deg, #f39c12, #e67e22, #f1c40f) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 20px rgba(243, 156, 18, 0.3) !important;
}