/* Общие стили */
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

:root {
    --primary-color: #c62828;
    --primary-dark: #8e0000;
    --primary-light: #ff5f52;
    --secondary-color: #2c3e50;
    --light-color: #f5f5f5;
    --text-color: #333;
    --text-light: #666;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

html {scroll-behavior: smooth;}
body {color: var(--text-color); background-color: #f9f9f9; line-height: 1.6;}
a {text-decoration: none; color: inherit; transition: var(--transition);}
ul {list-style: none;}

.container {width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px;}

.btn {display: inline-block; background-color: var(--primary-color); color: white; padding: 12px 28px; border-radius: 4px; font-weight: 600; transition: var(--transition); border: none; cursor: pointer; font-size: 16px;}
.btn:hover {background-color: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow);}
.btn-outline {background-color: transparent; border: 2px solid var(--primary-color); color: var(--primary-color);}
.btn-outline:hover {background-color: var(--primary-color); color: white;}

.section-title {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
    position: relative;
    padding-bottom: 15px;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background-color: var(--primary-color);
}

.section-title.center {
    text-align: center;
}

.section-title.center:after {
    left: 50%;
    transform: translateX(-50%);
}

/* Шапка сайта */
header {background-color: white; box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000;}
.header-top {background-color: var(--primary-color); color: white; padding: 10px 0;}
.header-top .container {display: flex; justify-content: space-between; align-items: center;}
.contact-info {display: flex; gap: 20px;}
.contact-info i {margin-right: 8px;}
.main-header {padding: 10px 0;}
.main-header .container {display: flex; justify-content: space-between; align-items: center;}
.logo {display: flex; align-items: center; gap: 15px;}
.logo-text h1 {font-size: 1.8rem; color: var(--secondary-color); line-height: 1.2;}
.logo-text span {color: var(--primary-color);}
.logo-text p {font-size: 0.9rem; color: var(--text-light);}
.logo-icon img{height: 80px; margin: 0; padding: 0; display: block;}
nav ul {display: flex; gap: 30px;}
nav a {font-weight: 600; color: var(--secondary-color); padding: 5px 0; position: relative;}
nav a:hover, nav a.active {color: var(--primary-color);}
nav a.active:after {content: ''; position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--primary-color);}
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    color: var(--secondary-color);
    cursor: pointer;}


/* Герой секция на главной */
.hero {background: rgba(0, 0, 0, 0.7); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; position: relative;}
.hero h2 {font-size: 3.5rem; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.hero p {font-size: 1.2rem; max-width: 800px; margin: 0 auto 40px; opacity: 0;}
.hero a {opacity: 0;}
.hero::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/uploads/2026/02/item-116.webp'); background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; opacity: 0.4;}
.hero .container {position: relative; z-index: 2;}
.hero h2, .hero p, .hero .btn {position: relative; z-index: 3;} 
/* Герой секция остальные*/
.page-hero {background: rgba(0, 0, 0, 0.7); background-size: cover; background-position: center; color: white; padding: 80px 0; text-align: center;}
.page-hero h2 {font-size: 3rem; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.page-hero p {font-size: 1.2rem; max-width: 800px; margin: 0 auto; opacity: 0 ;}
.page-hero {position: relative;}
.page-hero::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/mybestqr/img/item-04.webp'); background-size: cover; background-repeat: no-repeat; background-position: center 75%; opacity: 0.3; z-index: 1;}
.page-hero .container {position: relative; z-index: 2;}
.page-hero h2, .page-hero p, .page-hero .btn {position: relative; z-index: 3;}

/* Хлебные крошки */
.breadcrumbs {padding: 20px 0; background-color: var(--light-color);}
.breadcrumbs ul {display: flex; gap: 10px;}
.breadcrumbs li:not(:last-child):after {content: '/'; margin-left: 10px; color: var(--text-light);}
.breadcrumbs a:hover {color: var(--primary-color);}

/* Документы */
/* Основной контент страницы документов */
.documents-page {padding: 80px 0; background-color: white;}
.documents-controls {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; flex-wrap: wrap; gap: 20px;}
.documents-search {position: relative; flex-grow: 1; max-width: 400px;}
.documents-search input {width: 100%; padding: 12px 20px 12px 45px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; transition: var(--transition);}
.documents-search input:focus {outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.2);}
.documents-search i {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-light);}
.documents-filters {display: flex; gap: 10px; flex-wrap: wrap;}
.doc-filter-btn {padding: 8px 20px; background-color: var(--light-color); border: 1px solid #ddd; border-radius: 4px; cursor: pointer; transition: var(--transition);}
.doc-filter-btn:hover, .doc-filter-btn.active {background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
.documents-categories {margin-bottom: 50px;}
.category-section {margin-bottom: 40px;}
.category-title {font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid var(--light-color);}
.documents-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 20px;}
@media (max-width: 768px) {.documents-list {grid-template-columns: 1fr;}}
.document-item {display: flex; align-items: flex-start; padding: 20px; background-color: var(--light-color); border-radius: 8px; transition: var(--transition); border-left: 4px solid var(--primary-color);}
.document-item:hover {transform: translateX(10px); box-shadow: var(--shadow);}
.document-icon {width: 50px; height: 50px; background-color: var(--primary-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; margin-right: 20px; flex-shrink: 0;}
.document-info {flex-grow: 1;}
.document-title {font-weight: 600; font-size: 1.1rem; color: var(--secondary-color); margin-bottom: 8px;}
.document-meta {display: flex; gap: 15px; font-size: 0.9rem; color: var(--text-light); margin-bottom: 10px;}
.document-actions {display: flex; gap: 10px; margin-top: 15px;}
.action-btn {padding: 6px 15px; background-color: white; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 5px;}
.action-btn:hover {background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
.important-documents {background-color: var(--light-color); padding: 60px 0; margin: 60px 0;}
.important-docs-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px;}
.important-doc-card {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition);}
.important-doc-card:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.important-doc-header {background-color: var(--primary-color); color: white; padding: 20px; display: flex; align-items: center; gap: 15px;}
.important-doc-icon {font-size: 2rem;}
.important-doc-title {font-size: 1.3rem; font-weight: 600;}
.important-doc-content {padding: 25px;}
.important-doc-description {margin-bottom: 20px; color: var(--text-light);}

/* Адаптивность */
@media (max-width: 992px) {
	.documents-controls {flex-direction: column; align-items: flex-start;}
	.documents-search {max-width: 100%;}
	.page-hero h2 {font-size: 2.5rem;}
}

@media (max-width: 768px) {
	nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	nav.active {left: 0;}
	nav ul {flex-direction: column; gap: 20px;}
	.mobile-menu-btn {display: block;}
	.header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.document-item {flex-direction: column;}
	.document-icon {margin-right: 0; margin-bottom: 15px;}
	.important-docs-grid {grid-template-columns: 1fr;}
}

@media (max-width: 576px) {
	.section-title {font-size: 2rem;}
	.documents-filters {width: 100%; justify-content: center;}
	.page-hero {padding: 60px 0;}
	.document-actions {flex-wrap: wrap;}
}

/* О НАС */
/* Подменю на странице "О нас" */
.submenu-section {background-color: var(--light-color); padding: 40px 0 50px; border-bottom: 1px solid #ddd;}
.submenu-container {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-top: 40px;}
.submenu-section p.delay-1 {opacity: 0;}
.submenu-card {background-color: white; padding: 30px 25px; border-radius: 8px; text-align: center; box-shadow: var(--shadow); transition: var(--transition); border-top: 4px solid var(--primary-color); display: flex; flex-direction: column; height: 100%;}
.submenu-card:hover {transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.submenu-icon {width: 70px; height: 70px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; margin: 0 auto 25px; transition: var(--transition);}
.submenu-card:hover .submenu-icon {background-color: var(--primary-dark); transform: scale(1.05);}
.submenu-card h3 {color: var(--secondary-color); margin-bottom: 15px; font-size: 1.3rem; min-height: 60px; display: flex; align-items: center; justify-content: center;}
.submenu-card p {color: var(--text-light); font-size: 0.95rem; margin-bottom: 25px; line-height: 1.5; flex-grow: 1;}
.submenu-link {display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: var(--primary-color); font-weight: 600; font-size: 0.95rem; padding: 10px 20px; border-radius: 4px; background-color: rgba(198, 40, 40, 0.1); transition: var(--transition); margin-top: auto;}
.submenu-link:hover {gap: 15px; background-color: rgba(198, 40, 40, 0.2);}
.about-page {padding: 80px 0; background-color: white;}
.about-content {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 60px;}
.about-text {font-size: 1.1rem;}
.about-text p {margin-bottom: 20px;}
.about-image-2 { overflow: hidden; flex: 1; height: 410px;  border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 4rem;}
.about-image-2 img {width: 100%; height: 410px; object-fit: cover; object-position: center; display: block;}
.date-highlight {background-color: var(--light-color); padding: 40px; border-radius: 8px; margin: 40px 0; border-left: 5px solid var(--primary-color);}
.date-highlight .date {color: var(--primary-color); font-weight: bold; font-size: 1.2rem; margin-bottom: 10px;}
.stats-section {padding: 80px 0; background-color: var(--light-color);}
.stats-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px;}
.stat-card {text-align: center; padding: 30px 20px; background-color: white; border-radius: 8px; box-shadow: var(--shadow); transition: var(--transition);}
.stat-card:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.stat-number {font-size: 3rem; font-weight: bold; color: var(--primary-color); margin-bottom: 10px;}
.stat-label {font-size: 1.1rem; color: var(--secondary-color);}
.structure-preview {padding: 60px 0; background-color: white; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.structure-overview {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px;}
.structure-item {padding: 25px; background-color: var(--light-color); border-radius: 8px; border-left: 4px solid var(--primary-color);}
.structure-item h3 {color: var(--secondary-color); margin-bottom: 15px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px;}
.structure-item h3 i {color: var(--primary-color);}
.structure-item p {margin-bottom: 20px;}
.structure-link {display: inline-flex; align-items: center; gap: 8px; color: var(--primary-color); font-weight: 600; margin-top: 10px;}
.structure-link:hover {gap: 12px;}
.quote-section {padding: 80px 0; background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url('https://images.unsplash.com/photo-1548094878-84ced0f6896d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80'); background-size: cover; background-position: center; color: white; text-align: center;}
.quote {font-size: 1.8rem; font-style: italic; max-width: 900px; margin: 0 auto 30px; line-height: 1.8;}
.quote-author {font-size: 1.2rem; font-weight: 600;}
.quote-author span {color: var(--primary-light);}

    /* Адаптивность */
    @media (max-width: 1200px) {
    	.submenu-container {grid-template-columns: repeat(2, 1fr); gap: 20px;}
    }
    
    @media (max-width: 992px) {
    	.about-content {grid-template-columns: 1fr; gap: 40px;}
    	.about-image-2 {order: -1; height: 300px;}
    	.page-hero h2 {font-size: 2.5rem;}
    	.submenu-container {gap: 20px;}
    	.submenu-card {padding: 25px 20px;}
    	.submenu-card h3 {min-height: 50px; font-size: 1.2rem;}
    }
    
    @media (max-width: 768px) {
    	nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
    	nav.active {left: 0;}
    	nav ul {flex-direction: column; gap: 20px;}
    	.mobile-menu-btn {display: block;}
    	.header-top .container {flex-direction: column; gap: 10px; text-align: center;}
    	.quote {font-size: 1.5rem;}
    	.submenu-container {grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto;}
    	.submenu-card {padding: 25px;}
    	.submenu-card h3 {min-height: auto;}
    }
    
    @media (max-width: 576px) {
    	.section-title {font-size: 2rem;}
    	.stats-grid {grid-template-columns: 1fr;}
    	.structure-overview {grid-template-columns: 1fr;}
    	.page-hero {padding: 60px 0;}
    	.submenu-icon {width: 60px; height: 60px; font-size: 1.5rem; margin-bottom: 20px;}
    }


/*  ТЕГИ */
/* Стили для страницы тега */
.tag-stats {background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tag-info {display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.tag-label {font-weight: 600; color: #555;}
.tag-name {background: #e3f2fd; padding: 5px 15px; border-radius: 20px; font-weight: 600; color: #1976d2;}
.posts-count {color: #666; font-size: 14px;}
.related-tags {margin-top: 10px; width: 100%;}
.related-tags span {font-weight: 600; margin-right: 10px; color: #555;}
.tag-link {display: inline-block; background: #f1f1f1; color: #333; padding: 4px 12px; border-radius: 15px; margin: 5px; text-decoration: none; font-size: 14px; transition: all 0.3s;}
.tag-link:hover {background: #1976d2; color: white;}
.no-posts-message {text-align: center; padding: 60px 20px; background: #f9f9f9; border-radius: 8px; grid-column: 1 / -1;}
.no-posts-message i {font-size: 48px; color: #ccc; margin-bottom: 20px;}
.no-posts-message h3 {color: #666; margin-bottom: 10px;}
.all-tags-section {background: #f8f9fa; padding: 40px 0; margin-top: 40px;}
.tags-cloud {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 30px;}
.tag-cloud-item {display: inline-block; padding: 8px 16px; background: white; border: 1px solid #e0e0e0; border-radius: 25px; text-decoration: none; color: #333; transition: all 0.3s; line-height: 1.2;}
.tag-cloud-item:hover {background: #1976d2; color: white; border-color: #1976d2; transform: translateY(-2px);}
.tag-cloud-item.current-tag {background: #1976d2; color: white; border-color: #1976d2; font-weight: 600;}
.tag-count {font-size: 12px; opacity: 0.7; margin-left: 5px;}
.tags-navigation {display: flex; justify-content: center; gap: 20px; margin-top: 20px;}
.btn-outline {background: transparent; border: 2px solid #1976d2; color: #1976d2;}
.btn-outline:hover {background: #1976d2; color: white;}

/*  НОВОСТИ  */
/* Основной контент страницы новостей */
.news-archive {padding: 80px 0; background-color: white;}

/* Фильтры и поиск */
.news-controls {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; flex-wrap: wrap; gap: 20px;}
.news-search {position: relative; flex-grow: 1; max-width: 400px;}
.news-search input {width: 100%; padding: 12px 20px 12px 45px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; transition: var(--transition);}
.news-search input:focus {outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.2);}
.news-search i {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-light);}
.news-filters {display: flex; gap: 10px; flex-wrap: wrap;}
.filter-btn {padding: 8px 20px; background-color: var(--light-color); border: 1px solid #ddd; border-radius: 4px; cursor: pointer; transition: var(--transition);}
.filter-btn:hover, .filter-btn.active {background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
        
/* Сетка новостей */
.news-grid-archive {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; margin-bottom: 50px;}
.news-card-archive {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); height: 100%; display: flex; flex-direction: column;}
.news-card-archive:hover {transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.news-image-archive {height: 200px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem;}
.news-image-archive .news-thumbnail {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease;}
.news-content-archive {padding: 25px; flex-grow: 1; display: flex; flex-direction: column;}
.news-date-archive {display: inline-block; background-color: var(--primary-light); color: white; padding: 5px 12px; border-radius: 20px; font-size: 0.9rem; margin-bottom: 15px; align-self: flex-start;}
.news-title-archive {font-size: 1.4rem; margin-bottom: 15px; color: var(--secondary-color); flex-grow: 1;}
.news-excerpt-archive {color: var(--text-light); margin-bottom: 20px;}
.news-tags-nov {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px;}
.news-tag {display: inline-block; background-color: var(--light-color); color: var(--text-light); padding: 4px 10px; border-radius: 20px; font-size: 0.8rem;}

/* Пагинация */
.pagination {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px;}
.pagination-btn {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: white; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; transition: var(--transition);}
.pagination-btn:hover, .pagination-btn.active {background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
.pagination-btn.disabled {opacity: 0.5; cursor: not-allowed;}
.pagination-btn.disabled:hover {background-color: white; color: inherit; border-color: #ddd;}

/* Панель с популярными новостями */
.news-sidebar {margin-top: 60px; padding: 40px 0; background-color: var(--light-color);}
.sidebar-title {font-size: 1.8rem; margin-bottom: 30px; color: var(--secondary-color); position: relative; padding-bottom: 10px;}
.sidebar-title:after {content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: var(--primary-color);}
.popular-news {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px;}
.popular-news-item {display: flex; gap: 15px; padding: 15px; background-color: white; border-radius: 8px; box-shadow: var(--shadow); transition: var(--transition);}
.popular-news-item:hover {transform: translateX(5px);}
.popular-news-image {width: 80px; height: 80px; overflow: hidden; background-color: var(--primary-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0;}
.popular-news-image .popular-news-thumbnail {width: 100%; height: 100%; object-fit: cover; object-position: center;  transition: transform 0.3s ease;}
.popular-news-content {flex-grow: 1;}
.popular-news-date {font-size: 0.8rem; color: var(--text-light); margin-bottom: 5px;}
.popular-news-title {font-weight: 600; color: var(--secondary-color);}

/* Архив по годам */
.news-archive-years {margin-top: 60px; padding-bottom: 50px;}
.years-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 15px; margin-top: 20px;}
.years-grid button.year-item {all: unset; cursor: pointer; padding: 15px; background-color: white; border-radius: 8px; text-align: center; box-shadow: var(--shadow); transition: var(--transition); display: block; font-family: inherit; border: none !important; outline: none !important;}
.years-grid button.year-item:hover, .years-grid button.year-item.active {background-color: var(--primary-color); color: white;}
.years-grid button.year-item .year {font-size: 1.5rem; font-weight: bold; margin-bottom: 5px;}
.years-grid button.year-item .count {font-size: 0.9rem; opacity: 0.8;}
.years-grid button.year-item:focus-visible {box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.3);}
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .news-controls {flex-direction: column; align-items: flex-start;}            
            .news-search {max-width: 100%;}            
            .page-hero h2 {font-size: 2.5rem;}
        }        
        @media (max-width: 768px) {
            nav {position: fixed; top: 0; left: -100%; width: 280px;  height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}            
            nav.active {left: 0;}            
            nav ul {flex-direction: column; gap: 20px;}            
            .mobile-menu-btn {display: block;}            
            .header-top .container {flex-direction: column; gap: 10px; text-align: center;}            
            .news-grid-archive {grid-template-columns: 1fr;}            
            .years-grid {grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
        }        
        @media (max-width: 576px) {
            .section-title {font-size: 2rem;}            
            .news-filters {width: 100%; justify-content: center;}            
            .page-hero {padding: 60px 0;}            
            .popular-news {grid-template-columns: 1fr;}
        }


/* ЗАПИСЬ */
.related-image .related-thumbnail {width: 100%; height: 100%; object-fit: cover;}
.latest-news-image .latest-news-thumb {width: 100%; height: 100%; object-fit: cover;}
.latest-news-image {overflow: hidden;}
.single-news-page {padding: 60px 0; background-color: white;}
.news-content-wrapper {display: grid; grid-template-columns: 1fr 350px; gap: 50px;}
    @media (max-width: 992px) {.news-content-wrapper {grid-template-columns: 1fr;}}
/* Левая колонка - основное содержание */
.news-main-content {max-width: 800px;}
.news-header {margin-bottom: 40px;}
.news-category {display: inline-block; background-color: var(--primary-light); color: white; padding: 6px 15px; border-radius: 20px; font-size: 0.9rem; margin-bottom: 15px;}
.news-title {font-size: 2.5rem; color: var(--secondary-color); margin-bottom: 20px; line-height: 1.3;}
.news-meta {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; color: var(--text-light); font-size: 0.95rem;}
.news-meta-item {display: flex; align-items: center; gap: 8px;}
.news-meta-item i {color: var(--primary-color);}


/* Основной контейнер для главного изображения */
.news-hero-image {height: 450px; border-radius: 8px; margin-bottom: 40px; position: relative; overflow: hidden;}
.news-hero-image .hero-image-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.news-hero-image .hero-image-bg {transition: transform 0.5s ease;}
.news-hero-image:hover .hero-image-bg {transform: scale(1.05);}
.news-hero-image::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); z-index: 1;}
.image-overlay {position: absolute; bottom: 0; left: 0; right: 0; color: white; padding: 25px; font-size: 0.95rem; text-align: center; z-index: 2; line-height: 1.5;}
    @media (max-width: 992px) {.news-hero-image {height: 400px; margin-bottom: 30px;} .image-overlay {padding: 20px; font-size: 0.9rem;}}
    @media (max-width: 768px) {.news-hero-image {height: 350px; margin-bottom: 25px;} .image-overlay {padding: 15px; font-size: 0.85rem;}}
    @media (max-width: 576px) {.news-hero-image {height: 300px; margin-bottom: 20px; border-radius: 6px;} .image-overlay {padding: 12px; font-size: 0.8rem;}}
    @media (max-width: 768px) and (orientation: landscape) {.news-hero-image {height: 300px;}}
.news-body {font-size: 1.1rem; line-height: 1.8;}
.news-body h2 {font-size: 1.8rem; color: var(--secondary-color); margin: 40px 0 20px;}
.news-body h3 {font-size: 1.5rem; color: var(--secondary-color); margin: 30px 0 15px;}
.news-body p {margin-bottom: 20px;}
.news-body blockquote {border-left: 4px solid var(--primary-color); padding-left: 20px; margin: 30px 0; font-style: italic; color: var(--text-light); font-size: 1.2rem;}
.news-body ul, .news-body ol {margin-bottom: 20px;}
.news-body li {margin-bottom: 10px;}
.news-body img {max-width: 100%; height: auto; border-radius: 8px; margin: 30px 0;}
.highlight-box {background-color: var(--light-color); padding: 30px; border-radius: 8px; margin: 40px 0; border-left: 4px solid var(--primary-color);}
.highlight-box h3 {color: var(--primary-color); margin-top: 0;}
.news-tags {display: flex; flex-wrap: wrap; gap: 10px; margin: 40px 0; padding-top: 30px; border-top: 1px solid #eee;}
.news-tag {display: inline-block; background-color: var(--light-color); color: var(--text-light); padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; transition: var(--transition);}
.news-tag:hover {background-color: var(--primary-color); color: white;}
.news-actions {display: flex; gap: 15px; margin: 40px 0; padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.action-btn {display: flex; align-items: center; gap: 8px; padding: 10px 20px; background-color: var(--light-color); border-radius: 4px; cursor: pointer; transition: var(--transition);}
.action-btn:hover {background-color: var(--primary-color); color: white;}
.news-navigation {display: flex; justify-content: space-between; margin: 50px 0;}
.nav-item {max-width: 45%;}
.nav-prev, .nav-next {display: flex; align-items: center; gap: 15px; padding: 20px; background-color: var(--light-color); border-radius: 8px; transition: var(--transition);}
.nav-prev:hover, .nav-next:hover {background-color: var(--primary-light); color: white; transform: translateX(-5px);}
.nav-next:hover {transform: translateX(5px);}
.nav-icon {font-size: 1.5rem;}
.nav-text {flex-grow: 1;}
.nav-label {font-size: 0.9rem; color: var(--text-light); margin-bottom: 5px;}
.nav-title {font-weight: 600; color: var(--secondary-color);}


/* Правая колонка - сайдбар */
.article-sidebar {padding-top: 20px;}
.sidebar-widget {margin-bottom: 40px; padding: 25px; background-color: var(--light-color); border-radius: 8px;}
.widget-title {font-size: 1.4rem; color: var(--secondary-color); margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #ddd;}
.latest-news-list {display: flex; flex-direction: column; gap: 20px;}
.latest-news-item {display: flex; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.latest-news-item:last-child {border-bottom: none; padding-bottom: 0;}
.latest-news-image {width: 80px; height: 80px; background-color: var(--primary-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0;}
.latest-news-content {flex-grow: 1;}
.latest-news-date {font-size: 0.8rem; color: var(--text-light); margin-bottom: 5px;}
.latest-news-title {font-weight: 600; color: var(--secondary-color); line-height: 1.4;}
.categories-list {display: flex; flex-direction: column; gap: 10px;}
.category-item {border: none; outline: none; font-size: 16px; cursor: pointer; display: flex; justify-content: space-between; padding: 12px 15px; background-color: white; border-radius: 4px; transition: var(--transition);}
.category-item:hover {background-color: var(--primary-color); color: white;}
.category-count {background-color: var(--light-color); color: var(--text-light); padding: 2px 8px; border-radius: 10px; font-size: 0.8rem;}
.category-item:hover .category-count {background-color: rgba(255, 255, 255, 0.2); color: white;}
.archive-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.archive-item {font-size: 16px; cursor: pointer; border: none; outline: none; padding: 10px; background-color: white; border-radius: 4px; text-align: center; transition: var(--transition);}
.archive-item:hover {background-color: var(--primary-color); color: white;}
.related-news {margin-top: 80px; padding-top: 60px; border-top: 1px solid #eee;}
.related-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px;}
.related-card {background-color: var(--light-color); border-radius: 8px; overflow: hidden; transition: var(--transition);}
.related-card:hover {transform: translateY(-10px); box-shadow: var(--shadow);}
.related-image {height: 180px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; color: white; font-size: 2.5rem;}
.related-content {padding: 25px;}
.related-date {display: inline-block; background-color: var(--primary-light); color: white; padding: 5px 12px; border-radius: 20px; font-size: 0.9rem; margin-bottom: 15px;}
.related-title {font-size: 1.3rem; color: var(--secondary-color); margin-bottom: 15px; line-height: 1.4;}
.comments-section {margin-top: 80px; padding-top: 60px; border-top: 1px solid #eee;}
.comment-form {margin-top: 40px; padding: 30px; background-color: var(--light-color); border-radius: 8px;}
.form-row {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px;}
.form-group {margin-bottom: 20px;}
.form-group label {display: block; margin-bottom: 8px; font-weight: 600; color: var(--secondary-color);}
.form-group input, .form-group textarea {width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px;}
.form-group textarea {min-height: 150px; resize: vertical;}
    /* Адаптивность */
    @media (max-width: 768px) {
    	nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
    	nav.active {left: 0;}
    	nav ul {flex-direction: column; gap: 20px;}
    	.mobile-menu-btn {display: block;}
    	.header-top .container {flex-direction: column; gap: 10px; text-align: center;}
    	.news-title {font-size: 2rem;}
    	.news-hero-image {height: 300px; font-size: 3rem;}
    	.news-navigation {flex-direction: column; gap: 20px;}
    	.nav-item {max-width: 100%;}
    	.related-grid {grid-template-columns: 1fr;}
    	.archive-list {grid-template-columns: 1fr;}
    }
    
    @media (max-width: 576px) {
    	.section-title {font-size: 2rem;}
    	.news-title {font-size: 1.8rem;}
    	.news-meta {flex-direction: column; gap: 10px;}
    	.news-actions {flex-wrap: wrap;}
    	.action-btn {flex-grow: 1; justify-content: center;}
    }

/* ГЛАВНАЯ */
/* Секция новостей (главная) */
.home .news-section {padding: 80px 0; background-color: white;}
.home .news-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.home .news-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px;}
.home .news-card {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition);}
.home .news-card:hover {transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.home .news-image {height: 200px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem;}
.home .news-content {padding: 25px;}
.home .news-date {display: inline-block; background-color: var(--primary-light); color: white; padding: 5px 12px; border-radius: 20px; font-size: 0.9rem; margin-bottom: 15px;}
.home .news-title {font-size: 1.4rem; margin-bottom: 15px; color: var(--secondary-color);}
.home .news-excerpt {color: var(--text-light); margin-bottom: 20px;}
.home .news-section .news-image .news-main-thumbnail {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;}
.home .about-preview {padding: 80px 0; background-color: var(--light-color);}
.home .about-content {display: flex; align-items: center; gap: 50px;}
.home .about-text {flex: 1;}
.home .about-text p {margin-bottom: 20px; font-size: 1.1rem;}
.home .about-image {overflow: hidden; flex: 1; height: 350px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 4rem;}
.home .about-image img {width: 100%; height: 350px; object-fit: cover; object-position: center; display: block;}
.home .activities {padding: 80px 0; background-color: white;}
.home .activities-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 30px; margin-top: 40px;}
.home .activity-card {text-align: center; padding: 30px 20px; border-radius: 8px; background-color: var(--light-color); transition: var(--transition);}
.home .activity-card:hover {background-color: var(--primary-color); color: white; transform: translateY(-5px);}
.home .activity-icon {width: 80px; height: 80px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 32px; transition: var(--transition);}
.home .activity-card:hover .activity-icon {background-color: white; color: var(--primary-color);}
.home .activity-title {font-size: 1.3rem; margin-bottom: 15px;}
.home .documents-preview {padding: 80px 0; background-color: var(--light-color);}
.home .documents-list {margin-top: 40px;}
.home .document-item {display: flex; align-items: center; padding: 20px; background-color: white; border-radius: 8px; margin-bottom: 15px; box-shadow: var(--shadow); transition: var(--transition);}
.home .document-item:hover {transform: translateX(10px);}
.home .document-icon {width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; margin-right: 20px;}
.home .document-info h4 {margin-bottom: 5px; color: var(--secondary-color);}
.home .document-info p {color: var(--text-light); font-size: 0.9rem;}

/* Адаптивность */
@media (max-width: 992px) {
	.home .about-content {flex-direction: column;}
	.home .about-image {width: 100%;}
	.home .hero h2 {font-size: 2.8rem;}
}

@media (max-width: 768px) {
	.home nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	.home nav.active {left: 0;}
	.home nav ul {flex-direction: column; gap: 20px;}
	.home .mobile-menu-btn {display: block;}
	.home .header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.home .news-header {flex-direction: column; align-items: flex-start; gap: 20px;}
	.home .hero h2 {font-size: 2.2rem;}
	.home .hero p {font-size: 1rem;}
}

@media (max-width: 576px) {
	.home .section-title {font-size: 2rem;}
	.home .news-grid {grid-template-columns: 1fr;}
	.home .activities-grid {grid-template-columns: 1fr;}
	.home .hero {padding: 70px 0;}
}

/*ДЕЯТЕЛЬНОСТЬ*/
.page-template-deyatelnost .activities-page { padding: 80px 0; background-color: white; }
.page-template-deyatelnost .activities-nav { margin-bottom: 50px; }
.page-template-deyatelnost .activities-tabs { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 40px; }
.page-template-deyatelnost .activity-tab { padding: 15px 30px; background-color: var(--light-color); border-radius: 8px; cursor: pointer; transition: var(--transition); font-weight: 600; display: flex; align-items: center; gap: 10px; }
.page-template-deyatelnost .activity-tab:hover,
.page-template-deyatelnost .activity-tab.active { background-color: var(--primary-color); color: white; }
.page-template-deyatelnost .activity-tab i { font-size: 1.2rem; }
.page-template-deyatelnost .activity-section { display: none; animation: fadeIn 0.5s ease; }
.page-template-deyatelnost .activity-section.active { display: block; }
.page-template-deyatelnost .activity-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.page-template-deyatelnost .activity-icon { width: 80px; height: 80px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2.5rem; flex-shrink: 0; }
.page-template-deyatelnost .activity-title { font-size: 2.2rem; color: var(--secondary-color); }
.page-template-deyatelnost .activity-description { font-size: 1.1rem; margin-bottom: 40px; max-width: 900px; }
.page-template-deyatelnost .subsections { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.page-template-deyatelnost .subsection-card { background-color: var(--light-color); border-radius: 8px; padding: 30px; transition: var(--transition); border-top: 4px solid var(--primary-color); }
.page-template-deyatelnost .subsection-card:hover { transform: translateY(-10px); box-shadow: var(--shadow); }
.page-template-deyatelnost .subsection-icon { width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; margin-bottom: 20px; }
.page-template-deyatelnost .subsection-title { font-size: 1.5rem; color: var(--secondary-color); margin-bottom: 15px; }
.page-template-deyatelnost .subsection-content ul { padding-left: 20px; }
.page-template-deyatelnost .subsection-content li { margin-bottom: 10px; position: relative; padding-left: 15px; }
.page-template-deyatelnost .subsection-content li:before { content: '•'; color: var(--primary-color); position: absolute; left: 0; font-size: 1.5rem; }
.page-template-deyatelnost .content-block { margin-top: 40px; padding: 30px; background-color: var(--light-color); border-radius: 8px; border-left: 4px solid var(--primary-color); }
.page-template-deyatelnost .content-title { font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 20px; }
.page-template-deyatelnost .content-text { font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; }
.page-template-deyatelnost .pdf-download { display: inline-flex; align-items: center; gap: 10px; background-color: var(--primary-color); color: white; padding: 12px 24px; border-radius: 4px; margin-top: 20px; transition: var(--transition); }
.page-template-deyatelnost .pdf-download:hover { background-color: var(--primary-dark); transform: translateY(-3px); box-shadow: var(--shadow); }
.page-template-deyatelnost .pdf-download i { font-size: 1.2rem; }
.page-template-deyatelnost .historical-periods { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; }
.page-template-deyatelnost .period-card { background-color: white; padding: 20px; border-radius: 8px; box-shadow: var(--shadow); border-top: 3px solid var(--primary-color); }
.page-template-deyatelnost .period-title { color: var(--primary-color); margin-bottom: 10px; font-size: 1.2rem; }
.page-template-deyatelnost .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.page-template-deyatelnost .project-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); }
.page-template-deyatelnost .project-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); }
.page-template-deyatelnost .project-image { height: 200px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; }
.page-template-deyatelnost .project-content { padding: 25px; }
.page-template-deyatelnost .project-title { font-size: 1.4rem; color: var(--secondary-color); margin-bottom: 15px; }
.page-template-deyatelnost .project-description { color: var(--text-light); margin-bottom: 20px; }
.page-template-deyatelnost .stats-section { background-color: var(--light-color); padding: 60px 0; margin: 60px 0; }
.page-template-deyatelnost .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }
.page-template-deyatelnost .stat-item { text-align: center; padding: 30px 20px; }
.page-template-deyatelnost .stat-number { font-size: 3rem; font-weight: bold; color: var(--primary-color); margin-bottom: 10px; }
.page-template-deyatelnost .stat-label { font-size: 1.1rem; color: var(--secondary-color); }
.page-template-deyatelnost .help-contacts { background-color: var(--primary-light); color: white; padding: 50px; border-radius: 8px; margin-top: 50px; }
.page-template-deyatelnost .help-contacts h3 { font-size: 1.8rem; margin-bottom: 20px; }
.page-template-deyatelnost .help-contacts p { margin-bottom: 20px; }
@media (max-width: 992px) { .page-template-deyatelnost .page-hero h2 { font-size: 2.5rem; } .page-template-deyatelnost .activity-header { flex-direction: column; text-align: center; } .page-template-deyatelnost .activity-title { font-size: 1.8rem; } }
@media (max-width: 768px) { .page-template-deyatelnost nav { position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999; } .page-template-deyatelnost nav.active { left: 0; } .page-template-deyatelnost nav ul { flex-direction: column; gap: 20px; } .page-template-deyatelnost .mobile-menu-btn { display: block; } .page-template-deyatelnost .header-top .container { flex-direction: column; gap: 10px; text-align: center; } .page-template-deyatelnost .activities-tabs { flex-direction: column; } .page-template-deyatelnost .activity-tab { justify-content: center; } .page-template-deyatelnost .subsections, .page-template-deyatelnost .projects-grid, .page-template-deyatelnost .page-template-deyatelnost .historical-periods { grid-template-columns: 1fr; } .page-template-deyatelnost .stats-grid { grid-template-columns: repeat(2, 1fr); } .page-template-deyatelnost .content-block { padding: 20px; } }
@media (max-width: 576px) { .page-template-deyatelnost .section-title { font-size: 2rem; } .page-template-deyatelnost .page-hero { padding: 60px 0; } .page-template-deyatelnost .stats-grid { grid-template-columns: 1fr; } .page-template-deyatelnost .help-contacts { padding: 30px 20px; } .page-template-deyatelnost .pdf-download { width: 100%; justify-content: center; } }


/*КОНТАКТЫ*/
.page-template-contacts .contacts-page {padding: 80px 0; background-color: white;}
.page-template-contacts .main-contacts {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-bottom: 60px;}
.page-template-contacts .contact-card {padding: 30px; background-color: var(--light-color); border-radius: 8px; transition: var(--transition); border-top: 4px solid var(--primary-color);}
.page-template-contacts .contact-card:hover {transform: translateY(-10px); box-shadow: var(--shadow);}
.page-template-contacts .contact-icon {width: 70px; height: 70px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; margin-bottom: 20px;}
.page-template-contacts .contact-title {font-size: 1.5rem; color: var(--secondary-color); margin-bottom: 20px;}
.page-template-contacts .contact-details {margin-top: 20px;}
.page-template-contacts .contact-item {display: flex; align-items: flex-start; margin-bottom: 15px;}
.page-template-contacts .contact-item i {margin-right: 15px; color: var(--primary-color); margin-top: 5px; font-size: 1.2rem;}
.page-template-contacts .map-section {margin: 60px 0;}
.page-template-contacts .map-container {padding: 40px 0; background-color: var(--primary-color); border-radius: 8px; overflow: hidden; position: relative;}
.page-template-contacts .map-placeholder {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-align: center; padding: 20px;}
.page-template-contacts .map-placeholder i {font-size: 4rem; margin-bottom: 20px;}
.page-template-contacts .map-placeholder h3 {font-size: 1.8rem; margin-bottom: 15px;}
.page-template-contacts .map-controls {display: flex; justify-content: center; gap: 15px; margin-top: 20px;}
.page-template-contacts .requisites-section {background-color: var(--light-color); padding: 60px 0; margin: 60px 0;}
.page-template-contacts .requisites-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;}
.page-template-contacts .requisite-card {background-color: white; padding: 30px; border-radius: 8px; box-shadow: var(--shadow);}
.page-template-contacts .requisite-title {font-size: 1.3rem; color: var(--primary-color); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--light-color);}
.page-template-contacts .requisite-details p {margin-bottom: 12px; line-height: 1.8;}
.page-template-contacts .contact-form-section {margin: 60px 0;}
.page-template-contacts .form-container {max-width: 800px; margin: 0 auto; padding: 40px; background-color: white; border-radius: 8px; box-shadow: var(--shadow);}
.page-template-contacts .form-title {font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 30px; text-align: center;}
.page-template-contacts .schedule-section {margin: 60px 0;}
.page-template-contacts .schedule-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;}
.page-template-contacts .schedule-card {padding: 30px; background-color: var(--light-color); border-radius: 8px; text-align: center;}
.page-template-contacts .schedule-icon {width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; margin: 0 auto 20px;}
.page-template-contacts .schedule-title {font-size: 1.3rem; color: var(--secondary-color); margin-bottom: 15px;}
.page-template-contacts .schedule-details p {margin-bottom: 10px;}
    
    /* Стили для Contact Form 7 */
    .wpcf7-form .form-row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin-bottom: 0;
    }
    
    .wpcf7-form .form-group {
        margin-bottom: 25px;
    }
    
    .wpcf7-form label {
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
        color: var(--secondary-color);
    }
    
    .wpcf7-form .wpcf7-form-control-wrap {
        display: block;
    }
    
    .wpcf7-form .wpcf7-text,
    .wpcf7-form .wpcf7-tel,
    .wpcf7-form .wpcf7-email,
    .wpcf7-form .wpcf7-select,
    .wpcf7-form .wpcf7-textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        transition: var(--transition);
    }
    
    .wpcf7-form .wpcf7-text:focus,
    .wpcf7-form .wpcf7-tel:focus,
    .wpcf7-form .wpcf7-email:focus,
    .wpcf7-form .wpcf7-select:focus,
    .wpcf7-form .wpcf7-textarea:focus {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.2);
    }
    
    .wpcf7-form .wpcf7-submit {
        background-color: var(--primary-color);
        color: white;
        padding: 12px 30px;
        border: 2px solid var(--primary-color);
        border-radius: 50px;
        font-weight: 600;
        font-size: 1rem;
        cursor: pointer;
        transition: var(--transition);
        display: inline-block;
        text-decoration: none;
    }
    
    .wpcf7-form .wpcf7-submit:hover {
        background-color: transparent;
        color: var(--primary-color);
    }
    
    .wpcf7-form .wpcf7-not-valid-tip {
        color: #dc3232;
        font-size: 0.9rem;
        margin-top: 5px;
    }
    
    .wpcf7-form .wpcf7-response-output {
        margin: 20px 0 0;
        padding: 10px 15px;
        border-radius: 4px;
        font-size: 0.95rem;
    }
    
    .wpcf7-form .wpcf7-mail-sent-ok {
        background-color: #d4edda;
        border-color: #c3e6cb;
        color: #155724;
    }
    
    .wpcf7-form .wpcf7-validation-errors,
    .wpcf7-form .wpcf7-spam-blocked,
    .wpcf7-form .wpcf7-mail-sent-ng {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }
    
    @media (max-width: 992px) {.page-template-contacts .page-hero h2 {font-size: 2.5rem;}}
    @media (max-width: 768px) {.page-template-contacts nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;} .page-template-contacts nav.active {left: 0;} .page-template-contacts nav ul {flex-direction: column; gap: 20px;} .page-template-contacts .mobile-menu-btn {display: block;} .page-template-contacts .header-top .container {flex-direction: column; gap: 10px; text-align: center;} .page-template-contacts .main-contacts {grid-template-columns: 1fr;} .page-template-contacts .form-container {padding: 30px 20px;} .page-template-contacts .form-row {grid-template-columns: 1fr;}}
    @media (max-width: 576px) {.page-template-contacts .section-title {font-size: 2rem;} .page-template-contacts .page-hero {padding: 60px 0;} .page-template-contacts .map-container {height: 300px;} .page-template-contacts .requisites-grid, .page-template-contacts .schedule-grid {grid-template-columns: 1fr;} .page-template-contacts .contact-card {padding: 20px;}}
    
/* Основной контент страницы "Структура организации" */
.structure-page {padding: 80px 0; background-color: white;}
.page-template-o-nas-struktura .structure-intro {max-width: 900px; margin: 0 auto 60px; text-align: center; font-size: 1.1rem;}
.page-template-o-nas-struktura .leadership-section {margin-bottom: 80px;}
.page-template-o-nas-struktura .leadership-cards {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 40px;}
.page-template-o-nas-struktura .leadership-card {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition);}
.page-template-o-nas-struktura .leadership-card:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
.page-template-o-nas-struktura .leader-photo {height: 300px; background-color: #e0e0e0; display: flex; align-items: center; justify-content: center; color: var(--text-light); font-size: 5rem;}
.page-template-o-nas-struktura .leader-info {padding: 30px;}
.page-template-o-nas-struktura .leader-position {color: var(--primary-color); font-weight: 600; margin-bottom: 10px; font-size: 1.1rem;}
.page-template-o-nas-struktura .leader-name {font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 15px; font-weight: 700;}
.page-template-o-nas-struktura .leader-responsibility {color: var(--text-light); font-style: italic; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.page-template-o-nas-struktura .leader-bio {font-size: 0.95rem; line-height: 1.7;}
.page-template-o-nas-struktura .committee-section {margin-bottom: 80px;}
.page-template-o-nas-struktura .committee-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px;}
.page-template-o-nas-struktura .committee-card {background-color: var(--light-color); border-radius: 8px; padding: 30px; border-left: 5px solid var(--primary-color); transition: var(--transition);}
.page-template-o-nas-struktura .committee-card:hover {transform: translateY(-5px); box-shadow: var(--shadow);}
.page-template-o-nas-struktura .committee-position {color: var(--primary-color); font-weight: 600; margin-bottom: 10px; font-size: 1.1rem;}
.page-template-o-nas-struktura .committee-name {font-size: 1.5rem; color: var(--secondary-color); margin-bottom: 15px; font-weight: 700;}
.page-template-o-nas-struktura .committee-responsibility {color: var(--text-color); line-height: 1.7;}
.page-template-o-nas-struktura .org-structure-section {margin-bottom: 80px; background-color: var(--light-color); padding: 60px; border-radius: 8px;}
.page-template-o-nas-struktura .org-chart {position: relative; margin-top: 40px;}
.page-template-o-nas-struktura .org-level {display: flex; justify-content: center; margin-bottom: 60px; position: relative;}
.page-template-o-nas-struktura .org-level:not(:last-child):after {content: ''; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 2px; height: 30px; background-color: var(--primary-color);}
.page-template-o-nas-struktura .org-node {background-color: white; border: 2px solid var(--primary-color); border-radius: 8px; padding: 20px; text-align: center; min-width: 250px; box-shadow: var(--shadow); position: relative;}
.page-template-o-nas-struktura .node-title {font-weight: 700; color: var(--secondary-color); margin-bottom: 5px; font-size: 1.2rem;}
.page-template-o-nas-struktura .node-subtitle {color: var(--primary-color); font-size: 0.9rem; font-weight: 600;}
.page-template-o-nas-struktura .org-chart-lines {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.page-template-o-nas-struktura .branches-section {margin-bottom: 80px;}
.page-template-o-nas-struktura .branches-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px;}
.page-template-o-nas-struktura .branch-card {background-color: white; border-radius: 8px; padding: 25px; box-shadow: var(--shadow); text-align: center; transition: var(--transition); border-top: 4px solid var(--primary-color);}
.page-template-o-nas-struktura .branch-card:hover {transform: translateY(-5px);}
.page-template-o-nas-struktura .branch-name {font-weight: 700; color: var(--secondary-color); margin-bottom: 10px; font-size: 1.2rem;}
.page-template-o-nas-struktura .branch-leader {color: var(--text-light); font-size: 0.95rem;}

/* Адаптивность */
@media (max-width: 992px) {
	.page-template-o-nas-struktura .leadership-cards {grid-template-columns: 1fr; max-width: 600px; margin-left: auto; margin-right: auto;}
	.page-template-o-nas-struktura .page-hero h2 {font-size: 2.5rem;}
	.page-template-o-nas-struktura .org-structure-section {padding: 40px 20px;}
}

@media (max-width: 768px) {
	.page-template-o-nas-struktura nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	.page-template-o-nas-struktura nav.active {left: 0;}
	.page-template-o-nas-struktura nav ul {flex-direction: column; gap: 20px;}
	.page-template-o-nas-struktura .mobile-menu-btn {display: block;}
	.page-template-o-nas-struktura .header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.page-template-o-nas-struktura .org-node {min-width: 200px;}
}

@media (max-width: 576px) {
	.page-template-o-nas-struktura .section-title {font-size: 2rem;}
	.page-template-o-nas-struktura .committee-grid {grid-template-columns: 1fr;}
	.page-template-o-nas-struktura .branches-grid {grid-template-columns: 1fr;}
	.page-template-o-nas-struktura .page-hero {padding: 60px 0;}
	.page-template-o-nas-struktura .leader-photo {height: 250px;}
}

/* Основной контент страницы "Ревизор" */
.revisor-page {padding: 80px 0; background-color: white;}
.page-template-o-nas-revizor .page-intro {max-width: 900px; margin: 0 auto 60px; text-align: center; font-size: 1.1rem;}
.page-template-o-nas-revizor .revisor-section {margin-bottom: 80px;}
.page-template-o-nas-revizor .revisor-container {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-top: 40px;}
.page-template-o-nas-revizor .revisor-photo-container {text-align: center;}
.page-template-o-nas-revizor .revisor-photo {width: 100%; max-width: 400px; height: 510px; background-color: var(--light-color); border-radius: 8px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: var(--text-light); font-size: 4rem; box-shadow: var(--shadow); overflow: hidden; position: relative;}
.page-template-o-nas-revizor .revisor-photo img {width: 100%; height: auto; object-fit: cover; object-position: center; display: block;}
.page-template-o-nas-revizor .photo-placeholder {text-align: center; padding: 30px;}
.page-template-o-nas-revizor .photo-placeholder i {margin-bottom: 20px; color: var(--primary-color);}
.page-template-o-nas-revizor .revisor-info {padding: 20px 0;}
.page-template-o-nas-revizor .revisor-position {color: var(--primary-color); font-weight: 600; margin-bottom: 15px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px;}
.page-template-o-nas-revizor .revisor-position i {font-size: 1.3rem;}
.page-template-o-nas-revizor .revisor-name {font-size: 2.2rem; color: var(--secondary-color); margin-bottom: 30px; font-weight: 700; line-height: 1.2;}
.page-template-o-nas-revizor .revisor-bio {font-size: 1.1rem; line-height: 1.7; margin-bottom: 30px;}
.page-template-o-nas-revizor .contact-details {margin-top: 40px; padding-top: 30px; border-top: 1px solid #eee;}
.page-template-o-nas-revizor .contact-details h4 {color: var(--secondary-color); margin-bottom: 20px; font-size: 1.3rem;}
.page-template-o-nas-revizor .contact-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 15px;}
.page-template-o-nas-revizor .contact-item i {color: var(--primary-color); margin-top: 5px; width: 20px;}
.page-template-o-nas-revizor .responsibilities-section {margin-bottom: 80px;}
.page-template-o-nas-revizor .responsibilities-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px;}
.page-template-o-nas-revizor .responsibility-card {background-color: var(--light-color); padding: 35px 30px; border-radius: 8px; border-left: 5px solid var(--primary-color); transition: var(--transition); height: 100%;}
.page-template-o-nas-revizor .responsibility-card:hover {transform: translateY(-5px); box-shadow: var(--shadow);}
.page-template-o-nas-revizor .responsibility-icon {width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; margin-bottom: 25px;}
.page-template-o-nas-revizor .responsibility-card h3 {color: var(--secondary-color); margin-bottom: 15px; font-size: 1.3rem;}
.page-template-o-nas-revizor .responsibility-card p {color: var(--text-color); line-height: 1.6;}
.page-template-o-nas-revizor .financial-section {margin-bottom: 80px; background-color: var(--light-color); padding: 60px; border-radius: 8px;}
.page-template-o-nas-revizor .financial-content {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}
.page-template-o-nas-revizor .financial-text h3 {color: var(--secondary-color); margin-bottom: 20px; font-size: 1.8rem;}
.page-template-o-nas-revizor .financial-list {margin-top: 25px;}
.page-template-o-nas-revizor .financial-list li {margin-bottom: 15px; padding-left: 25px; position: relative; line-height: 1.6;}
.page-template-o-nas-revizor .financial-list li:before {content: '✓'; position: absolute; left: 0; color: var(--primary-color); font-weight: bold; font-size: 1.2rem;}
.page-template-o-nas-revizor .financial-visual {height: 300px; background-color: white; border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow);}
.page-template-o-nas-revizor .visual-placeholder {text-align: center; padding: 30px;}
.page-template-o-nas-revizor .visual-placeholder i {font-size: 5rem; color: var(--primary-color); margin-bottom: 20px;}
.page-template-o-nas-revizor .info-section {padding: 40px 0;}
.page-template-o-nas-revizor .info-box {background-color: white; padding: 40px; border-radius: 8px; box-shadow: var(--shadow); border-left: 5px solid var(--primary-color);}
.page-template-o-nas-revizor .info-box h3 {color: var(--secondary-color); margin-bottom: 20px; font-size: 1.5rem;}
.page-template-o-nas-revizor .info-box p {margin-bottom: 15px;}

/* Адаптивность */
@media (max-width: 992px) {
	.page-template-o-nas-revizor .revisor-container {grid-template-columns: 1fr; gap: 40px;}
	.page-template-o-nas-revizor .financial-content {grid-template-columns: 1fr; gap: 40px;}
	.page-template-o-nas-revizor .page-hero h2 {font-size: 2.5rem;}
	.page-template-o-nas-revizor .revisor-name {font-size: 1.8rem;}
	.page-template-o-nas-revizor .financial-section {padding: 40px;}
}

@media (max-width: 768px) {
	.page-template-o-nas-revizor nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	.page-template-o-nas-revizor nav.active {left: 0;}
	.page-template-o-nas-revizor nav ul {flex-direction: column; gap: 20px;}
	.page-template-o-nas-revizor .mobile-menu-btn {display: block;}
	.page-template-o-nas-revizor .header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.page-template-o-nas-revizor .responsibilities-grid {grid-template-columns: 1fr;}
	.page-template-o-nas-revizor .revisor-photo {height: 400px; max-width: 350px;}
}

@media (max-width: 576px) {
	.page-template-o-nas-revizor .section-title {font-size: 2rem;}
	.page-template-o-nas-revizor .page-hero {padding: 60px 0;}
	.page-template-o-nas-revizor .revisor-name {font-size: 1.6rem;}
	.page-template-o-nas-revizor .financial-section {padding: 30px 20px;}
	.page-template-o-nas-revizor .info-box {padding: 25px;}
	.page-template-o-nas-revizor .responsibility-card {padding: 25px 20px;}
}

/* Основной контент страницы */
.chairmen-page {padding: 80px 0; background-color: white;}
.page-template-o-nas-predsedateli .page-intro {max-width: 900px; margin: 0 auto 60px; text-align: center; font-size: 1.1rem;}
.page-template-o-nas-predsedateli .chairmen-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; margin-top: 40px;}
.page-template-o-nas-predsedateli .chairman-card {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); border-top: 4px solid var(--primary-color);}
.page-template-o-nas-predsedateli .chairman-card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.page-template-o-nas-predsedateli .chairman-header {background-color: var(--secondary-color); color: white; padding: 20px; text-align: center;}
.page-template-o-nas-predsedateli .district-name {font-size: 1.4rem; font-weight: 700; margin-bottom: 5px;}
.page-template-o-nas-predsedateli .district-region {font-size: 0.9rem; opacity: 0.8;}
.page-template-o-nas-predsedateli .chairman-content {padding: 30px;}
.page-template-o-nas-predsedateli .chairman-rank {color: var(--primary-color); font-weight: 600; margin-bottom: 10px; font-size: 1.1rem; display: flex; align-items: center; gap: 10px;}
.page-template-o-nas-predsedateli .chairman-rank i {font-size: 1.2rem;}
.page-template-o-nas-predsedateli .chairman-name {font-size: 1.6rem; color: var(--secondary-color); margin-bottom: 20px; font-weight: 700; line-height: 1.3;}
.page-template-o-nas-predsedateli .contact-info-block {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}
.page-template-o-nas-predsedateli .contact-info-block h4 {color: var(--secondary-color); margin-bottom: 10px; font-size: 1.1rem;}
.page-template-o-nas-predsedateli .contact-detail {display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 0.95rem; color: var(--text-light);}
.page-template-o-nas-predsedateli .contact-detail i {color: var(--primary-color); width: 20px;}
.page-template-o-nas-predsedateli .map-section {padding: 60px 0; background-color: var(--light-color); margin-top: 60px;}
.page-template-o-nas-predsedateli .map-container {position: relative; margin-top: 40px; background-color: white; border-radius: 8px; padding: 30px; box-shadow: var(--shadow);}
.page-template-o-nas-predsedateli .map-visual {height: 400px; overflow: hidden; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.page-template-o-nas-predsedateli .map-placeholder {text-align: center; color: var(--secondary-color);}
.page-template-o-nas-predsedateli .map-placeholder i {font-size: 5rem; margin-bottom: 20px; color: var(--primary-color);}
.page-template-o-nas-predsedateli .map-legend {display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; justify-content: center;}
.page-template-o-nas-predsedateli .legend-item {display: flex; align-items: center; gap: 8px; font-size: 0.9rem;}
.page-template-o-nas-predsedateli .legend-color {width: 15px; height: 15px; border-radius: 50%; background-color: var(--primary-color);}
.page-template-o-nas-predsedateli .info-section {padding: 40px 0;}
.page-template-o-nas-predsedateli .info-box {background-color: var(--light-color); padding: 30px; border-radius: 8px; border-left: 5px solid var(--primary-color); margin-top: 30px;}
.page-template-o-nas-predsedateli .info-box h3 {color: var(--secondary-color); margin-bottom: 15px; font-size: 1.3rem;}

/* Адаптивность */
@media (max-width: 992px) {
	.page-template-o-nas-predsedateli .chairmen-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
	.page-template-o-nas-predsedateli .page-hero h2 {font-size: 2.5rem;}
}

@media (max-width: 768px) {
	.page-template-o-nas-predsedateli nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	.page-template-o-nas-predsedateli nav.active {left: 0;}
	.page-template-o-nas-predsedateli nav ul {flex-direction: column; gap: 20px;}
	.page-template-o-nas-predsedateli .mobile-menu-btn {display: block;}
	.page-template-o-nas-predsedateli .header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.page-template-o-nas-predsedateli .chairmen-grid {grid-template-columns: 1fr;}
}

@media (max-width: 576px) {
	.page-template-o-nas-predsedateli .section-title {font-size: 2rem;}
	.page-template-o-nas-predsedateli .page-hero {padding: 60px 0;}
	.page-template-o-nas-predsedateli .chairman-name {font-size: 1.4rem;}
}

/* Основной контент страницы */
.page-template-o-nas-organizacii .organizations-page {padding: 80px 0; background-color: white;}
.page-template-o-nas-organizacii .page-intro {max-width: 900px; margin: 0 auto 60px; text-align: center; font-size: 1.1rem;}
.page-template-o-nas-organizacii .category-filters {display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 50px;}
.page-template-o-nas-organizacii .filter-btn {padding: 10px 20px; background-color: var(--light-color); border: 1px solid #ddd; border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 500;}
.page-template-o-nas-organizacii .filter-btn:hover, .page-template-o-nas-organizacii .filter-btn.active {background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
.page-template-o-nas-organizacii .organizations-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; margin-top: 40px;}
.page-template-o-nas-organizacii .organization-card {background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); border-top: 4px solid var(--primary-color); height: 100%; display: flex; flex-direction: column;}
.page-template-o-nas-organizacii .organization-card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.page-template-o-nas-organizacii .org-header {padding: 25px; flex-grow: 1;}
.page-template-o-nas-organizacii .org-category {display: inline-block; background-color: var(--light-color); color: var(--primary-color); padding: 5px 15px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-bottom: 15px;}
.page-template-o-nas-organizacii .org-name {font-size: 1.4rem; color: var(--secondary-color); margin-bottom: 20px; font-weight: 700; line-height: 1.3;}
.page-template-o-nas-organizacii .org-description {color: var(--text-light); font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px;}
.page-template-o-nas-organizacii .org-leaders {padding-top: 20px; border-top: 1px solid #eee;}
.page-template-o-nas-organizacii .leader-item {margin-bottom: 15px;}
.page-template-o-nas-organizacii .leader-title {color: var(--text-light); font-size: 0.9rem; margin-bottom: 5px;}
.page-template-o-nas-organizacii .leader-name {font-weight: 600; color: var(--secondary-color); font-size: 1rem;}
.page-template-o-nas-organizacii .org-footer {padding: 20px 25px; background-color: var(--light-color); border-top: 1px solid #eee;}
.page-template-o-nas-organizacii .org-type {display: flex; align-items: center; gap: 10px; font-size: 0.9rem; color: var(--text-light);}
.page-template-o-nas-organizacii .org-type i {color: var(--primary-color);}
.page-template-o-nas-organizacii .stats-section {padding: 60px 0; background-color: var(--light-color); margin-top: 60px;}
.page-template-o-nas-organizacii .stats-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center;}
.page-template-o-nas-organizacii .stat-item {padding: 20px;}
.page-template-o-nas-organizacii .stat-number {font-size: 2.5rem; font-weight: bold; color: var(--primary-color); margin-bottom: 10px;}
.page-template-o-nas-organizacii .stat-label {font-size: 1rem; color: var(--secondary-color);}
.info-section {padding: 60px 0;}
.page-template-o-nas-organizacii .info-box {background-color: white; padding: 40px; border-radius: 8px; box-shadow: var(--shadow); border-left: 5px solid var(--primary-color);}
.page-template-o-nas-organizacii .info-box h3 {color: var(--secondary-color); margin-bottom: 20px; font-size: 1.5rem;}
.page-template-o-nas-organizacii .info-box p {margin-bottom: 15px;}

/* Адаптивность */
@media (max-width: 992px) {
	.page-template-o-nas-organizacii .organizations-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
	.page-template-o-nas-organizacii .page-hero h2 {font-size: 2.5rem;}
}

@media (max-width: 768px) {
	.page-template-o-nas-organizacii nav {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background-color: white; box-shadow: var(--shadow); padding: 80px 30px 30px; transition: var(--transition); z-index: 999;}
	.page-template-o-nas-organizacii nav.active {left: 0;}
	.page-template-o-nas-organizacii nav ul {flex-direction: column; gap: 20px;}
	.page-template-o-nas-organizacii .mobile-menu-btn {display: block;}
	.page-template-o-nas-organizacii .header-top .container {flex-direction: column; gap: 10px; text-align: center;}
	.page-template-o-nas-organizacii .organizations-grid {grid-template-columns: 1fr;}
	.page-template-o-nas-organizacii .category-filters {gap: 10px;}
	.page-template-o-nas-organizacii .filter-btn {padding: 8px 15px; font-size: 0.9rem;}
}

@media (max-width: 576px) {
	.page-template-o-nas-organizacii .section-title {font-size: 2rem;}
	.page-template-o-nas-organizacii .page-hero {padding: 60px 0;}
	.page-template-o-nas-organizacii .org-name {font-size: 1.2rem;}
	.page-template-o-nas-organizacii .info-box {padding: 25px;}
}

/* Подвал */
footer {background-color: var(--secondary-color); color: white; padding: 60px 0 30px;}
.footer-content {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px;}
.footer-column h3 {font-size: 1.5rem;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;}

.footer-column h3:after {content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: var(--primary-color);}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a:hover {
    color: var(--primary-light);
    padding-left: 5px;
}

.contact-details li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.contact-details i {
    margin-right: 15px;
    color: var(--primary-light);
    margin-top: 5px;
}
.copyright {text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.9rem; color: rgba(255, 255, 255, 0.7);}