.vk-blog { font-family: "Archivo", sans-serif; color: #111; }
.vk-blog__inner { max-width: 1200px; margin: 0 auto; padding: 48px 24px 80px; }
.vk-blog__header h1 { font-size: 40px; font-weight: 800; text-transform: uppercase; margin: 0 0 6px; padding: 0; }
.vk-blog__intro p { font-size: 13px; margin: 0; padding: 0; color: #333; }
.vk-blog a { text-decoration: none; color: inherit; } .vk-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.vk-date { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: #555; }
.vk-tag { background: #e5242b; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 3px 8px; }
.vk-title { font-weight: 800; text-transform: uppercase; line-height: 1.1; margin: 0 0 10px; padding: 0; }
.vk-excerpt { font-size: 12px; line-height: 1.5; color: #555; margin: 0 0 12px; }
.vk-placeholder { display: block; width: 100%; height: 100%; background: #e6e6e6; } .vk-featured { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; background: #f4f4f4; padding: 24px; margin: 32px 0 48px; }
.vk-featured__image img, .vk-featured__image .vk-placeholder { width: 100%; height: 340px; object-fit: cover; display: block; }
.vk-featured .vk-title { font-size: 32px; margin: 12px 0; }
.vk-featured .vk-excerpt { font-size: 13px; }
.vk-btn { display: inline-block; background: #e5242b; color: #fff !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 12px 22px; } .vk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; }
.vk-card__image { display: block; border-bottom: 2px solid #111; margin-bottom: 12px; }
.vk-card__image img, .vk-card__image .vk-placeholder { width: 100%; height: 200px; object-fit: cover; display: block; }
.vk-card .vk-title { font-size: 17px; }
.vk-readmore { color: #e5242b !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; } .vk-pagination { margin-top: 56px; display: flex; justify-content: center; gap: 8px; }
.vk-pagination .page-numbers { padding: 8px 14px; border: 1px solid #111; font-size: 13px; }
.vk-pagination .current { background: #111; color: #fff; } @media (max-width: 980px) {
.vk-featured { grid-template-columns: 1fr; }
.vk-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.vk-grid { grid-template-columns: 1fr; }
.vk-featured .vk-title { font-size: 24px; }
}