.dtbd-dir-search{margin:0 0 18px;padding:14px;border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.dtbd-dir-search .dtbd-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dtbd-dir-search input[type="text"],.dtbd-dir-search select{padding:10px 12px;border:1px solid #ddd;border-radius:12px;min-width:220px;max-width:100%}
.dtbd-dir-search button{padding:10px 14px;border-radius:12px;border:0;font-weight:700;cursor:pointer}
.dtbd-dir-search .dtbd-btn{background:#111;color:#fff}
.dtbd-dir-search .dtbd-btn-ghost{background:#f3f3f3;color:#111}

.dtbd-dir-grid{display:grid;gap:14px}
.dtbd-cols-1{grid-template-columns:1fr}
.dtbd-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dtbd-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dtbd-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.dtbd-cols-3,.dtbd-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dtbd-cols-2,.dtbd-cols-3,.dtbd-cols-4{grid-template-columns:1fr}}

.dtbd-card{border:1px solid #eee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.dtbd-thumb img{width:100%;height:180px;object-fit:cover;display:block}
.dtbd-card-body{padding:14px}
.dtbd-card-top{display:flex;justify-content:flex-start;margin-bottom:8px}
.dtbd-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #e8e8e8;background:#fafafa}
.dtbd-badge-featured{border-color:rgba(255,140,0,.35);background:rgba(255,140,0,.12)}
.dtbd-badge-standard{border-color:rgba(111,66,193,.35);background:rgba(111,66,193,.12)}
.dtbd-badge-free{opacity:.8}
.dtbd-card-title{margin:0 0 6px;font-size:1.05rem;line-height:1.2}
.dtbd-card-title a{text-decoration:none}
.dtbd-card-title a:hover{text-decoration:underline}
.dtbd-card-tagline{margin:0 0 8px;color:#555}
.dtbd-card-meta{margin:0;color:#666;font-size:.92rem}

.dtbd-dir-pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:18px}
.dtbd-dir-pagination a{padding:10px 12px;border:1px solid #ddd;border-radius:12px;text-decoration:none;background:#fff}
.dtbd-dir-pagination .dtbd-page{color:#555}