.fcp-browser{--gap:16px;--radius:12px;--cols-desktop:4;--cols-mobile:2;--title-align:center;--title-color:#111;display:block;position:relative;margin-bottom:48px}
.fcp-browser .fcp-controls{margin-bottom:8px}
.fcp-browser .fcp-back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}
.fcp-browser .fcp-spinner{margin:12px 0}
.fcp-browser .fcp-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.fcp-browser .fcp-crumb{background:none;border:none;color:#0073aa;cursor:pointer;padding:0}
.fcp-browser .fcp-crumb-sep{opacity:.5;margin:0 4px}
.fcp-browser .fcp-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(var(--cols-desktop),minmax(0,1fr));justify-content:center;align-content:start}
.fcp-browser .fcp-grid[data-count="1"],
.fcp-browser .fcp-grid[data-count="2"]{max-width:640px;margin-left:auto;margin-right:auto}
.fcp-browser .fcp-grid[data-count="1"] .fcp-card{max-width:360px;margin:0 auto;width:100%}
.fcp-browser .fcp-card{background:#fff;border:1px solid #eee;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.fcp-browser .fcp-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.fcp-browser .fcp-card-image{width:100%;padding-top:66%;background-size:cover;background-position:center}
/* Make category icons larger and centered without cropping */
.fcp-browser .fcp-category .fcp-card-image{background-size:80% auto;background-repeat:no-repeat;background-position:center}
.fcp-browser .fcp-card-title{font-weight:600;padding:10px 12px;text-align:var(--title-align);color:var(--title-color)}
.fcp-browser .fcp-card-meta{padding:0 12px 12px;color:#666}
.fcp-browser .fcp-card .fcp-card-link{display:block;color:inherit;text-decoration:none}
.fcp-browser .fcp-pagination{display:flex;gap:8px;justify-content:center;margin-top:16px}
.fcp-browser .fcp-load-more{display:block;margin:16px auto 0;padding:10px 14px;border:1px solid #111;background:#000;color:#fff;border-radius:8px;cursor:pointer}
.fcp-browser .fcp-pagination .fcp-page{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}
.fcp-browser .fcp-pagination .fcp-page[aria-current="page"]{background:#0073aa;color:#fff;border-color:#0073aa}
.fcp-browser .fcp-empty{opacity:.7;text-align:center;padding:24px}

/* Mobile: 2 per row */
@media (max-width: 480px){
  .fcp-browser .fcp-grid{grid-template-columns:repeat(var(--cols-mobile),1fr)}
}
@media (min-width: 1024px){
  .fcp-browser .fcp-card-image{padding-top:80%}
}

/* Card style variants */
.fcp-browser[data-card-style="outline"] .fcp-card{background:#fff;border:2px solid #111;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.fcp-browser[data-card-style="outline"] .fcp-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}

.fcp-browser[data-card-style="glass"] .fcp-card{backdrop-filter:blur(8px);background:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.4);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.fcp-browser[data-card-style="glass"] .fcp-card:hover{background:rgba(255,255,255,0.8)}

/* RTL support */
.fcp-browser.fcp-rtl{direction:rtl}
.fcp-browser.fcp-rtl .fcp-crumb-sep{transform:scaleX(-1)}