.hc-brand-home .hb-attachments {
  --hb-attachment-surface: #edf1f3;
  border-block: 1px solid var(--c-line);
  background: var(--c-bg-soft);
}

.hc-brand-home .hb-attachments .hb-attachments-heading { margin-bottom: 22px; }
.hb-attachments-heading .hb-link { min-width: 0; }

.hb-attachments-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: clamp(14px, 1.7vw, 24px);
}

.hb-attachment-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--c-line);
  border-radius: var(--r-md);
  background: var(--c-bg);
}

.hb-attachment-image {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--r-md) var(--r-md) 0 0;
  border-bottom: 1px solid var(--c-line);
  background: var(--hb-attachment-surface);
  isolation: isolate;
}

.hb-attachment-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: clamp(10px, 1.4vw, 20px);
  object-fit: contain;
  mix-blend-mode: multiply;
}

.hb-attachment-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(14px, 1.65vw, 24px);
}

.hc-brand-home .hb-attachment-card h3 { font-size: clamp(19px, 1.65vw, 24px); text-wrap: pretty; }
.hb-attachment-count { margin: 8px 0 0; color: var(--c-ink-2); font-size: 13px; }

.hb-attachment-action {
  display: grid;
  justify-items: start;
  margin-top: auto;
  padding-top: 14px;
}

.hb-attachment-price {
  margin: 0;
  color: var(--c-ink);
  font-size: clamp(20px, 1.6vw, 24px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.hc-brand-home .hb-attachment-action .hb-link { gap: 8px; font-size: 14px; }

@media (max-width: 959px) {
  .hb-attachments-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .hc-brand-home .hb-attachments .hb-attachments-heading { align-items: start; gap: 6px; }
}

@media (max-width: 520px) {
  .hb-attachments-grid { grid-template-columns: 1fr; }
  .hb-attachment-image { aspect-ratio: 1.6; }
}