.rf-catalog{background:var(--cp-paper);padding:56px 0 72px}
.rf-controls[hidden]{display:none!important}
.rf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.rf-card{min-width:0;padding:32px 12px;border-bottom:1px solid var(--cp-line)}
.rf-card-logo{display:flex;align-items:center;justify-content:center;height:120px;padding:0}
a.rf-card-logo{cursor:pointer}
.rf-card-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.rf-card-logo-dark{background:var(--cp-paper)}
.rf-card-logo-dark img{filter:brightness(0)}
.rf-wordmark{font-size:20px;font-weight:500;letter-spacing:-.03em;color:var(--cp-ink);text-align:center;overflow-wrap:anywhere}
.rf-empty{padding:48px 0;font-size:17px;color:var(--cp-muted)}
.rf-empty[hidden]{display:none!important}
.rf-pagination{display:flex;align-items:center;justify-content:center;gap:32px;padding-top:56px}
.rf-pagination[hidden]{display:none!important}
.rf-pagination svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.rf-pagination button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--cp-line);border-radius:50%;color:var(--cp-ink);cursor:pointer;transition:border-color .3s var(--cp-ease)}
.rf-pagination button:hover:not(:disabled){border-color:var(--cp-ink)}
.rf-pagination button:disabled{opacity:.35;cursor:default}
.rf-page-status{font-size:15px;min-width:72px;text-align:center}
.rf-fallback-note{padding-top:32px;font-size:14px;color:var(--cp-muted)}
.rf-catalog-foot{display:flex;align-items:center;justify-content:flex-end;gap:28px;padding-top:56px;border-top:1px solid var(--cp-line);margin-top:56px}
.rf-catalog-foot .cp-link{margin:0;flex-shrink:0}
@media(max-width:1024px){.rf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.rf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rf-card{padding:20px 8px}.rf-card-logo{height:100px}.rf-catalog{padding:40px 0 56px}}
@media(max-width:600px){.rf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-card-logo{height:100px}.rf-catalog-foot{align-items:start;flex-direction:column;gap:16px}.rf-catalog-foot .cp-link{width:100%;font-size:15px}}

.rf-card[hidden],.rf-grid[hidden]{display:none!important}
.rf-control input:focus-visible{outline:2px solid var(--cp-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.rf-choice,.rf-reset,.rf-pagination button,.rf-chevron,.rf-check{transition:none!important}}


/* Compact filter bar: one row on desktop (search + two dropdowns), a "Filtrele" panel on phones. */
.rf-catalog{padding-top:40px}
.rf-controls{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:32px}
.rf-control{display:grid;gap:6px;font-size:14px;min-width:0;flex:0 1 320px}
.rf-control input{font:inherit;font-size:17px;background:transparent;border:0;border-bottom:1px solid var(--cp-ink);border-radius:0;padding:10px 0;min-height:44px;color:var(--cp-ink);width:100%}
.rf-filters{display:flex;gap:12px;align-items:flex-end}
.rf-group{position:relative;margin:0}
.rf-group>summary,.rf-filter-toggle{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--cp-line);border-radius:999px;background:transparent;color:var(--cp-ink);font:inherit;font-size:15px;cursor:pointer;white-space:nowrap;transition:border-color .3s var(--cp-ease)}
.rf-group>summary::-webkit-details-marker{display:none}
.rf-group>summary::marker{content:''}
.rf-group>summary:hover,.rf-filter-toggle:hover,.rf-group[open]>summary{border-color:var(--cp-ink)}
.rf-group-count{color:var(--cp-muted)}
.rf-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s var(--cp-ease)}
.rf-group[open] .rf-chevron,.rf-filter-toggle[aria-expanded=true] .rf-chevron{transform:rotate(180deg)}
.rf-group-panel{position:absolute;top:calc(100% + 8px);left:0;width:min(560px,calc(100vw - 48px));padding:16px;background:var(--cp-paper);border:1px solid var(--cp-line);border-radius:6px}
.rf-choices,.rf-choice-list{display:flex;flex-wrap:wrap;gap:8px}
.rf-choice{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--cp-line);border-radius:999px;background:transparent;font:inherit;font-size:14px;color:var(--cp-ink);cursor:pointer;user-select:none;transition:border-color .3s var(--cp-ease),background-color .3s var(--cp-ease),color .3s var(--cp-ease)}
.rf-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.rf-choice .rf-check{display:block;width:0;height:16px;margin-right:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:0;transition:opacity .2s var(--cp-ease)}
.rf-choice:hover{border-color:var(--cp-ink)}
.rf-choice:has(input:checked),.rf-choice-all[aria-pressed=true]{background:var(--cp-ink);border-color:var(--cp-ink);color:var(--cp-paper)}
.rf-choice:has(input:checked) .rf-check{width:16px;margin-right:6px;opacity:1}
.rf-choice span{line-height:1.2}
.rf-choice input:focus-visible~span,.rf-choice-all:focus-visible,.rf-group>summary:focus-visible,.rf-filter-toggle:focus-visible,.rf-reset:focus-visible,.rf-pagination button:focus-visible{outline:2px solid var(--cp-ink);outline-offset:2px}
.rf-filter-toggle{display:none}
.rf-reset{font:inherit;font-size:14px;background:transparent;border:0;padding:0 4px;min-height:44px;color:var(--cp-muted);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.rf-reset:hover{color:var(--cp-ink)}
.rf-count{font-size:15px;margin:0 0 0 auto;min-height:44px;display:flex;align-items:center;white-space:nowrap}
@media(max-width:900px){
  .rf-catalog{padding-top:32px}
  .rf-control{flex:1 1 100%}
  .rf-filter-toggle{display:inline-flex}
  .rf-filters{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:20px;padding:16px 0;border-block:1px solid var(--cp-line)}
  .rf-controls.rf-filters-open .rf-filters{display:flex}
  .rf-group>summary{border:0;padding:0;min-height:44px;border-radius:0;font-size:15px}
  .rf-group-panel{position:static;width:auto;padding:0;border:0;background:none}
  .rf-count{margin-left:auto}
}