/* Mobile fixes — Shop by Category + What Our Customers Say */

@media (max-width: 767px) {
  .unicorn-categories-scroll-wrap {
    overflow: visible;
  }

  .unicorn-categories.unicorn-categories--horizontal {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
  }

  .unicorn-categories--horizontal .unicorn-category-card {
    flex: none;
    width: auto;
    min-width: 0;
    padding: 28px 16px;
  }

  .unicorn-categories--horizontal .unicorn-category-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: calc(50% - 6px);
    justify-self: center;
  }

  /*
   * Testimonials: GSAP sets .unicorn-testimonial { opacity: 0 } on load.
   * Mobile carousel never runs scrollReveal, so cards stay invisible — force visible.
   */
  .unicorn-testimonials-carousel {
    overflow: visible !important;
    height: auto !important;
  }

  .unicorn-testimonials-track {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .unicorn-testimonials-carousel .unicorn-testimonial,
  .unicorn-testimonials-carousel.is-mobile-carousel .unicorn-testimonial {
    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    translate: none !important;
    display: block !important;
    position: relative !important;
    height: auto !important;
  }

  .unicorn-testimonials-dots {
    display: none !important;
  }
}