/* =========================================================
   TRUST BADGES ("As Seen On")
   Homepage section, right under Trending Products  a row of
   third-party review/accreditation logo images (assets/img/trust-badges/:
   ConsumerAffairs, Google Reviews, Trustpilot, Norton by Symantec), each linking out to the
   store's real profile on that service (see the $fm_trust_badges hrefs
   in template-parts/sections/trust-badges.php  still '#' placeholders
   until the real URLs are filled in).

   Deliberately theme-agnostic (always the light white/cream look, not
   swapped dark like most other sections)  these are real brand marks
   with their own fixed colors (Google's four-color lettering, Trustpilot
   green, etc.), which only read correctly against a light background
   regardless of whether the rest of the site is in dark or light mode.
   ========================================================= */
.trust-badges-section {
  background: #F5EDE6;
  padding: 32px 0 0;
}
.trust-badges-head {
  text-align: center;
  padding: 0 25px;
  margin-bottom: 20px;
}
.trust-badges-title {
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
  margin: 0;
  font-family: var(--fm-font-serif);
  font-weight: 700;
  font-size: clamp(22px, 2.2vw, 28px);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
}
.trust-badges-title::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  width: 56px;
  height: 1px;
  background: var(--fm-gold);
  transform: translateX(-50%);
}

/* Full-bleed band  breaks out to the viewport's full width regardless of
   this section's own side padding, same technique as Featured
   Collections' .tab-row-band (assets/css/featured-collections.css). */
.trust-badges-band {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #F5EDE6;
  padding: 44px 25px;
}
.trust-badges-row {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 48px 56px;
}

.trust-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  opacity: 0.92;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.trust-badge:hover { opacity: 1; transform: translateY(-2px); }
/* The logo PNGs have different intrinsic sizes/aspect ratios, so they're
   fitted into one fixed-height box instead of being sized individually. */
.trust-badge img {
  display: block;
  height: 90px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  /* Any leftover white background in a logo file blends into the cream band. */
  mix-blend-mode: multiply;
}

@media (max-width: 760px) {
  .trust-badges-section { padding: 24px 0 0; }
  .trust-badges-band { padding: 30px 20px; }
  .trust-badges-row { gap: 20px 28px; }
  .trust-badge img { height: 68px; }
}
@media (max-width: 480px) {
  .trust-badges-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; justify-items: center; }
  .trust-badge img { height: 56px; }
}