:root{
  --fruitkha-accent:#F28123;
  --fruitkha-text:#051922;
  --fruitkha-muted:#6c757d;
}
.catalog { padding-top: 70px; padding-bottom: 70px; }
.facets {
  background:#fff; border-radius:16px; box-shadow:0 10px 24px rgba(5,25,34,.08);
  padding:18px; position:sticky; top:90px;
}
.facets h5 { font-family:'Poppins',sans-serif; margin-bottom:10px; }
.facet { border-top:1px solid #eee; padding-top:12px; margin-top:12px; }
.facet:first-child { border-top:0; padding-top:0; margin-top:0; }
.facet .search-in { width:100%; margin-bottom:8px; }
.facet-scroll { max-height:220px; overflow:auto; }
.chips { display:flex; flex-wrap:wrap; gap:8px; }
.chip { background:rgba(242,129,35,.1); color:var(--fruitkha-accent); border-radius:999px; padding:4px 10px; font-size:.85rem; }
.chip a { color:inherit; margin-left:6px; }
.tools { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.prod-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
@media (max-width: 991px){ .prod-grid { grid-template-columns: repeat(2,1fr);} }
@media (max-width: 575px){ .prod-grid { grid-template-columns: 1fr;} }
.card-prod { border:1px solid #eee; border-radius:16px; padding:12px; background:#fff; display:flex; flex-direction:column; }
.card-prod .img { height:180px; border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.card-prod img { max-width:100%; max-height:100%; object-fit:cover; }
.card-prod h6 { margin:10px 0 6px; }
.price { font-weight:700; }
.badge-stock { background:#e9f7ef; color:#1e7e34; border-radius:999px; padding:2px 8px; font-size:.8rem; }
.badge-oos { background:#fdecea; color:#c82333; border-radius:999px; padding:2px 8px; font-size:.8rem; }
.rating { color:#ffb400; font-size:.9rem; }
.actions { margin-top:auto; display:flex; align-items:center; gap:8px; }
.actions .boxed-btn { padding:8px 10px; line-height:1; }
.actions .link { font-size:.9rem; }
.compare-bar {
  position:fixed; left:0; right:0; bottom:16px; z-index:99; display:none;
}
.compare-inner {
  margin:0 auto; max-width:1140px; background:#fff; border:1px solid #eee; border-radius:14px;
  box-shadow:0 10px 24px rgba(5,25,34,.08); padding:10px 12px; display:flex; justify-content:space-between; align-items:center; gap:10px;
}
.compare-list { display:flex; gap:8px; flex-wrap:wrap; }
.compare-chip { background:#f7f7f7; border:1px solid #eee; border-radius:999px; padding:4px 8px; }
.pager { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; margin-top:14px;}
.pager .page { border:1px solid #eee; padding:6px 10px; border-radius:8px; background:#fff; }
.pager .active { background:rgba(242,129,35,.1); color:var(--fruitkha-accent); border-color:var(--fruitkha-accent); }
.brand-card, .collection-card {
  border:1px solid #eee; border-radius:14px; padding:16px; background:#fff; display:flex; align-items:center; gap:12px;
}
.brand-card img { width:56px; height:56px; object-fit:contain; }
.recent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width: 991px){ .recent-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 575px){ .recent-grid { grid-template-columns:1fr; } }
.muted { color:var(--fruitkha-muted); }
