/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 108:0 Unexpected "<"

**/
<style>
/* Style for the first section */

.rte .shopify-section-container {
    text-align: center;
  margin-bottom: 100px;
}

   .shopify-section-container img {
            max-width: 700px !important;
        }

        /* Style for the second section (product grid) */
        #h2-title {
            text-align: center;
          font-weight: 700;
          margin-top: 0px;
        }

        .product-grid-section {
            display: grid;
            grid-template-columns: repeat(1, 1fr); /* Adjusted for mobile screens */
            gap: 50px;
            padding: 20px;
            max-width: 100%;
            margin: auto !important;
        }

        .product-hero {
            text-align: center;
            border-bottom: solid 1px #CE0E2D;
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
            padding: 20px; /* Reduced padding for mobile screens */
            background: #fff;
        }

        .product-hero img {
            max-width: 100%;
          margin: 0px !important;
          transition: 1s ease-out; 
        }

   .product-hero img:hover {
    transform: scale(1.1);
    transition: 1s ease;
   }

       .product-hero .button--simple svg {
           color: #CE0E2D;
         }

      .product-hero .button--simple:hover svg{
    color: #fff;
}

.shopify-section-container.text-div {
    max-width: 950px;
    margin: auto;
}

        /* Responsive design */

        @media (min-width: 981px) {
            .product-grid-section {
            width: 100%;
            max-width: 1600px;
            margin: auto;
              margin-bottom: 100px !important;
            }
        }


        @media (min-width: 768px) {
            .product-grid-section {
                grid-template-columns: repeat(2, 1fr); /* Adjusted for tablet screens */
            }
        }

        @media (min-width: 992px) {
            .product-grid-section {
                grid-template-columns: repeat(3, 1fr); /* Adjusted for larger screens */
            }
        }

        @media (min-width: 1200px) {
            .product-grid-section {
                grid-template-columns: repeat(4, 1fr); /* Adjusted for larger screens */
            }
        }

 @media (min-width: 1200px) {
            .product-grid-section.three-columns {
                grid-template-columns: repeat(3, 1fr); /* Adjusted for larger screens - only for 3 column product grid */
            }
        }

 @media (max-width: 981px) {
            .product-grid-section {
            margin-bottom: 50px !important;
            }
        }
</style>