/* ===================================
   ШАБЛОН 2 — КАРТОЧНАЯ СЕТКА
   Шрифт Inter, сайдбар слева,
   акцент #2563eb (синий)
==================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --accent:      #2563eb;
    --accent-dark: #1d4ed8;
    --accent-light:#eff6ff;
    --text:        #1e293b;
    --text-muted:  #64748b;
    --bg:          #f1f5f9;
    --white:       #ffffff;
    --border:      #e2e8f0;
    --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
    --shadow-md:   0 4px 16px rgba(0,0,0,0.10);
    --radius:      10px;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.6;
}

a { text-decoration: none; color: inherit; transition: all 0.25s; }
img { max-width: 100%; height: auto; display: block; }

.eeddccontainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===================================
   TOP BAR
==================================== */
.eeddctopbar {
    background: var(--accent);
    color: white;
    font-size: 0.8rem;
    padding: 6px 0;
}

.eeddctopbar .eeddccontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eeddctopbar-date { opacity: 0.9; }
.eeddctopbar-date i { margin-right: 5px; }

.eeddctopbar-social { display: flex; gap: 12px; }
.eeddctopbar-social a { color: white; opacity: 0.8; font-size: 0.9rem; }
.eeddctopbar-social a:hover { opacity: 1; }

/* ===================================
   HEADER
==================================== */
.eeddcheader {
    background: var(--white);
    border-bottom: 3px solid var(--accent);
    padding: 20px 0;
}

.eeddclogo {
    display: flex;
    flex-direction: column;
}

.eeddclogo-title {
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    font-weight: 900;
    color: var(--accent);
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.eeddclogo-sub {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 4px;
}

/* ===================================
   NAVBAR
==================================== */
.eeddcnavbar {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 100;
}

.eeddcnavbar .eeddccontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

.eeddcnav-menu {
    display: flex;
    list-style: none;
    gap: 25px;
    align-items: center;
    flex: 1;
}

.eeddcnav-item { position: relative; }

.eeddcnav-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text);
    padding: 10px 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.eeddcnav-link:hover,
.eeddcnav-link.active {
    color: var(--accent);
}

.eeddcnav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: var(--accent);
}

/* Dropdown */
.eeddcdropdown { position: relative; }

.eeddcdropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    list-style: none;
    min-width: 210px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    border-radius: 4px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.3s ease;
    z-index: 200;
}

.eeddcdropdown:hover .eeddcdropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.eeddcdropdown-menu li a {
    display: block;
    padding: 10px 20px;
    color: var(--text);
    font-size: 0.88rem;
}

.eeddcdropdown-menu li a:hover {
    background: var(--accent-light);
    color: var(--accent);
}

/* Mobile burger */
.eeddcburger {
    display: none;
    background: none;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--text);
    padding: 6px;
}

/* ===================================
   LAYOUT — сайдбар слева
==================================== */
.eeddcmain { padding: 40px 0 60px; }

.eeddclayout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 30px;
    align-items: start;
}

/* ===================================
   SIDEBAR
==================================== */
.eeddcsidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 60px;
}

.eeddcwidget {
    background: var(--white);
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border);
}

.eeddcwidget-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--accent-light);
}

/* About block */
.eeddcabout-block { text-align: center; }
.eeddcabout-img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin: 0 auto 12px; border: 3px solid var(--accent-light); }
.eeddcabout-desc { font-size: 0.85rem; color: var(--text-muted); line-height: 1.6; }

/* Category list */
.eeddccat-list { list-style: none; }

.eeddccat-list li { border-bottom: 1px solid var(--border); }
.eeddccat-list li:last-child { border-bottom: none; }

.eeddccat-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 6px;
    font-size: 0.88rem;
    color: var(--text);
    border-radius: 4px;
    transition: all 0.2s;
}

.eeddccat-list a:hover { background: var(--accent-light); color: var(--accent); padding-left: 12px; }

.eeddccat-list li.active a {
    background: var(--accent-light);
    color: var(--accent);
    font-weight: 700;
    padding-left: 12px;
}

.eeddccat-list span {
    background: var(--bg);
    color: var(--text-muted);
    font-size: 0.78rem;
    padding: 2px 7px;
    border-radius: 20px;
    font-weight: 600;
    min-width: 28px;
    text-align: center;
}

.eeddccat-list li.active span { background: var(--accent); color: white; }

/* Recommend / Popular */
.eeddcrec-list { display: flex; flex-direction: column; gap: 10px; }

.eeddcrec-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 6px;
    border-radius: 6px;
    transition: background 0.2s;
}

.eeddcrec-item:hover { background: var(--accent-light); }

.eeddcrec-num {
    width: 22px;
    height: 22px;
    background: var(--accent);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.eeddcrec-title {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--text);
    font-weight: 500;
}

.eeddcrec-item:hover .eeddcrec-title { color: var(--accent); }

/* ===================================
   CONTENT AREA
==================================== */
.eeddccontent-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--border);
}

.eeddccontent-title {
    font-family: 'Merriweather', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text);
}

.eeddccontent-count {
    font-size: 0.82rem;
    color: var(--text-muted);
}

/* ===================================
   КАРТОЧКИ СТАТЕЙ — сетка 2 колонки
==================================== */
.eeddcgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.eeddccard {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

.eeddccard:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
    border-color: var(--accent);
}

.eeddccard-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    height: 180px;
}

.eeddccard-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.eeddccard:hover .eeddccard-thumb img { transform: scale(1.06); }

.eeddccard-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--accent);
    color: white;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eeddccard-info {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.eeddccard-meta {
    display: flex;
    gap: 12px;
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-bottom: 10px;
}

.eeddccard-meta i { color: var(--accent); margin-right: 3px; }

.eeddccard-title {
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    color: var(--text);
}

.eeddccard-title a:hover { color: var(--accent); }

.eeddccard-preview {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 14px;
    flex: 1;
}

.eeddccard-link {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
}

.eeddccard-link:hover { gap: 10px; }

/* ===================================
   ПАГИНАЦИЯ
==================================== */
.eeddcpagination {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 36px;
    flex-wrap: wrap;
}

.eeddcpage-link {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--text-muted);
    transition: all 0.2s;
}

.eeddcpage-link:hover:not(.active):not(.disabled) {
    border-color: var(--accent);
    color: var(--accent);
    background: var(--accent-light);
}

.eeddcpage-link.active {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
}

.eeddcpage-link.disabled { opacity: 0.35; cursor: not-allowed; }

/* ===================================
   FOOTER
==================================== */
.eeddcfooter {
    background: var(--text);
    color: #94a3b8;
    padding: 40px 0 0;
    margin-top: 60px;
}

.eeddcfooter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-bottom: 30px;
}

.eeddcfooter-title {
    font-family: 'Merriweather', serif;
    font-size: 1.3rem;
    font-weight: 900;
    color: white;
    display: block;
    margin-bottom: 8px;
}

.eeddcfooter-grid p { font-size: 0.85rem; line-height: 1.6; }

.eeddcfooter-grid strong {
    color: white;
    display: block;
    margin-bottom: 12px;
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.eeddcfooter-links { list-style: none; }
.eeddcfooter-links li { margin-bottom: 8px; }
.eeddcfooter-links a { font-size: 0.88rem; color: #94a3b8; }
.eeddcfooter-links a:hover { color: white; }

.eeddcfooter-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 18px 0;
    font-size: 0.82rem;
    text-align: center;
}

/* ===================================
   АДАПТИВНОСТЬ
==================================== */
@media (max-width: 1024px) {
    .eeddclayout { grid-template-columns: 220px 1fr; gap: 20px; }
    .eeddcgrid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}

@media (max-width: 768px) {
    .eeddclayout { grid-template-columns: 1fr; }
    .eeddcsidebar { position: static; order: -1; }
    .eeddcgrid { grid-template-columns: 1fr; }
    .eeddcburger { display: block; }
    .eeddcnavbar .eeddccontainer { flex-wrap: wrap; padding: 10px 20px; }
    .eeddcnav-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        gap: 0;
        background: var(--white);
    }
    .eeddcnav-menu.eeddcactive { max-height: 600px; padding: 10px 0; }
    .eeddcnav-item { width: 100%; text-align: center; border-bottom: 1px solid var(--border); }
    .eeddcnav-item.eeddcdropdown { border-bottom: none; }
    .eeddcdropdown-menu li { border-top: 1px solid rgba(0,0,0,0.06); text-align: center; }
    .eeddcnav-link { padding: 14px 15px; justify-content: center; border-bottom: none; }
    .eeddcnav-link.active::after { display: none; }
    .eeddcdropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        border: none;
        background: var(--accent-light);
    }
    .eeddcdropdown:hover .eeddcdropdown-menu { max-height: 0; }
    .eeddclogo-title { font-size: 1.5rem; }
    .eeddcfooter-grid { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 480px) {
    .eeddccontainer { padding: 0 12px; }
    .eeddccard-thumb { height: 150px; }
    .eeddccontent-title { font-size: 1.2rem; }
}

.eeddcfooter-about {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.88rem;
    color: #94a3b8;
    text-decoration: none;
}

.eeddcfooter-about:hover { color: white; }

/* ===================================
   ФОРМА ОБРАТНОЙ СВЯЗИ (about.php)
=================================== */
.eeddccf-block{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:28px;box-shadow:var(--shadow-sm)}
.eeddccf-block h2{margin:0 0 5px;font-size:19px;color:var(--text);font-family:'Merriweather',serif}
.eeddccf-sub{color:var(--text-muted);font-size:13px;margin:0 0 22px}
.eeddccf-row{margin-bottom:15px}
.eeddccf-row label{display:block;margin-bottom:4px;font-weight:600;font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.4px}
.eeddccf-row input,.eeddccf-row textarea{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box;transition:border-color .2s;background:var(--white);color:var(--text)}
.eeddccf-row input:focus,.eeddccf-row textarea:focus{outline:none;border-color:var(--accent)}
.eeddccf-row textarea{min-height:110px;resize:vertical}
.eeddccf-captcha-row{display:flex;align-items:center;gap:10px}
.eeddccf-captcha-q{background:var(--accent-light);border:1px solid var(--accent);border-radius:8px;padding:9px 14px;font-weight:700;font-size:14px;color:var(--accent);white-space:nowrap}
.eeddccf-captcha-row input{max-width:90px}
.eeddccf-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;border:none;padding:11px 26px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}
.eeddccf-btn:hover{background:var(--accent-dark)}
.eeddccf-ok{background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:13px 16px;color:#166534;margin-bottom:16px;font-size:14px}
.eeddccf-err{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:13px 16px;color:#991b1b;margin-bottom:16px;font-size:14px}