/* ── Gallery section ─────────────────────────────────── */
/* Container — overridden by index_layout.css */

.gallery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 1.5rem;
}

/* h2 and link overridden by index_layout.css */

.index-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1.1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.index-gallery-item {
    background: #16191c;
    border-radius: 14px;
    border: 1.5px solid rgba(255, 204, 0, .1);
    overflow: hidden;
    transition: box-shadow .2s, border-color .2s, transform .2s;
    position: relative;
}

.index-gallery-item:hover {
    box-shadow: 0 8px 28px rgba(255, 179, 0, .15);
    border-color: rgba(255, 204, 0, .45);
    transform: translateY(-3px);
}

.index-gallery-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.index-gallery-caption {
    padding: .45em .9em;
    font-size: .85rem;
    color: #64748b;
    text-align: center;
    background: #16191c;
}

@media (max-width: 700px) {
    .index-gallery { grid-template-columns: 1fr 1fr; gap: .7rem; }
    .index-gallery-img { height: 90px; }
}