:root{
  --wpfvm-primary:#001962;
  --wpfvm-border:#e5e7eb;
  --wpfvm-radius:12px;
  --wpfvm-gap:10px;
}
.wpfvm-search{border:1px solid var(--wpfvm-border);padding:16px;border-radius:var(--wpfvm-radius);margin:12px 0;background:#fff}
.wpfvm-grid-form{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:var(--wpfvm-gap);align-items:end}
.wpfvm-grid-form select,.wpfvm-grid-form input{padding:10px;border:1px solid #d1d5db;border-radius:8px;width:100%}
.wpfvm-price-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--wpfvm-gap)}
.wpfvm-btn{padding:12px 18px;border-radius:10px;border:0;background:var(--wpfvm-primary);color:#fff;cursor:pointer;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.wpfvm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:14px}
.wpfvm-card{border:1px solid var(--wpfvm-border);border-radius:var(--wpfvm-radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.wpfvm-thumb img{width:100%;height:200px;object-fit:cover;display:block}
.wpfvm-body{padding:12px}
.wpfvm-title{margin:0 0 6px;font-size:17px;line-height:1.3}
.wpfvm-meta{color:#6b7280;font-size:13px;margin-bottom:6px}
.wpfvm-price{font-weight:700;color:var(--wpfvm-primary);font-size:18px}
.wpfvm-pager{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:10px}
.wpfvm-pager button{padding:6px 10px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb}
.is-loading{opacity:.6;pointer-events:none}
@media (max-width:900px){
  .wpfvm-grid-form{grid-template-columns:repeat(3,minmax(140px,1fr));}
  .wpfvm-thumb img{height:180px}
}
@media (max-width:600px){
  .wpfvm-grid-form{grid-template-columns:1fr;}
  .wpfvm-price-group{grid-template-columns:1fr 1fr;}
}
/* Elementor-friendly: basta aplicar CSS custom no container pai e sobrescrever as vars, ex.:
   .elementor-element-XXX { --wpfvm-primary:#1CB2EB; --wpfvm-radius:16px; } */