/* ── PRODUCTS SECTION ── */
    .products-section{padding:64px 0;background:#fff}
    .prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
    @media(max-width:1280px){.prod-grid{grid-template-columns:repeat(4,1fr)}}
    @media(max-width:900px){.prod-grid{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:600px){.prod-grid{grid-template-columns:repeat(2,1fr)}}

    .prod-card{border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center;background:#fff}
    .prod-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.10);border-color:var(--accent)}
    .prod-card-img{background:#f0f3f8;display:flex;align-items:center;justify-content:center;}
    .prod-card-img img{max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));transition:transform .3s}
    .prod-card:hover .prod-card-img img{transform:scale(1.06)}
    .prod-card-body{padding:14px 12px 16px}
    .prod-card-body h3{font-size:13.5px;font-weight:800;color:var(--primary);margin-bottom:10px;line-height:1.3}
    .prod-card-link{font-size:11.5px;font-weight:800;color:var(--primary);letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;border-top:1.5px solid var(--border);padding-top:10px;width:100%;justify-content:center;transition:color .2s}
    .prod-card-link:hover{color:var(--accent)}
    /* ── SECTION LABELS ── */
    .sec-label{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:6px}
    .sec-title{font-size:clamp(22px,3vw,34px);font-weight:900;color:var(--primary);line-height:1.2}
    .sec-line{width:36px;height:3px;background:var(--accent);border-radius:2px;margin-top:10px}

/* ── PRODUCT ARCHIVE FILTER PILLS ── */
.prod-filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  overflow-x: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
  scroll-behavior: smooth;
}
.prod-filter-bar::-webkit-scrollbar {
  height: 4px;
}
.prod-filter-bar::-webkit-scrollbar-track {
  background: transparent;
}
.prod-filter-bar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

@media (min-width: 768px) {
  .prod-filter-bar {
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: visible;
    padding-bottom: 0;
  }
}

.filter-pill {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  background: #fff;
  border: 1.5px solid var(--border);
  color: var(--primary);
  font-weight: 700;
  font-size: 13px;
  padding: 8px 20px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.filter-pill:hover {
  border-color: var(--primary);
  background: var(--light);
  transform: translateY(-1px);
}
.filter-pill.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  box-shadow: 0 4px 14px rgba(245, 166, 35, 0.35);
}