/* A compact mobile introduction before categories; full details remain below stock. */
.why-preview { display: none; }
#about-message { scroll-margin-top: 24px; }
@media screen and (max-width: 767px) {
  .why-preview { display: block; padding: 24px 0; background: var(--mist, #f2f5f3); border-bottom: 1px solid var(--line, #dce1de); }
  .why-preview .why-preview-inner { padding-left: 16px; border-left: 3px solid var(--brand, #0b7a3b); min-width: 0; }
  .why-preview h2 { margin: 0 0 10px; color: var(--ink, #111); font-size: 22px; font-weight: 700; line-height: 1.5; letter-spacing: -.025em; overflow-wrap: anywhere; }
  .why-preview p { margin: 0; color: #515d55; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
  .why-preview .why-preview-lead { margin-bottom: 3px; color: #25382c; font-weight: 700; }
  .why-preview .why-preview-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; max-width: 100%; margin-top: 8px; padding: 6px 0; color: var(--brand-dark, #075c2d); font-size: 13px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
  .why-preview-link span[aria-hidden] { flex-shrink: 0; }
  .why-preview-link:focus-visible { outline: 2px solid var(--brand, #0b7a3b); outline-offset: 4px; }
}