/* =================== hc-empty-rail.css =================== */
/* hc-empty-rail — product rail shown below empty-state in /cart, /favorites,
 * /compare. Lazy-loads via HTMX from /api/shop/fragments/bestsellers.
 *
 * Strict isolation: .hc-empty-rail / .hc-empty-rail__*. */

.hc-empty-rail {
  margin: clamp(28px, 4vw, 56px) 0 0;
  padding-top: clamp(20px, 2.4vw, 36px);
  border-top: 0.5px dashed rgba(141, 109, 71, 0.22);
}

.hc-empty-rail__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: clamp(14px, 1.6vw, 22px);
}

.hc-empty-rail__title {
  font-family: var(--hc-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 500;
  line-height: 1.15;
  margin: 4px 0 0;
  color: var(--hc-ink, #1a1714);
  letter-spacing: -0.012em;
}

.hc-empty-rail__more {
  font-family: var(--hc-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--hc-accent-dark, #7a6548);
  text-decoration: none;
  margin-left: auto;
  align-self: center;
}
.hc-empty-rail__more:hover {
  color: var(--hc-ink, #1a1714);
}

.hc-empty-rail__body {
  display: block;
  width: 100%;
}

.hc-empty-rail__loading {
  display: grid;
  place-items: center;
  min-height: 180px;
  font-family: var(--hc-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hc-ink-mid, rgba(26, 23, 20, 0.45));
}