/* EAC Expert RESTAYL — визуальный слой поверх modern. Палитра бренда #00B8F2 сохранена. */
.eac-catalog{margin:24px 0}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cat-card{display:block;padding:18px;border:1px solid #dbe5ec;border-radius:10px;background:#fff;text-decoration:none;color:inherit}.cat-head{display:flex;align-items:center;gap:10px;font-weight:600}.cat-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.arrow{margin-left:auto;color:#00b8f2}.eac-faq-list{margin:16px 0}.eac-faq{border:1px solid #dbe5ec;border-radius:8px;margin:8px 0;padding:10px 14px;background:#fff}.eac-faq summary{cursor:pointer;font-weight:600}.eac-faq__answer{padding:10px 0 2px}.eac-price{margin:20px 0;padding:14px 18px;border-left:4px solid #00b8f2;background:#f1fbfe;font-size:18px}

/* --- 1. Глобальная типографика Inter/system-ui --- */
body, html {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px;
    line-height: 1.6;
    color: #1e293b;
    background-color: #f8fafc;
}

/* --- 2. Шапка: сброс растровых фонов и современный вид --- */
#header.eac-header {
    background: #ffffff !important;
    background-image: none !important;
}

/* --- 3. Главное меню: чистая навигация с мягким hover --- */
#header_menu.eac-navrow {
    background: #ffffff !important;
    background-image: none !important;
    border-top: none !important;
    border-bottom: 2px solid #00b8f2 !important;
}
#header_menu .menu li a {
    color: #334155 !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}
#header_menu .menu li a:hover {
    background: #f0f9ff !important;
    color: #00b8f2 !important;
}
#header_menu .menu .current-menu-item a,
#header_menu .menu .current_page_item a {
    background-color: #00b8f2 !important;
    color: #ffffff !important;
}

/* --- 4. Двойной CTA-баннер (.eac-cta-banner) --- */
#middle .mid_sidebar_cont { height: auto !important; width: auto !important; }

/* --- 5. Hero на внутренних --- */
.eac-hero--inner { padding: 20px 22px; }
.eac-hero--inner .title { font-size: 26px; }
.eac-hero__meta { font-size: 13px; color: #666; margin: 6px 0 12px; }

/* --- 6. Типографика контента --- */
.eac-content .entry h2, .eac-page .entry h2, .eac-article .entry h2 { font-size: 21px; margin: 22px 0 10px; padding-left: 12px; border-left: 4px solid #00b8f2; }
.eac-content .entry h3, .eac-page .entry h3, .eac-article .entry h3 { font-size: 18px; margin: 18px 0 8px; }
.eac-content .entry p, .eac-page .entry p { line-height: 1.55; }
.eac-content .entry a, .eac-page .entry a { color: #008bb8; }
.eac-content .entry ul, .eac-page .entry ul, .eac-content .entry ol, .eac-page .entry ol { margin: 8px 0 14px 22px; }
.eac-content .entry li, .eac-page .entry li { margin-bottom: 6px; }
.eac-content .entry table, .eac-page .entry table { border-collapse: collapse; margin: 12px 0; }
.eac-content .entry th, .eac-page .entry th, .eac-content .entry td, .eac-page .entry td { border: 1px solid #d7d7d7; padding: 6px 10px; }
.eac-content .entry th, .eac-page .entry th { background: #f2f9fd; }

/* --- 7. Правый сайдбар карточками и акцентными плашками --- */
.sidebar_right.eac-sidebar-right .sidebar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.sidebar_right .head_sidebar {
    background: #f8fafc !important;
    filter: none !important;
    height: auto !important;
    border-radius: 6px;
    padding: 10px 14px !important;
    margin: -4px -4px 12px !important;
    border-left: 4px solid #00b8f2;
    text-align: left !important;
}
.sidebar_right .head_sidebar span {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    position: static !important;
    top: auto !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sidebar_right .menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sidebar_right .menu li {
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 8px 6px !important;
    height: auto !important;
    transition: background 0.15s ease;
}
.sidebar_right .menu li:last-child { border-bottom: none !important; }
.sidebar_right .menu li:hover { background: #f8fafc; border-radius: 4px; }
.sidebar_right .menu li a {
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.15s ease;
}
.sidebar_right .menu li a::before {
    content: "›";
    font-weight: bold;
    font-size: 16px;
    color: #94a3b8;
    margin-right: 8px;
    line-height: 1;
    transition: transform 0.15s, color 0.15s;
}
.sidebar_right .menu li a:hover { color: #00b8f2 !important; }
.sidebar_right .menu li a:hover::before {
    color: #00b8f2;
    transform: translateX(2px);
}
.sidebar_right .current-menu-item a {
    color: #008bb8 !important;
    font-weight: 700 !important;
}
.sidebar_right .current-menu-item a::before { color: #008bb8 !important; }

/* --- 8. Тёмный футер --- */
#footer.eac-footer { background: #161717 !important; background-color: #161717 !important; color: #cfcfcf; border-top: 3px solid #00b8f2; }
.eac-footer__inner strong { color: #fff; display: block; margin-bottom: 6px; }
.eac-footer__inner a { color: #e8e8e8 !important; }
.eac-footer__inner a:hover { color: #00b8f2 !important; }
.eac-footer .copyright { color: #9a9a9a; }
.eac-counters { color: #777; }

/* Каталог услуг: список документов внутри карточек */
.eac-catalog .cat-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.eac-catalog .cat-head h3{margin:0;font-size:17px;color:#0f172a;line-height:1.25}
.eac-catalog .cat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#00b8f2,#008bb8);color:#fff}
.eac-catalog .cat-icon svg{width:22px;height:22px}
.eac-catalog .cat-card ul{list-style:none;margin:12px 0 0;padding:0}
.eac-catalog .cat-card li{border-top:1px solid #f1f5f9}
.eac-catalog .cat-card li:first-child{border-top:0}
.eac-catalog .cat-card li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;color:#334155;text-decoration:none;font-size:15px;transition:.15s}
.eac-catalog .cat-card li a:hover{color:#00b8f2}
.eac-catalog .cat-card li a:hover .arrow{color:#f59e0b;transform:translateX(3px)}
@media(max-width:760px){.eac-catalog .cat-grid{grid-template-columns:1fr}}

/* --- 9. Responsive hardening: убираем горизонтальный overflow --- */
html, body { max-width: 100%; overflow-x: hidden; }
.eac-wrap { overflow-x: hidden; }
.eac-content .entry, .eac-page .entry, .eac-article .entry { overflow-wrap: break-word; word-wrap: break-word; }
.eac-content .entry table, .eac-page .entry table { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.eac-trust-bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.eac-hero--inner, .eac-trust-bar, .eac-expert-callout, .eac-form-card, .eac-price, .eac-faq-list { max-width: 100%; }
@media (max-width: 1024px) {
    .eac-page-layout { align-items: stretch; }
    .eac-main-col { width: 100%; }
    .eac-sidebar-right, .eac-sidebar-col { width: 100%; }
}
@media (max-width: 768px) {
    .eac-trust-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- 10. Каталог услуг: квадраты-иконки, счётчик, бейджи цен --- */
.eac-catalog .cat-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.eac-catalog .cat-card { padding: 20px 22px; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 4px 18px rgba(15, 23, 42, .05); transition: box-shadow .18s, transform .18s, border-color .18s; }
.eac-catalog .cat-card:hover { border-color: #bae6fd; box-shadow: 0 12px 28px rgba(0, 184, 242, .15); transform: translateY(-2px); }
.eac-catalog .cat-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid #f1f5f9; }
.eac-catalog .cat-head h3 { margin: 0; flex: 1 1 auto; font-size: 17px; color: #0f172a; line-height: 1.25; }
.eac-catalog .cat-icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: linear-gradient(135deg, #00b8f2, #008bb8); color: #fff; box-shadow: 0 6px 14px rgba(0, 184, 242, .32); }
.eac-catalog .cat-icon svg { width: 24px; height: 24px; }
.eac-catalog .cat-count { flex: 0 0 auto; min-width: 26px; height: 26px; padding: 0 8px; border-radius: 999px; background: #f0f9ff; border: 1px solid #bae6fd; color: #008bb8; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.eac-catalog .cat-card li a { justify-content: flex-start; gap: 8px; overflow-wrap: anywhere; }
.eac-catalog .cat-card li a .cat-price { margin-left: auto; flex: 0 0 auto; font-size: 12.5px; font-weight: 600; color: #0369a1; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.eac-catalog .cat-card li a .cat-price--na { color: #94a3b8; background: #f8fafc; border-color: #eef2f6; font-weight: 500; }
.eac-catalog .cat-card li a .arrow { margin-left: 6px; flex: 0 0 auto; }
.eac-catalog .cat-card li a:hover .cat-price { background: #e0f2fe; border-color: #7dd3fc; color: #0369a1; }
@media (max-width: 760px) {
    .eac-catalog .cat-grid { grid-template-columns: 1fr; }
    .eac-catalog .cat-card li a .cat-price { font-size: 12px; }
}

/* --- 11. Карточка цены на услуге: выше, заметнее --- */
.eac-price { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 18px 0 4px; padding: 16px 22px; border-left: 5px solid #00b8f2; border-radius: 12px; background: linear-gradient(135deg, #f1fbfe, #e6f7fe); box-shadow: 0 4px 16px rgba(0, 184, 242, .12); font-size: 16px; color: #0f172a; }
.eac-price > span:first-child { color: #475569; }
.eac-price strong { font-size: 26px; line-height: 1; color: #0369a1; }
.eac-price__cta { margin-left: auto; display: inline-flex; align-items: center; padding: 10px 20px; border-radius: 8px; background: #00b8f2; color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none; box-shadow: 0 6px 14px rgba(0, 184, 242, .35); }
.eac-price__cta:hover { background: #008bb8; }
@media (max-width: 640px) {
    .eac-price strong { font-size: 22px; }
    .eac-price__cta { margin-left: 0; width: 100%; justify-content: center; }
}