/* Hide big psych carousel images on small screens */
@media (max-width: 1400px) {
  .psych-carousel-image,
  .psych-carousel-image-wrapper {
    display: none !important;
  }

  /* Let the text breathe a bit more on mobile */
  .psych-carousel-slide-inner {
    flex-direction: column !important;
  }
}

/* ============================================
   Psychographic page – fix XS stacking
   Remove forced 100% heights on mobile so
   right column doesn't overlap left tiles
============================================ */

@media (max-width: 767.98px) {
  /* Any .h-100 inside the psychographic page
     should just size to content on mobile */
  .psychographic-profile-page .h-100 {
    height: auto !important;
    min-height: auto !important;
    margin-bottom: 4px;
  }

  /* Belt-and-braces: for flex containers that were
     stretching full height */
  .psychographic-profile-page .d-flex.h-100 {
    height: auto !important;
  }
}