.alert-success { margin-bottom:16px;padding:12px 16px;background:#d4edda;color:#155724;border-radius:8px; }
.alert-error { margin-bottom:16px;padding:12px 16px;background:#f8d7da;color:#721c24;border-radius:8px; }
.blog-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px; }
.blog-card { background:var(--card-bg,#1a1a1a);border-radius:12px;overflow:hidden;transition:transform 0.3s ease; }
.blog-card:hover { transform:translateY(-5px); }
.blog-card img { width:100%;height:200px;object-fit:cover; }
.blog-card-body { padding:20px; }
.blog-card-category { font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold,#D4AF37);margin-bottom:8px; }
.blog-card-title { font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.4; }
.blog-card-excerpt { font-size:14px;opacity:0.7;line-height:1.6;margin-bottom:16px; }
.blog-card-link { font-size:13px;color:var(--gold,#D4AF37);text-decoration:none;letter-spacing:1px; }
.blog-post-hero { padding:8rem 0 4rem; }
.blog-post-content { max-width:800px;margin:0 auto;line-height:1.9;font-size:17px; }
.blog-post-content h2 { margin:2rem 0 1rem; }
.blog-post-content p { margin-bottom:1.5rem; }
.pagination { display:flex;justify-content:center;gap:8px;margin-top:48px; }
.pagination a,.pagination span { padding:8px 16px;border-radius:6px;background:var(--card-bg,#1a1a1a);color:inherit;text-decoration:none;font-size:14px; }
.pagination .active span { background:var(--gold,#D4AF37);color:#000; }
@media(max-width:1024px){ .blog-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .blog-grid{grid-template-columns:1fr;} }

/* ── Scrollable Blog Section on Home ── */
.blog-scroll-wrapper {
    position: relative;
    overflow: hidden;
}
.blog-scroll-track {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 16px;
    scrollbar-width: thin;
    scrollbar-color: #D4AF37 #1a1a1a;
}
.blog-scroll-track::-webkit-scrollbar {
    height: 4px;
}
.blog-scroll-track::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 999px;
}
.blog-scroll-track::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 999px;
}
.blog-scroll-card {
    flex: 0 0 calc(25% - 18px);
    scroll-snap-align: start;
    background: var(--card-bg, #1a1a1a);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease;
    border: 1px solid #ffffff11;
}
.blog-scroll-card:hover {
    transform: translateY(-5px);
}
.blog-scroll-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.blog-scroll-placeholder {
    height: 180px;
    background: linear-gradient(135deg, #1a1a2e, #2d1b69);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

/* Mobile - 1 card visible */
@media (max-width: 768px) {
    .blog-scroll-card {
        flex: 0 0 85%;
    }
}

/* Tablet - 2 cards visible */
@media (min-width: 769px) and (max-width: 1024px) {
    .blog-scroll-card {
        flex: 0 0 calc(50% - 12px);
    }
}