.djp-filter{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.djp-filter input,.djp-filter select,.djp-filter button{padding:10px;border:1px solid #ddd;border-radius:8px}
.djp-filter button{background:#0b7d32;color:#fff}
.djp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1024px){.djp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.djp-grid{grid-template-columns:1fr}}
.djp-card{border:1px solid #ddd;padding:20px;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.djp-desc{margin:10px 0;color:#555}

.djp-card{border:1px solid #ddd;padding:20px;border-radius:14px;margin:20px 0;background:#fff}
.djp-btn{display:block;background:#0b7d32;color:#fff;padding:12px;border-radius:10px;cursor:pointer;text-align:center;font-weight:bold}
.djp-popup form{display:flex;flex-direction:column;gap:10px;margin-top:15px}
.djp-popup input,.djp-popup button{padding:12px;border-radius:8px;border:1px solid #ccc}
.djp-popup button{background:#0b7d32;color:#fff;border:none}
.djp-success{background:#dff5df;padding:12px;border-radius:8px;margin-bottom:15px}



/* Premium Search & Filter Box */

.djp-filter-wrap{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:24px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.djp-filter{
    display:grid;
    grid-template-columns:2fr 1fr 1fr auto;
    gap:16px;
    align-items:center;
}

.djp-filter input,
.djp-filter select{
    width:100%;
    padding:14px 16px;
    border:1px solid #d1d5db;
    border-radius:12px;
    background:#f9fafb;
    font-size:15px;
}

.djp-filter button{
    background:#0b7d32;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px 24px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s;
}

.djp-filter button:hover{
    transform:translateY(-2px);
}

@media (max-width:1024px){
    .djp-filter{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:767px){
    .djp-filter{
        grid-template-columns:1fr;
    }
}