@media(max-width:767px){.elementor .e-1e11067{padding-inline-start:0px;padding-inline-end:0px;/* ================================================================= */
/* 1 Product Per Row on Mobile (Tags, Categories, Brands & Archives) */
/* ================================================================= */
@media screen and (max-width: 768px) {

  /* 1. Force the grid to 1 single column */
  .elementor-4542 ul.products,
  .elementor-3647 ul.products,
  [data-elementor-type="product-archive"] ul.products,
  .elementor-widget-wc-archive-products ul.products,
  .elementor-products-grid ul.products.elementor-grid,
  .woocommerce.columns-3 ul.products {
      display: grid !important;
      grid-template-columns: 1fr !important; /* 1 product per row */
      gap: 24px !important;                 /* Vertical space between products */
  }

  /* 2. Make each product card take full width */
  .elementor-4542 ul.products li.product,
  .elementor-3647 ul.products li.product,
  [data-elementor-type="product-archive"] ul.products li.product,
  .elementor-widget-wc-archive-products ul.products li.product,
  .woocommerce ul.products li.product {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
      box-sizing: border-box !important;
  }

  /* 3. Center images and ensure clean scaling */
  .woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
      width: 100% !important;
      height: auto !important;
      object-fit: cover !important;
      margin: 0 auto !important;
  }
}\n}}