.vpa-container{width:100%;box-sizing:border-box}
.vpa-top{margin-bottom:28px}
.vpa-heading{margin:0 0 8px;color:#173c2b;font-size:34px;line-height:1.15}
.vpa-description{color:#5b675f;line-height:1.6}
.vpa-layout{display:flex;align-items:flex-start;gap:32px}
.vpa-sidebar{flex:0 0 270px;width:270px;box-sizing:border-box;padding:22px;border-radius:12px;background:#f7f9f6;position:sticky;top:24px}
.vpa-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:18px;color:#173c2b}
.vpa-mobile-filter-close{display:none;border:0;background:transparent;font-size:25px;cursor:pointer}
.vpa-filter-form label{display:block;font-size:13px;font-weight:600;color:#26382f}
.vpa-search-wrap{margin-bottom:20px}
.vpa-search-wrap input{width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #d5ddd7;border-radius:7px;background:#fff}
.vpa-filter-group{border-top:1px solid #dde5df;padding:16px 0}
.vpa-filter-title{font-weight:700;color:#173c2b;margin-bottom:10px}
.vpa-filter-options{max-height:270px;overflow:auto;padding-right:3px}
.vpa-filter-option{display:flex!important;align-items:center;gap:8px;margin:8px 0;font-weight:400!important;cursor:pointer}
.vpa-filter-option input{margin:0}
.vpa-filter-option span{flex:1}
.vpa-filter-option em{font-size:11px;font-style:normal;color:#7b857e}
.vpa-filter-actions{padding-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.vpa-apply{border:0;border-radius:7px;background:#0d5d25;color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}
.vpa-reset{display:inline-flex;align-items:center;border:1px solid #cbd5ce;border-radius:7px;padding:10px 14px;color:#173c2b;text-decoration:none;background:#fff}
.vpa-results{min-width:0;flex:1}
.vpa-results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#59645d;font-size:14px}
.vpa-active-label{font-size:12px;padding:5px 9px;border-radius:20px;background:#e7f1e9;color:#0d5d25}
.vpa-grid{display:grid;gap:22px}
.vpa-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vpa-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vpa-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vpa-card{overflow:hidden;background:#fff;border:1px solid #e1e7e3;border-radius:12px;box-sizing:border-box}
.vpa-card-image-link{display:block;aspect-ratio:1/0.82;background:#f2f4f2;overflow:hidden}
.vpa-card-image{width:100%;height:100%;object-fit:cover;display:block}
.vpa-card-image-placeholder{background:linear-gradient(135deg,#f2f4f2,#e1e8e3)}
.vpa-card-body{padding:17px}
.vpa-card-title{margin:0 0 8px;font-size:18px;line-height:1.3}
.vpa-card-title a{color:#173c2b;text-decoration:none}
.vpa-card-excerpt{font-size:13px;line-height:1.55;color:#68736c;margin-bottom:14px}
.vpa-card-button{display:inline-block;text-decoration:none;border-radius:6px;background:#f28a13;color:#fff;padding:9px 13px;font-size:12px;font-weight:700}
.vpa-pagination{margin-top:30px}
.vpa-pagination ul{display:flex;gap:7px;list-style:none;padding:0;margin:0;justify-content:center;flex-wrap:wrap}
.vpa-pagination a,.vpa-pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #dce3de;border-radius:6px;text-decoration:none;color:#173c2b;box-sizing:border-box}
.vpa-pagination .current{background:#0d5d25;color:#fff;border-color:#0d5d25}
.vpa-no-results{padding:50px 20px;text-align:center;border:1px dashed #d3ddd6;border-radius:10px}
.vpa-no-results a{display:inline-block;margin-top:8px;color:#0d5d25;font-weight:700}
.vpa-mobile-filter-toggle-wrap{display:none}
.vpa-mobile-filter-toggle{border:0;border-radius:7px;background:#0d5d25;color:#fff;padding:10px 15px;font-weight:700}
body.vpa-filter-open{overflow:hidden}
@media(max-width:1024px){
 .vpa-columns-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
 .vpa-mobile-filter-toggle-wrap{display:block;margin-bottom:15px}
 .vpa-layout{display:block}
 .vpa-sidebar{display:none;position:fixed;z-index:99999;left:0;top:0;bottom:0;width:min(88vw,360px);max-width:none;overflow:auto;border-radius:0;padding:20px;box-shadow:10px 0 35px rgba(0,0,0,.15)}
 .vpa-sidebar.vpa-open{display:block}
 .vpa-mobile-filter-close{display:block}
 .vpa-columns-2,.vpa-columns-3,.vpa-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .vpa-columns-2,.vpa-columns-3,.vpa-columns-4{grid-template-columns:1fr}
 .vpa-results-bar{gap:10px;align-items:flex-start;flex-direction:column}
}