/*! Royah Soft — ONE-COLUMN on mobile (ONLY #products) v1.1 */
/* This patch affects ONLY the section with id="products" */

@media (max-width: 820px){
  /* 1) Force one column for common containers under #products */
  #products .grid,
  #products .products-grid,
  #products .grid--products,
  #products .cards,
  #products .products-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(12px, 3.2vw, 18px) !important;
  }

  /* 2) Ensure product cards do not enforce half-widths */
  #products .card {
    min-width: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
  }

  /* 3) If products are inside a slider, each slide takes full width */
  #products .swiper-slide,
  #products .glide__slide {
    width: 100% !important;
  }
}