.etbf-wrap,.etbf-mini{font-family:Roboto,"Helvetica Neue",Arial,sans-serif;color:#182126}
.etbf-wrap{max-width:1280px;margin:24px auto}
.etbf-head{margin-bottom:20px}.etbf-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:#245f6b}
.etbf-head h2{font-size:34px;line-height:1.1;margin:6px 0}.etbf-head p{margin:0;color:#56636a}
.etbf-form{background:#f5f7f5;border:1px solid #e3e8e4;border-radius:18px;padding:18px}
.etbf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.etbf-form label span{display:block;font-size:12px;font-weight:800;margin:0 0 5px}
.etbf-form input,.etbf-form select,.etbf-mini select{width:100%;min-height:43px;border:1px solid #ccd5cf;border-radius:10px;background:#fff;padding:8px 10px}
.etbf-actions{display:flex;gap:10px;margin-top:14px}
.etbf-actions button,.etbf-mini button{border:0;border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer}
.etbf-actions button[type=submit],.etbf-mini button{background:#245f6b;color:#fff}.etbf-reset{background:#e4e9e5;color:#223}
.etbf-count{font-size:13px;font-weight:700;margin:16px 0 8px}
.etbf-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.etbf-results.etbf-recent{grid-template-columns:repeat(4,minmax(0,1fr));}
.etbf-card{border:1px solid #e1e7e2;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.035)}
.etbf-card-image{display:block;aspect-ratio:4/3;background:#f4f5f4}.etbf-card-image img{width:100%;height:100%;object-fit:contain}
.etbf-card-body{padding:15px}.etbf-brand{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#607168}
.etbf-card h3{font-size:20px;margin:3px 0 8px}.etbf-card h3 a{text-decoration:none;color:#172126}
.etbf-card p{font-size:14px;color:#5b6861;line-height:1.5}
.etbf-tags{display:flex;flex-wrap:wrap;gap:6px}.etbf-tags span{font-size:11px;border-radius:999px;background:#edf3ef;padding:5px 8px}
.etbf-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.etbf-metrics b{font-size:11px;background:#f5f7f5;border-radius:7px;padding:6px 8px}
.etbf-empty{grid-column:1/-1;padding:30px;text-align:center;background:#f7f8f7;border-radius:14px}
.etbf-mini{border:1px solid #dfe6e1;border-radius:15px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.etbf-mini div{display:flex;flex-direction:column}.etbf-mini span{font-size:12px;color:#66736b;margin-top:3px}
.etbf-mini form{display:flex;gap:8px;min-width:48%}
@media(max-width:1100px){.etbf-results.etbf-recent{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.etbf-grid,.etbf-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.etbf-grid,.etbf-results{grid-template-columns:1fr}.etbf-mini{display:block}.etbf-mini form{margin-top:10px;min-width:0}.etbf-head h2{font-size:28px}}

.etbf-pagination{margin:26px 0 8px;min-height:42px}
.etbf-pagination-inner{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.etbf-page-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid #ccd5cf;border-radius:10px;background:#fff;color:#203036;font-weight:800;cursor:pointer;transition:.15s ease}
.etbf-page-btn:hover{border-color:#245f6b;color:#245f6b;transform:translateY(-1px)}
.etbf-page-btn.is-active{background:#245f6b;border-color:#245f6b;color:#fff;cursor:default;transform:none}
.etbf-page-prev,.etbf-page-next{min-width:auto;padding:0 14px}
.etbf-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:40px;color:#718078;font-weight:800}
.etbf-wrap.is-loading .etbf-results{opacity:.55;transition:opacity .15s ease}
@media(max-width:620px){.etbf-page-prev,.etbf-page-next{font-size:0}.etbf-page-prev::after{content:'←';font-size:16px}.etbf-page-next::after{content:'→';font-size:16px}.etbf-page-btn{min-width:38px;height:38px;padding:0 10px}}