#dcf-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

/* 🔥 STICKY */
.dcf-sticky {
    position: sticky;
    top: 120px;
    z-index: 999;
    transition: all 0.25s ease;
}

.dcf-sticky.is-sticky {
    background: red;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* bottoni */
#dcf-filters button {
    padding: 8px 14px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}

#dcf-filters button.active {
    background: #000;
    color: #fff;
}

/* grid */
.dcf-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.dcf-grid .dcf-card{
    height: 100%;
}

/* animazione */
#dcf-results {
    transition: opacity 0.2s ease-in;
}

.dcf-loading {
    opacity: 0.2;
    pointer-events: none;
}

/* responsive */
@media (max-width: 980px) {
    .dcf-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .dcf-grid {
        grid-template-columns: 1fr;
    }
}