/* ==========================================================================
   Shop / category / search  (woocommerce/archive-product.php)
   ========================================================================== */

.usuals-strip { display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px; }
.usuals-strip__title { font: 400 24px/1.1 var(--font-display); }
.usuals-strip .mini-row { border-color: var(--c-line-soft); border-radius: var(--radius-card); padding: 8px; }

.shop-filter { border-bottom: 1px solid var(--c-line); padding-bottom: 18px; margin-bottom: 14px; }
.shop-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  justify-content: space-between;
  align-items: center;
}

/* Sub-categories of the open shelf */
.shelf-sub {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 8px 22px;
  margin-top: 16px; padding-top: 14px;
  border-top: 1px dashed var(--c-line);
}
.shelf-sub .eyebrow { margin-right: 4px; }
.shelf-sub__link {
  padding-bottom: 3px;
  border-bottom: 1.5px solid transparent;
  color: var(--c-muted);
  font: 600 13px var(--font-ui);
  text-decoration: none;
}
.shelf-sub__link span { font-weight: 400; color: var(--c-muted-2); }
.shelf-sub__link:hover { color: var(--c-forest); }
.shelf-sub__link[aria-current] { color: var(--c-forest); border-bottom-color: var(--c-forest); }

.shop-tools { display: flex; gap: 8px; flex: 1 1 280px; justify-content: flex-end; }
.shop-tools .input { flex: 1; min-width: 0; max-width: 260px; height: 44px; font-size: 14px; }
.shop-tools .select { width: auto; height: 44px; font-size: 14px; }

.results-line { font-size: 13px; color: var(--c-muted); margin-bottom: 28px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.results-line .link-btn { min-height: 0; text-decoration: underline; }

.no-results { padding: 48px 0; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.no-results__title { font: 400 30px/1.1 var(--font-display); }
.chip {
  height: 40px; padding: 0 14px;
  border: 1px solid var(--c-input-border); border-radius: 20px;
  background: var(--c-white); font-size: 14px; color: var(--c-forest);
}
.chip:hover { border-color: var(--c-forest); }

.recently-viewed { margin-top: 72px; display: flex; flex-direction: column; gap: 20px; }

@media (max-width: 767px) {
  .shop-tools { flex-basis: 100%; }
  .shop-tools .input { max-width: none; }
  .shelf-tabs .pill-tab { height: 36px; padding: 0 13px; }
  .shelf-sub { gap: 6px 16px; }
  .shelf-sub .eyebrow { flex-basis: 100%; }
}