/* QA fixes 2026-10-10: structural layout gate */
/* 1. product photos: show the whole product */
.gallery-card img.photo-crop-product,
.photo-crop-product {
  object-fit: contain !important;
  object-position: center !important;
  background: #fff7ea !important;
}
.lc-phone-screen img {
  width: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  height: auto !important;
  margin: 0 !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* 2. mobile header: match homepage pattern, hide pill on small screens */
@media (max-width: 560px) {
  body:not(.cream-home) .site-header .header-actions .btn-accent,
  body:not(.cream-home) .site-header .header-actions .btn-primary { display: none !important; }
  .site-header .header-inner { min-width: 0; }
  .site-header .nav-toggle { margin-right: 0 !important; flex-shrink: 0; }
}
.ij-chat { right: max(16px, env(safe-area-inset-right)) !important; bottom: 16px !important; }
/* 3. contrast */
.ij-chat-toggle, .package-badge, body.cream-home .package-badge, body.cream-home .ij-chat-toggle { background: #D93800 !important; color: #fff !important; }
.ij-chat-toggle:hover, .ij-chat-toggle:focus-visible { background: #B83000 !important; }
.mode-card .mode-tag, .path-progress-labels .is-active, .path-progress-labels span { color: #C23A06; }
.path-progress-labels .is-done { color: #6b5a4a; }
/* 4. tap targets */
.contact-points a, main.legal a[data-email], .calendly-alt a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 10px 0;
}
/* 5. about gallery gap */
.gallery-row, .gallery-row--duo { gap: 1rem !important; }
/* About product frames match photo aspect (2026-10-10) */
.gallery-card picture { display: block; }
.gallery-card img.photo-fit,
.gallery-row--duo .gallery-card img.photo-fit {
  width: 100%; height: auto !important;
  object-fit: cover !important; object-position: center !important;
  background: none !important;
}
.gallery-row { align-items: start; }
/* boards row: column widths proportional to photo aspect so heights line up */
@media (min-width: 961px) {
  .gallery-row--boards { grid-template-columns: 0.5624fr 0.75fr 0.5625fr 0.75fr; }
  .gallery-row--boards .gallery-card--logo img { aspect-ratio: 3 / 4; }
}
.gallery-row--merch .gallery-card img { aspect-ratio: 1 !important; }
.gallery-row--boards .gallery-card--logo img { box-sizing: border-box; }
.gallery-row--merch .gallery-card img { aspect-ratio: 1 / 1 !important; height: auto !important; min-height: 0 !important; }