.kcf-pgrid,.kcf-pfilters{--kcf-red:#eb002b;--kcf-ink:#000;--kcf-line:#d9d9d9;font-family:'Barlow Semi Condensed',sans-serif;color:var(--kcf-ink);box-sizing:border-box}
.kcf-pgrid *,.kcf-pfilters *{box-sizing:border-box}

/* ---- filter bar ---- */
.kcf-pfilters{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;max-width:1264px;margin:0 auto}
.kcf-pfilters-pills{display:flex;flex-wrap:wrap;gap:10px}
.kcf-pill{font:700 14px/19px 'Barlow Semi Condensed',sans-serif;height:38px;padding:0 20px;border:1px solid var(--kcf-line);border-radius:19px;background:#fff;color:var(--kcf-ink);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kcf-pill:hover{border-color:var(--kcf-red)}
.kcf-pill.is-active{background:var(--kcf-red);border-color:var(--kcf-red);color:#fff}
.kcf-pill:focus-visible,.kcf-city-select:focus-visible,.kcf-pgrid-btn:focus-visible{outline:2px solid var(--kcf-red);outline-offset:2px}
.kcf-city-select{font:700 14px/19px 'Barlow Semi Condensed',sans-serif;height:38px;min-width:150px;padding:0 36px 0 16px;border:1px solid var(--kcf-line);border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 4.5l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--kcf-ink);appearance:none;-webkit-appearance:none;cursor:pointer}

/* ---- grid ---- */
.kcf-pgrid{max-width:1264px;margin:0 auto}
.kcf-pgrid-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;transition:opacity .2s}
.kcf-pgrid.is-loading .kcf-pgrid-items{opacity:.55}
.kcf-pcard{display:flex;flex-direction:column;min-width:0}
.kcf-pcard-img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#d9d9d9}
.kcf-pcard-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kcf-pcard-img:hover img{transform:scale(1.03)}
.kcf-pcard-ph{display:block;width:100%;height:100%}
.kcf-pcard-label{margin:18px 0 0;font:400 16px/1.2 'Barlow Condensed','Barlow Semi Condensed',sans-serif;text-transform:uppercase;color:var(--kcf-red)}
.kcf-pcard-title{margin:6px 0 0;font:600 24px/32px 'Barlow Semi Condensed',sans-serif;color:var(--kcf-ink)}
.kcf-pcard-title a{color:inherit;text-decoration:none}
.kcf-pcard-snippet{margin:10px 0 0;font:300 16px/24px 'Barlow Semi Condensed',sans-serif;color:var(--kcf-ink)}
.kcf-pcard-link{margin-top:auto;padding-top:24px;font:700 16px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.02em;color:var(--kcf-ink);text-decoration:none}
.kcf-pcard-link:hover{color:var(--kcf-red)}
.kcf-pgrid-empty{text-align:center;font-size:18px;margin:40px 0}
.kcf-pgrid-empty[hidden],.kcf-pgrid-more[hidden]{display:none}
.kcf-pgrid-more{text-align:center;margin-top:56px}
.kcf-pgrid-btn{font:700 14px/19px 'Barlow Semi Condensed',sans-serif;height:40px;padding:0 28px;border:1px solid var(--kcf-ink);border-radius:20px;background:#fff;color:var(--kcf-ink);cursor:pointer;transition:background .15s,color .15s}
.kcf-pgrid-btn:hover:not(:disabled){background:var(--kcf-ink);color:#fff}
.kcf-pgrid-btn:disabled{opacity:.5;cursor:wait}

@media (max-width:900px){.kcf-pgrid-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
	.kcf-pgrid-items{grid-template-columns:1fr}
	.kcf-pfilters-pills{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}
	.kcf-pill{flex:0 0 auto}
	.kcf-city-select{width:100%}
}
