/* iConnect redesign — category / search listing (shared) */
#product-category,#product-search{max-width:var(--ic-container);margin-inline:auto;padding:8px 20px 24px;}

/* breadcrumb (shared with PDP look) */
#product-category .breadcrumb,#product-search .breadcrumb{
  list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:0;margin:6px 0 18px;font-size:12.5px;color:var(--ic-muted);
}
#product-category .breadcrumb-item a,#product-search .breadcrumb-item a{color:var(--ic-muted);}
#product-category .breadcrumb-item + .breadcrumb-item::before,
#product-search .breadcrumb-item + .breadcrumb-item::before{content:"›";margin-right:6px;}
#product-category .breadcrumb-item:first-child a{text-transform:uppercase;font-weight:700;color:var(--ic-text);}

.ic-listing__head{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.ic-listing__head h1{font-family:var(--ic-head);font-weight:800;font-size:34px;margin:0;text-transform:uppercase;letter-spacing:.5px;}
.ic-listing__count{color:var(--ic-muted);font-size:13px;}

.ic-listing__intro{display:flex;flex-direction:row;gap:20px;align-items:flex-start;background:#fff;border-radius:var(--ic-r-lg);box-shadow:var(--ic-shadow-card);padding:18px;margin-bottom:20px;}
.ic-listing__intro img{width:120px;height:auto;border-radius:var(--ic-r);}
.ic-listing__desc{font-size:14px;line-height:1.6;color:#444;}

/* refine subcategory chips */
.ic-refine{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.ic-chip{
  display:inline-flex;flex-direction:row;align-items:center;background:#fff;border:1px solid var(--ic-line);
  border-radius:var(--ic-pill);padding:8px 16px;font-size:13px;font-weight:600;color:var(--ic-text);box-shadow:var(--ic-shadow-card);
}
.ic-chip:hover{border-color:var(--ic-magenta);color:var(--ic-magenta);}

/* toolbar */
.ic-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
.ic-toolbar__field{display:flex;flex-direction:row;align-items:center;gap:8px;}
.ic-toolbar__field label{font-size:13px;font-weight:600;color:var(--ic-muted);white-space:nowrap;}
.ic-toolbar__field select{
  height:42px;border:1px solid var(--ic-line);border-radius:var(--ic-pill);background:#fff;padding:0 16px;
  font-family:var(--ic-body);font-size:13px;color:var(--ic-text);cursor:pointer;outline:none;
}
.ic-toolbar__field select:focus{border-color:var(--ic-magenta);}

/* search refine panel */
.ic-search-panel{background:#fff;border-radius:var(--ic-r-lg);box-shadow:var(--ic-shadow-card);padding:18px;margin-bottom:22px;}
.ic-search-panel__row{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;}
.ic-search-panel__row .form-control{flex:2 1 260px;height:46px;border-radius:var(--ic-pill);padding:0 18px;}
.ic-search-panel__row .form-select{flex:1 1 200px;height:46px;border-radius:var(--ic-pill);}
.ic-search-panel__row .ic-btn{flex:0 0 auto;}
.ic-search-panel__checks{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--ic-muted);}
.ic-search-panel__checks label{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;}

/* product grid */
.ic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;}

/* footer / pagination */
.ic-listing__foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;}
.ic-listing__results{color:var(--ic-muted);font-size:13px;}
.ic-listing__foot .pagination{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:0;}
.ic-listing__foot .pagination a,.ic-listing__foot .pagination span{
  display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  border-radius:var(--ic-r-sm);border:1px solid var(--ic-line);background:#fff;color:var(--ic-text);font-weight:600;font-size:14px;
}
.ic-listing__foot .pagination .active span,.ic-listing__foot .pagination a:hover{background:var(--ic-magenta);color:#fff;border-color:var(--ic-magenta);}
.ic-listing__empty{font-size:16px;color:var(--ic-muted);padding:20px 0;}

@media (max-width:991px){ .ic-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:767px){
  .ic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;}
  .ic-listing__head h1{font-size:26px;}
  .ic-toolbar{justify-content:space-between;}
  .ic-toolbar__field{flex:1 1 auto;}
  .ic-toolbar__field select{width:100%;}
}

/* listing pages: breadcrumbs hidden so the filters/grid start higher (nav lives in the menu + subcategory rail) */
#product-category > .breadcrumb,#product-search > .breadcrumb{display:none;}

/* ---------- hub category: subcategory tiles instead of an empty shelf ---------- */
.ic-subgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ic-subtile{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:22px 16px;text-align:center;
  background:var(--ic-card);border-radius:var(--ic-r-lg);box-shadow:var(--ic-shadow-card);
  color:var(--ic-text);text-decoration:none;
  transition:transform .16s ease,box-shadow .2s ease;
}
.ic-subtile:hover{transform:translateY(-3px);box-shadow:var(--ic-shadow-lg);color:var(--ic-magenta);}
.ic-subtile__img{
  display:flex;flex-direction:row;align-items:center;justify-content:center;
  width:88px;height:88px;border-radius:50%;background:#f7f7fa;overflow:hidden;
}
.ic-subtile__img img{max-width:74%;max-height:74%;object-fit:contain;mix-blend-mode:multiply;}
.ic-subtile__img--none{color:var(--ic-magenta);font-size:30px;}
.ic-subtile__name{font-family:var(--ic-head);font-weight:700;font-size:14px;line-height:1.35;}
@media (max-width:991px){.ic-subgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}}
@media (max-width:767px){
  .ic-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .ic-subtile{padding:16px 10px;gap:9px;}
  .ic-subtile__img{width:66px;height:66px;}
  .ic-subtile__name{font-size:13px;}
}