/* ============================================================
   75-prod-hero — Products page hero content.
   Structural/positioning styles come from css/sections/00-interior-hero.css
   (shared shell). This file adds the Amazon Associates disclosure
   notice, which must stay clearly visible (compliance requirement),
   plus anything unique to the Products hero.
   Scoped under .sec-75-prod-hero
   ============================================================ */

.sec-75-prod-hero__disclosure {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-top: 1.75rem;
  padding: 0.85rem 1.1rem;
  max-width: 52ch;
  border: 1px solid hsl(0 0% 100% / 0.22);
  border-radius: var(--radius-card);
  background: hsl(0 0% 100% / 0.06);
}

.sec-75-prod-hero__disclosure-icon {
  flex-shrink: 0;
  margin-top: 0.15rem;
  color: hsl(var(--accent-h) 70% 66%);
}

.sec-75-prod-hero__disclosure p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--text-on-ink-dim);
}

.sec-75-prod-hero__disclosure em {
  font-style: italic;
}