/* Mobile Carousel Height Fix - High Specificity Override */

@media (max-width: 768px) {
  /* Override the 400px fixed height on mobile with high specificity */
  .featured-notes-swiper.swiper.swiper-initialized {
    height: auto !important;
    min-height: auto !important;
  }
  
  .featured-notes-swiper.swiper .swiper-wrapper {
    height: auto !important;
  }
  
  .featured-notes-swiper.swiper .swiper-slide {
    height: auto !important;
  }
  
  /* Consistent spacing around carousel on mobile */
  .featured-notes-swiper {
    margin: 1rem 0 !important;
  }
  
  /* Ensure proper column spacing */
  .columns.m-0 .column.is-12 {
    padding: 0 0.75rem !important;
  }
}