.novi-cp-wrapper { box-sizing:border-box; font-family:'Poppins',sans-serif; }
.novi-cp-wrapper *,.novi-cp-wrapper *::before,.novi-cp-wrapper *::after { box-sizing:inherit; }
.novi-cp-intro { margin:0 0 40px; max-width:680px; }
.novi-cp-intro-title { margin:0 0 14px!important; font-size:1.9em!important; line-height:1.2!important; font-family:'Poppins',sans-serif!important; }
.novi-cp-intro-text { color:#555; line-height:1.75; }
.novi-cp-controls { display:flex; flex-direction:column; gap:16px; margin:0 0 36px; padding:20px 24px; background:#f8f9fb; border:1px solid #e8eaed; border-radius:12px; }
.novi-cp-search-wrap { width:100%; }
.novi-cp-search { display:block!important; width:100%!important; padding:11px 16px!important; border:1.5px solid #d0d5dd!important; border-radius:8px!important; font-size:0.95em!important; font-family:'Poppins',sans-serif!important; background:#fff!important; color:#333!important; box-shadow:0 1px 3px rgba(0,0,0,.06)!important; outline:none!important; -webkit-appearance:none; appearance:none; }
.novi-cp-search:focus { border-color:#4f6ef7!important; box-shadow:0 0 0 3px rgba(79,110,247,.15)!important; }
.novi-cp-filter-group { display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap; }
.novi-cp-filter-label { display:inline-block; padding-top:7px; font-size:0.78em; font-weight:700; text-transform:uppercase; letter-spacing:0.07em; color:#888; white-space:nowrap; min-width:72px; font-family:'Poppins',sans-serif; }
.novi-cp-filter-pills { display:flex; flex-wrap:wrap; gap:7px; }
.novi-cp-wrapper button.novi-cp-pill { -webkit-appearance:none; appearance:none; display:inline-flex; align-items:center; padding:6px 14px!important; border-radius:999px!important; font-family:'Poppins',sans-serif; font-size:0.82em!important; font-weight:600; cursor:pointer; white-space:nowrap; text-decoration:none!important; transition:.15s; box-shadow:none!important; }
.novi-cp-wrapper button.novi-cp-pill--sector { border:1.5px solid #b2d8c8!important; background:#fff!important; color:#2e7d5e!important; }
.novi-cp-wrapper button.novi-cp-pill--sector:hover,.novi-cp-wrapper button.novi-cp-pill--sector.active { background:#2e7d5e!important; border-color:#2e7d5e!important; color:#fff!important; }
.novi-cp-wrapper button.novi-cp-pill--service { border:1.5px solid #bcc7f5!important; background:#fff!important; color:#3a4fc4!important; }
.novi-cp-wrapper button.novi-cp-pill--service:hover,.novi-cp-wrapper button.novi-cp-pill--service.active { background:#3a4fc4!important; border-color:#3a4fc4!important; color:#fff!important; }
.novi-cp-no-results { color:#888; font-style:italic; margin:0 0 20px; font-family:'Poppins',sans-serif; }
.novi-cp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.novi-cp-grid.novi-cp-cols-2 { grid-template-columns:repeat(2,1fr); max-width:760px; }
.novi-cp-card { display:flex; flex-direction:column; align-items:flex-start; background:#fff; border:1px solid #e8eaed; border-radius:14px; padding:28px 28px 24px; box-shadow:0 1px 4px rgba(0,0,0,.06); transition:.2s ease; position:relative; }
.novi-cp-card:hover { box-shadow:0 8px 28px rgba(0,0,0,.11); transform:translateY(-3px); }
.novi-cp-card--featured { border-color:#f59e0b; box-shadow:0 0 0 2px rgba(245,158,11,.25),0 2px 8px rgba(0,0,0,.08); }
.novi-cp-featured-badge { position:absolute; top:-1px; right:20px; background:#f59e0b; color:#fff; font-family:'Poppins',sans-serif; font-size:0.7em; font-weight:700; padding:3px 10px; border-radius:0 0 8px 8px; text-transform:uppercase; letter-spacing:0.05em; }
.novi-cp-card-title { margin:0 0 4px!important; font-size:1.1em!important; font-weight:700!important; line-height:1.3!important; font-family:'Poppins',sans-serif!important; }
.novi-cp-card-category { margin:0 0 10px!important; font-size:0.73em!important; text-transform:uppercase; letter-spacing:0.07em; color:#999!important; font-weight:700!important; font-family:'Poppins',sans-serif!important; }
@media(max-width:960px){ .novi-cp-grid.novi-cp-cols-3 { grid-template-columns:repeat(2,1fr); gap:20px; } }
@media(max-width:680px){ .novi-cp-controls { padding:16px; } .novi-cp-filter-group { flex-direction:column; gap:8px; } .novi-cp-filter-label { min-width:0; padding-top:0; } }
@media(max-width:540px){ .novi-cp-grid,.novi-cp-grid.novi-cp-cols-2,.novi-cp-grid.novi-cp-cols-3 { grid-template-columns:1fr; gap:16px; } .novi-cp-card { padding:22px 20px 20px; } }