/* Layout overrides — must not fight landing.css image frames */

/* Trust stats stay in a clean 3-column grid */
.trust-strip .trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  text-align: center;
}

@media (max-width: 640px) {
  .trust-strip .trust-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

/* Payments: always one horizontal row */
.trust-payments {
  flex-direction: row;
}

.payment-logos {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.pay-logo {
  width: 48px !important;
  height: 32px !important;
  max-width: none !important;
  object-fit: contain !important;
}

.pay-logo--polar {
  width: 110px !important;
  height: 22px !important;
}

@media (max-width: 520px) {
  .payment-logos {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}

.trust-badge {
  max-width: none !important;
  width: 200px !important;
  height: auto !important;
}

/* Before/after — square crops, no absolute positioning */
#transforms .transform-grid {
  display: grid !important;
}

#transforms .transform-cell img {
  position: static !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  height: auto !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 20% !important;
}

/* Gallery mosaic — enforce grid + fill cells */
.gallery-mosaic {
  display: grid !important;
}

.gallery-item {
  min-height: 0;
  height: 100%;
}

.gallery-item img {
  max-width: none !important;
  object-fit: cover !important;
}