/** Shopify CDN: Minification failed

Line 16:0 Comments in CSS use "/* ... */" instead of "//"
Line 17:0 Comments in CSS use "/* ... */" instead of "//"
Line 18:0 Comments in CSS use "/* ... */" instead of "//"
Line 20:0 Comments in CSS use "/* ... */" instead of "//"
Line 21:0 Comments in CSS use "/* ... */" instead of "//"
Line 22:0 Comments in CSS use "/* ... */" instead of "//"
Line 23:0 Comments in CSS use "/* ... */" instead of "//"
Line 24:0 Comments in CSS use "/* ... */" instead of "//"
Line 25:0 Comments in CSS use "/* ... */" instead of "//"
Line 26:0 Comments in CSS use "/* ... */" instead of "//"
... and 4 more hidden warnings

**/
// =============================================================================
// Halo Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================

<style>
  @media screen and (max-width: 767px) {
    .halo-product-tabs .products-grid,
    .halo-product-tabs .products-carousel {
      display: grid !important;
      grid-template-columns: 1fr !important; /* 1 product per row */
      gap: 20px; /* spacing between products */
    }

  .products-grid, .products-carousel {
      display: grid !important;
      grid-template-columns: 1fr !important; /* 1 product per row */
      gap: 20px; /* spacing between products */
    }
  }

  /* @media screen and (min-width: 768px) {
    .halo-product-tabs .products-grid,
    .halo-product-tabs .products-carousel {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr); /* 4 products per row */
      gap: 30px;
    }
    .products-grid, .products-carousel {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr); /* 4 products per row */
      gap: 30px;
    }
  } */

  .halo-product-tabs .product {
    width: 100%;
  }

 @media screen and (max-width: 767px) {
    .productGrid, .products-scroll {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 20px;
    }

    .productGrid .product, .products-scroll .product {
      width: 100% !important;
    }
  }
/* @media screen and (max-width: 991px) {
  .productGrid, .products-scroll {
    grid-template-columns: repeat(2, 1fr);
  }
} */

@media screen and (max-width: 767px) {
  .productGrid, .products-scroll {
    grid-template-columns: 1fr;
  }
    .productView-wishlist {
  width: 50px !important;
}
}
.toolbar .toolbar-dropdown.filter-sortby .label-tab {
    min-width: 200px !important;
}

</style>