* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #111; line-height: 1.5; font-size: 15px; } a{text-decoration:none !important;color:#111;transition:0.2s;}
a:hover{color:#0056b3;}
img{max-width:100%;height:auto;display:block;}
html{overflow-y:scroll !important;overflow-x:hidden;}
header.site-header{background:#fff;margin-bottom:30px;border-bottom:1px solid #e5e7eb;position:relative;z-index:1002;}
.top-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:0 !important;font-size:12px;color:#666;height:32px !important;min-height:32px !important;display:flex !important;align-items:center !important;overflow:hidden !important;}
.top-bar-inner{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;height:32px !important;margin:0 auto !important;}
.top-left, .top-right, .top-date, .contact-link{display:flex !important;align-items:center !important;height:32px !important;line-height:32px !important;margin:0 !important;padding:0 !important;}
.top-right{gap:15px;}
.contact-link{font-weight:600;color:#555;}
.header-main{padding:20px 0;position:relative;background:#fff;z-index:20;}
.header-row{display:flex;justify-content:space-between;align-items:center;}
.site-branding{display:flex;align-items:center;}
.logo-link{display:flex;align-items:center;gap:12px;}
.logo-box{background:#0056b3;color:#fff;width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:900;border-radius:4px;}
.logo-text-group{display:flex;flex-direction:column;line-height:1;}
.logo-title{font-size:24px;font-weight:900;color:#111;letter-spacing:-1px;text-transform:uppercase;}
.logo-desc{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:3px;}
.site-logo img{max-height:55px;width:auto;}
.header-search-area{margin-left:auto;}
.big-search-form{display:flex;position:relative;}
.big-search-field{padding:10px 15px;border:2px solid #f1f1f1;border-radius:4px 0 0 4px;font-size:14px;width:300px;outline:none;background:#fdfdfd;}
.big-search-submit{background:#0056b3;color:#fff;border:2px solid #0056b3;border-radius:0 4px 4px 0;padding:0 20px;font-weight:700;text-transform:uppercase;font-size:12px;cursor:pointer;}
.big-search-submit:hover{color:#ffffff !important;background-color:#004494 !important;}
.header-nav{background:#0056b3;}
.main-navigation ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.main-navigation a{display:block;color:#fff !important;padding:12px 18px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
.main-navigation a:hover, .main-navigation .current-menu-item > a{background:rgba(0,0,0,0.15);color:#ffffff !important;}
.menu-toggle, .mobile-search{display:none;}
.container{max-width:1240px;margin:0 auto;padding:0 20px;}
.main-grid{display:grid;grid-template-columns:240px 1fr 280px;gap:40px;align-items:start;}
main{min-width:0;overflow:hidden;}
.section-title, .cat-name, .widget-title, .lenta-title{font-size:16px !important;font-weight:900 !important;text-transform:uppercase;letter-spacing:0.5px;color:#111 !important;background:transparent !important;border-bottom:2px solid #0056b3;padding:0 0 8px 0 !important;margin:0 0 20px 0 !important;line-height:1;display:block;width:100%;}
.slider-wrapper-fix{margin-bottom:40px;position:relative;z-index:1;}
.swiper{width:100%;border-radius:8px;overflow:hidden;background:#f4f4f4;transform:translate3d(0,0,0);}
.swiper-slide{height:auto;background:#fff;}
.hero-post{border:none;margin:0;padding:0;position:relative;}
.hero-link-wrap{display:block;position:relative;width:100%;background-color:transparent !important;-webkit-tap-highlight-color:transparent;}
.hero-img{width:100% !important;height:auto !important;aspect-ratio:16 / 9;object-fit:cover;border-radius:0;margin-bottom:15px;background-color:#eee;display:block;}
.hero-content-wrap{padding:15px 0;}
.hero-meta{display:flex;gap:10px;margin-bottom:15px;align-items:center;}
.cat-label, .cat-label a{background:#0056b3;color:#fff !important;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;}
.hero-title{font-size:30px;font-weight:800;line-height:1.2;margin:0 0 15px 0;color:#111;}
.hero-excerpt{font-size:16px;color:#555;line-height:1.6;margin-bottom:20px;}
.swiper-button-next, .swiper-button-prev{color:#fff !important;background:rgba(0,0,0,0.3);width:40px !important;height:40px !important;border-radius:50%;backdrop-filter:blur(2px);transition:0.2s;}
.swiper-pagination-bullet-active{background:#fff !important;}
.read-more-wrap{margin-top:15px;display:inline-block;}
.more-link{background:#0056b3;color:#fff !important;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;}
.lenta-col{border-right:1px solid #f3f4f6;padding-right:20px;}
.lenta-item{padding:10px 0;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;align-items:flex-start;min-height:60px;}
.lenta-meta{display:flex;flex-direction:column;align-items:center;min-width:45px;flex-shrink:0;line-height:1;}
.l-date{font-weight:800;color:#0056b3;font-size:13px;margin-bottom:3px;}
.l-time{font-size:10px;color:#9ca3af;font-weight:500;}
.lenta-link{font-size:14px;line-height:1.35;color:#374151;font-weight:500;}
.lenta-item.is-important-news .lenta-link{font-weight:800 !important;color:#000 !important;}
.cat-block{margin-top:30px;margin-bottom:40px;}
.cat-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;}
.cat-img-wrap{display:block;position:relative;overflow:hidden;background-color:#f4f4f4;}
.cat-thumb{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:10px;}
.cat-title{font-size:17px;font-weight:700;line-height:1.3;margin:0 0 5px 0;}
.sidebar-box{background:#fff;padding:0;margin-bottom:40px;}
.sidebar-item{display:flex;gap:12px;margin-bottom:15px;border-bottom:1px solid #f3f4f6;padding-bottom:15px;align-items:flex-start;position:relative;}
.side-thumb-link{display:block;position:relative;background-color:#f4f4f4;}
.side-thumb{width:90px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.side-title{font-size:13px;font-weight:700;line-height:1.35;margin:0 0 4px 0;color:#111;}
.side-meta{font-size:11px;color:#999;font-weight:600;}
.single-grid{margin-top:30px;grid-template-columns:2fr 1fr;display:grid;gap:40px;}
.entry-header{margin-bottom:25px;}
.entry-title{font-size:28px !important;font-weight:800;line-height:1.3;margin:15px 0 20px 0;color:#111;}
.post-meta-top{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px;font-size:14px;}
.post-meta-top .date{color:#666;font-size:13px;}
.post-thumbnail{border-radius:8px;margin-bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,0.05);background-color:#f4f4f4;}
.entry-content{font-size:18px;line-height:1.8;color:#374151;}
.entry-content p{margin-bottom:25px;}
.entry-content h2{font-size:26px;font-weight:800;margin-top:40px;margin-bottom:20px;}
.entry-content blockquote{border-left:4px solid #0056b3;padding:15px 20px;background:#f8fafc;font-style:italic;margin:30px 0;}
.entry-content img{border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.05);height:auto;max-width:100%;}
.entry-content ul{list-style:none !important;padding-left:0 !important;margin-left:0 !important;}
.entry-content ul li{display:flex !important;align-items:flex-start !important;padding-left:0 !important;margin-bottom:12px !important;line-height:1.8 !important;}
.entry-content ul li::before{content:"" !important;display:block !important;flex-shrink:0 !important;width:8px !important;height:8px !important;background-color:#0056b3 !important;border-radius:2px !important;margin-right:12px !important;margin-top:11px !important;}
.entry-content ul li p{margin:0 !important;padding:0 !important;line-height:1.8 !important;}
.share-box{margin-top:30px;margin-bottom:20px;padding-top:20px;border-top:1px solid #f3f4f6;display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:4px;color:#fff !important;font-size:13px;font-weight:700;transition:0.2s;min-width:40px;}
.share-btn.fb{background-color:#1877F2;}
.share-btn.tg{background-color:#2481cc;}
.share-btn.vb{background-color:#7360f2;}
.share-btn svg{width:16px;height:16px;margin:0;}
.tags-container{margin-top:40px;padding-top:20px;border-top:1px solid #eee;margin-bottom:40px;}
.tags-label{font-weight:800;text-transform:uppercase;color:#999;font-size:12px;margin-right:10px;}
.tags-container a{display:inline-block;background:#f3f4f6;color:#555 !important;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-right:5px;margin-bottom:5px;}
.tags-container a:hover{background:#0056b3;color:#fff !important;}
.entry-content .inline-related-box{margin:30px 0 !important;padding:20px 25px !important;background-color:#f8fbff !important;border-left:4px solid #0056b3 !important;border-radius:0 8px 8px 0 !important;}
.entry-content .inline-related-box .related-title{margin:0 0 15px 0 !important;font-size:14px !important;font-weight:800 !important;text-transform:uppercase;color:#0056b3 !important;}
.entry-content .inline-related-box ul{margin:0 !important;padding:0 !important;list-style:none !important;}
.entry-content .inline-related-box ul li{display:flex !important;align-items:flex-start !important;margin-bottom:12px !important;padding-left:0 !important;position:relative !important;font-size:16px !important;line-height:1.4 !important;}
.entry-content .inline-related-box ul li::before{content:"➤" !important;display:block !important;position:static !important;background:none !important;width:auto !important;height:auto !important;border-radius:0 !important;color:#0056b3 !important;font-size:12px !important;margin:4px 12px 0 0 !important;flex-shrink:0 !important;}
.inline-related-box a{font-weight:600;color:#111;border-bottom:1px solid rgba(0, 86, 179, 0.2);text-decoration:none !important;}
.site-footer{background:#1f2937;color:#9ca3af;margin-top:60px;border-top:4px solid #0056b3;}
.footer-main{padding:50px 0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;}
.footer-logo-link{display:block;text-decoration:none !important;padding-bottom:15px;}
.footer-logo{display:flex;align-items:center;gap:15px;transition:opacity 0.2s;}
.f-logo-box{background:#fff;color:#1f2937;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:900;border-radius:4px;}
.f-logo-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.f-title{font-size:20px;font-weight:900;color:#fff;text-transform:uppercase;display:block;line-height:1;margin-bottom:3px;}
.f-desc{font-size:10px;display:block;line-height:1;}
.footer-title{color:#fff;font-size:16px;text-transform:uppercase;margin-bottom:20px;font-weight:700;}
.site-footer ul, .site-footer li{list-style:none !important;padding:0 !important;margin:0 !important;}
.site-footer li{margin-bottom:10px !important;}
.site-footer a{color:#d1d5db !important;}
.site-footer a:hover{color:#fff !important;}
.footer-bottom{background:#111827;padding:15px 0 !important;font-size:13px;}
.footer-bottom-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.developer-block{display:flex;align-items:center;gap:10px;}
.dev-label{font-size:13px !important;color:#94a3b8 !important;margin:0 !important;line-height:normal !important;}
.dev-link{display:flex !important;align-items:center !important;transform:translateY(3px) !important;}
.comments-area{margin-top:50px;background:#fff;padding:30px;border:1px solid #e5e7eb;border-radius:8px;}
#reply-title{font-size:18px;font-weight:800;text-transform:uppercase;border-bottom:2px solid #0056b3;padding-bottom:10px;margin-bottom:20px;display:block;}
.comment-form textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9;min-height:120px;margin-bottom:15px;}
.form-submit .submit{background:#0056b3;color:#fff;padding:12px 30px;border:none;border-radius:4px;font-weight:700;text-transform:uppercase;cursor:pointer;display:inline-block;}
.logged-in-as{background:#f8fafc;border-left:3px solid #0056b3;padding:15px 20px;border-radius:4px;font-size:13px;color:#4b5563;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;}
.logged-in-as a{display:inline-block;background:#fff;border:1px solid #d1d5db;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;color:#374151 !important;}
.archive-header{margin-bottom:30px;}
.cat-grid-archive{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.cat-post-archive{border:1px solid #eee;background:#fff;border-radius:4px;overflow:hidden;position:relative;}
.cat-post-archive .cat-img-wrap{width:100%;height:180px;}
.cat-post-archive .cat-info{padding:10px;}
.pagination-wrapper{margin:60px 0 80px 0 !important;text-align:center !important;border-top:1px solid #f3f4f6 !important;padding-top:40px !important;}
.nav-links{display:inline-flex !important;gap:8px !important;flex-wrap:wrap !important;justify-content:center !important;}
.page-numbers{display:flex !important;align-items:center !important;justify-content:center !important;min-width:45px !important;height:45px !important;padding:0 10px !important;background:#fff !important;border:1px solid #e5e7eb !important;color:#374151 !important;font-weight:700;font-size:15px !important;border-radius:6px !important;}
.page-numbers.current{background:#0056b3 !important;color:#fff !important;border-color:#0056b3 !important;}
.page-numbers svg{width:20px !important;height:20px !important;}
.uzh-modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(3px);}
.uzh-modal-content{background:#fff;margin:10% auto;padding:30px;border-radius:12px;width:90%;max-width:400px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.uzh-close{position:absolute;right:20px;top:15px;font-size:28px;cursor:pointer;color:#999;}
.uzh-modal h3{margin-top:0;border-bottom:2px solid #0056b3;padding-bottom:10px;margin-bottom:20px;font-size:20px;font-weight:800;}
#tg-contact-form input, #tg-contact-form textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;background:#f9f9f9;display:block;}
#tg-contact-form textarea{height:120px;resize:none;}
#tg-send-btn{width:100%;background:#0056b3;color:#fff;border:none;padding:12px;border-radius:6px;font-weight:700;cursor:pointer;transition:0.3s;font-size:14px;text-transform:uppercase;}
#tg-send-btn:hover{background:#004494;}
.important-badge{position:absolute;top:10px;left:10px;background:#dc2626 !important;color:#fff !important;font-size:10px;font-weight:900;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:20;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.6);color:white;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:bold;pointer-events:none;z-index:10;opacity:0.9;}
.lenta-important-dot{display:inline-block;background:#dc2626;color:#fff;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;font-size:11px;font-weight:900;margin-right:5px;flex-shrink:0;}
#scrollToTopBtn{display:none;position:fixed;bottom:25px;right:25px;z-index:999;background-color:rgba(0, 86, 179, 0.7);color:white;border:none;padding:10px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.3);transition:all 0.3s ease;backdrop-filter:blur(5px);}
#scrollToTopBtn:hover{background-color:#004494;transform:scale(1.1);}
#scrollToTopBtn svg{width:20px;height:20px;}
.error-404-container{padding:60px 0;text-align:center;}
.error-404-main{max-width:600px;margin:0 auto;}
.error-404-box{border:1px solid #eee;padding:40px;border-radius:8px;background:#fff;}
.error-title{font-size:80px;color:#dc2626;margin-bottom:5px;line-height:1;font-weight:900;}
.btn-home{background:#0056b3;color:#fff !important;padding:12px 30px;border-radius:30px;text-transform:uppercase;font-weight:700;display:inline-block;margin-bottom:30px;}
.latest-news-404{text-align:left;border-top:1px solid #eee;padding-top:20px;margin-top:40px;}
.latest-news-404 ul{list-style:none;padding:0;}
.latest-news-404 li{margin-bottom:10px;border-bottom:1px solid #f9f9f9;padding-bottom:8px;}
.page-container{max-width:850px !important;margin-top:40px !important;margin-bottom:60px !important;}
.page-container .entry-title{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:30px;}
@media(max-width:1024px){
.main-grid{display:flex !important;flex-direction:column !important;}
main{order:1 !important;width:100% !important;}
.lenta-col{order:2 !important;width:100% !important;border-right:none !important;border-top:4px solid #111 !important;padding-top:20px !important;margin-top:30px !important;}
aside{order:3 !important;width:100% !important;}
.cat-grid{grid-template-columns:1fr !important;}
.cat-post{display:flex !important;flex-direction:row !important;align-items:stretch !important;border-radius:6px !important;overflow:hidden !important;margin-bottom:20px !important;background:transparent !important;border:none !important;height:auto !important;min-height:100px !important;}
.cat-img-wrap{width:40% !important;flex-shrink:0 !important;margin:0 !important;border-radius:6px 0 0 6px !important;height:auto !important;min-height:100px !important;}
.cat-thumb{width:100% !important;height:100% !important;object-fit:cover !important;margin:0 !important;border-radius:0 !important;}
.cat-info{width:60% !important;background:#f8f9fa !important;padding:10px 15px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;border-radius:0 6px 6px 0 !important;}
.cat-title{font-size:15px !important;margin:0 0 5px 0 !important;line-height:1.35 !important;}
}
@media(max-width:900px){
.desktop-search{display:none !important;}
.menu-toggle{display:flex !important;flex-direction:column !important;justify-content:space-between !important;width:30px !important;height:24px !important;background:transparent !important;border:none !important;padding:0 !important;margin-left:auto !important;cursor:pointer !important;z-index:1001 !important;}
.menu-toggle span{display:block !important;width:100% !important;height:3px !important;background:#111 !important;border-radius:2px !important;transition:0.3s !important;}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px) !important;}
.menu-toggle.active span:nth-child(2){opacity:0 !important;}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -6px) !important;}
.header-nav{display:none !important;position:absolute;top:100%;left:0;right:0;background:#0056b3 !important;z-index:9999;}
.header-nav.toggled{display:block !important;}
.main-navigation ul{flex-direction:column;width:100%;}
.main-navigation a{border-bottom:1px solid rgba(255,255,255,0.1);padding:15px 20px;text-align:left;}
.mobile-search{display:block !important;padding:15px 20px;}
}
@media(max-width:768px){ .single-grid { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; margin-top: 20px !important; gap: 30px !important; }
.single-content-col { width: 100% !important; min-width: 100% !important; }
.sidebar-col { width: 100% !important; min-width: 100% !important; margin-top: 20px !important; } .site-header { position: -webkit-sticky !important; position: sticky !important; top: 0 !important; z-index: 99999 !important; width: 100% !important; }
body.admin-bar .site-header { top: 46px !important; }
.header-row { flex-direction: row !important; padding: 0 !important; }
.header-main { padding: 5px 0 !important; }
.site-logo img { max-height: 40px !important; }
.logo-box { width: 35px !important; height: 35px !important; font-size: 20px !important; }
.logo-title { font-size: 20px !important; } .swiper, .hero-post { min-height: auto !important; background: #f4f4f4 !important; }
.hero-img { aspect-ratio: 16 / 9 !important; min-height: auto !important; height: auto !important; width: 100% !important; background-color: #eee !important; margin-bottom: 10px !important; }
.hero-title { font-size: 20px !important; margin-bottom: 5px !important; line-height: 1.3 !important; }
.hero-excerpt { display: none !important; }
.hero-content-wrap { padding: 0 0 15px 0 !important; }
.swiper-button-next, .swiper-button-prev { top: 35% !important; width: 30px !important; height: 30px !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 12px !important; } .cat-grid-archive { grid-template-columns: 1fr !important; }
.cat-post-archive { 
display: flex !important; 
flex-direction: row !important; 
height: auto !important; 
min-height: 100px !important; 
align-items: stretch !important;
}
.cat-post-archive .cat-img-wrap { 
width: 40% !important; 
height: auto !important; 
flex-shrink: 0 !important; 
min-height: 100px !important; 
}
.cat-post-archive .cat-info { 
width: 60% !important; 
padding: 10px !important; 
display: flex !important; 
flex-direction: column !important; 
justify-content: center !important; 
} .footer-grid { grid-template-columns: 1fr !important; text-align: center !important; }
.footer-logo { flex-direction: row !important; justify-content: center !important; margin-bottom: 15px !important; }
.f-logo-text { align-items: flex-start !important; text-align: left !important; }
.footer-nav ul, .footer-contacts { display: flex !important; flex-direction: column !important; align-items: center !important; }
.footer-bottom-flex { flex-direction: column !important; gap: 15px !important; }
.f-col { margin-bottom: 40px !important; }
.share-box { flex-direction: column !important; align-items: flex-start !important; }
.share-title { display: block !important; width: 100% !important; margin-bottom: 5px !important; }
.share-buttons { justify-content: flex-start !important; width: 100% !important; }
.share-btn { padding: 10px !important; border-radius: 50% !important; min-width: 40px !important; width: 40px !important; justify-content: center !important; flex-grow: 0 !important; }
.share-btn span { display: none !important; }
#scrollToTopBtn[style*="display: block"] { display: flex !important; }
}