/* FashionHub - category hub + listing chrome (preserved from the original pages) */
.page-banner{background: linear-gradient(135deg, #1c1917 0%, #292524 100%);
  padding: 64px 48px;}
.breadcrumb{font-size: 11px; color: rgba(255,255,255,.35); margin-bottom: 12px; letter-spacing: .08em;}
.breadcrumb a{color: rgba(255,255,255,.35); text-decoration: none;}
.breadcrumb a:hover{color: #fff;}
.page-banner h1{font-family:var(--serif);
  font-size: clamp(2.2rem, 5vw, 4rem);
  color: #fff; font-weight: 700;}
.page-banner p{color: rgba(255,255,255,.5); font-size: 13px; margin-top: 8px;}
.category-section {
  padding: 56px 48px;
  margin: 0 20px;
}
.section-label{font-size: 10px; letter-spacing: .25em; text-transform: uppercase; color: var(--red); margin-bottom: 10px;}
.section-title{font-family:var(--serif);
  font-size: 1.8rem; font-weight: 700; color: var(--black);
  margin-bottom: 32px; padding-bottom: 16px;
  border-bottom: 2px solid #f0f0f0;}
.acc-grid{display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 56px;}
.acc-card{background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
  text-decoration: none;
  display: block;
  transition: box-shadow .25s, transform .25s;
  position: relative;}
.acc-card:hover{box-shadow: 0 8px 32px rgba(0,0,0,.1); transform: translateY(-4px);}
.acc-card img{width: 100%; height: 220px;
  object-fit: cover; display: block;
  transition: transform .5s ease;
  background: #f5f5f5;}
.acc-card:hover img{transform: scale(1.06);}
/* 4-image collage for hub cards */
.img-collage{width: 100%;
  height: 220px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  background: #f5f5f5;}
.collage-top, .collage-bottom{display: flex;
  flex: 1;
  gap: 2px;}
.collage-top img, .collage-bottom img{flex: 1;
  width: 50%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
  background: #f5f5f5;}
.acc-card:hover .img-collage img{transform: scale(1.06);}
.acc-card-body{padding: 14px 16px 16px;}
.acc-card-body h3{font-size: 14px; font-weight: 600; color: var(--black); margin-bottom: 3px;}
.acc-card-body .cnt{font-size: 11px; color: #999;}
.acc-card-body .price{font-size: 12px; font-weight: 600; color: var(--red); margin-top: 6px;}
.badge{position: absolute; top: 10px; left: 10px;
  background: var(--red); color: #fff;
  font-size: 9px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; padding: 3px 8px;}
.badge.gold{background: #b8860b;}
/* CATEGORY NAV (listing mode — every subcategory mentioned & linked) */
.cat-nav-wrap{background:#fff;border-bottom:0px solid #eee;padding:0 48px;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;}
.cat-nav-wrap::-webkit-scrollbar{display:none;}
.cat-nav-group{display:inline-flex;align-items:center;gap:8px;padding:16px 0;margin-right:18px;}
.cat-nav-group .glabel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#bbb;margin-right:4px;}
.cat-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #ddd;border-radius:999px;font-size:12px;font-weight:600;color:#444;text-decoration:none;transition:all .2s;white-space:nowrap;}
.cat-pill:hover{border-color:var(--black);color:var(--black);}
.cat-pill.active{background:var(--black);color:#fff;border-color:var(--black);}
.cat-pill .cnt2{font-size:10px;font-weight:700;color:#999;background:#f1f1f1;border-radius:999px;padding:1px 7px;}
.cat-pill.active .cnt2{color:#ccc;background:#333;}
/* TOOLBAR */
.toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:12px;}
.toolbar .count{font-size:13px;color:#888;}
.toolbar .count strong{color:var(--black);}
.toolbar-right{display:flex;gap:12px;align-items:center;position:relative;}
.sort-select{padding:8px 14px;border:1px solid #ddd;font-size:12px;font-family:var(--font);color:var(--black);background:#fff;cursor:pointer;outline:none;}
.filter-btn{padding:8px 16px;border:1px solid var(--black);font-size:12px;font-weight:600;background:transparent;cursor:pointer;font-family:var(--font);letter-spacing:.05em;display:flex;align-items:center;gap:6px;}
.filter-btn.active{background:var(--black);color:#fff;}
.filter-btn .fcount{background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px;display:none;}
.filter-btn .fcount.show{display:inline-block;}
.filter-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border:1px solid #ddd;box-shadow:0 12px 36px rgba(0,0,0,.15);z-index:200;padding:18px;}
.filter-panel.open{display:block;}
.filter-section{margin-bottom:16px;}
.filter-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:10px;}
.filter-opt{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;padding:5px 0;cursor:pointer;}
.filter-opt input{width:15px;height:15px;cursor:pointer;accent-color:var(--black);}
.filter-actions{display:flex;gap:8px;margin-top:6px;}
.filter-actions button{flex:1;padding:9px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;font-family:var(--font);border:1px solid var(--black);}
.filter-apply{background:var(--black);color:#fff;}
.filter-apply:hover{background:var(--red);border-color:var(--red);}
.filter-clear{background:#fff;color:var(--black);}
.filter-clear:hover{background:#f5f5f5;}
/* LISTING GRID */
.listing-wrap{padding:32px 48px 60px;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;}
.no-results{display:none;text-align:center;padding:60px 0;color:#888;font-size:14px;grid-column:1/-1;}
.no-results.show{display:block;}
.pbadge{position:absolute;top:10px;left:10px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;color:#fff;z-index:2;}
.pbadge.sale{background:var(--red);}
.pbadge.new{background:var(--black);}
.pbadge.hot{background:#f97316;}
.pbadge.trending{background:#7c3aed;}
.pbadge.bestseller{background:#b8860b;}
.add-btn{width:100%;padding:10px;background:var(--black);color:#fff;border:none;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:var(--font);transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px;}
.add-btn:hover{background:var(--red);}
.add-btn i{font-size:14px;}

/* badge class parity with the global card markup */
.pbadge.trend{background:#7c3aed;}
.pbadge.hot{background:#f97316;}

/* hub card link reset */
.acc-card{color:inherit;}
.acc-card-body .desc{font-size:11px;color:#aaa;margin-top:6px;line-height:1.5;}
.cat-nav-group{align-items:center;}
.listing-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888;font-size:14px;}
.filter-form-row{display:flex;gap:8px;}
.filter-form-row input{flex:1;border:1px solid #ddd;padding:8px 10px;font-size:12px;font-family:var(--font);outline:none;width:100%;}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;padding:14px 48px 0;}
.active-filters a{display:inline-flex;align-items:center;gap:6px;background:var(--black);color:#fff;font-size:11px;
  padding:6px 12px;border-radius:999px;text-decoration:none;}
.active-filters a:hover{background:var(--red);}
@media(max-width:760px){
  .page-banner{padding:36px 20px;}
  .category-section{padding:32px 20px;}
  .toolbar{padding:16px 20px;}
  .cat-nav-wrap{padding:0 20px;}
  .listing-wrap{padding:24px 20px 48px;}
  .active-filters{padding:14px 20px 0;}
}

/* More filter groups (colour, fabric, pattern, occasion…): keep the panel in view */
.filter-panel{max-height:70vh;overflow-y:auto;}
.filter-panel .filter-actions{position:sticky;bottom:-18px;background:#fff;padding:12px 0 18px;margin-bottom:-18px;}
.filter-swatch{width:14px;height:14px;border-radius:50%;border:1px solid #ddd;display:inline-block;flex:none;}