/* =========================================================
   VISUAL FIXES v2 — applied after full site review
   ========================================================= */

/* Fix: receive-grid — equal height cards, better responsive */
.receive-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: stretch;
}
.receive-card {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.receive-card p { margin-top: 0; flex: 1; }

/* Fix: all card grids — equal height */
.grid-2, .grid-3, .grid-4 { align-items: stretch; }
.card { display: flex; flex-direction: column; }
.card__body { flex: 1; }
.faq-card { display: flex; flex-direction: column; }
.faq-card__answer { flex: 1; }
.process-step { display: flex; flex-direction: column; }
.feature-tile { display: flex; flex-direction: column; }

/* Fix: boundary badges — no random wrapping */
.boundary-badges span { white-space: nowrap; padding: var(--space-2) var(--space-5); font-weight: 700; }
.check-list span { white-space: nowrap; font-weight: 700; }
.hero__trust-item { white-space: nowrap; }

/* Fix: boundary badges max-width tighter */
.boundary-badges { max-width: 860px; }

/* Fix: receive-grid responsive breakpoints */
@media (max-width: 1100px) {
  .receive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .receive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .receive-grid { grid-template-columns: 1fr; }
}

/* Fix: process steps equal height */
.process-steps { align-items: stretch; }

/* Fix: report mockup internal padding consistency */
.report-mockup__summary div,
.report-mockup__finding,
.report-mockup__checklist {
  padding: var(--space-4) var(--space-5);
}

/* Fix: hero trust bar panel */
.hero__trust-bar--panel { gap: var(--space-2); }

/* Fix: product offer list spacing */
.product-offer__list li { padding-left: 0; }

/* Fix: blog card featured image on mobile */
@media (max-width: 900px) {
  .blog-card--featured { flex-direction: column; }
  .blog-card--featured .blog-card__img { width: 100%; aspect-ratio: 16/9; }
}

/* Fix: section-header--split responsive */
@media (max-width: 760px) {
  .section-header--split {
    grid-template-columns: 1fr;
  }
  .section-header--split .section-sub {
    justify-self: start;
    text-align: left;
    max-width: none;
  }
}