.elementor-4300 .elementor-element.elementor-element-862259b{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4300 .elementor-element.elementor-element-862259b:not(.elementor-motion-effects-element-type-background), .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grainsandglow.com/wp-content/uploads/2025/09/Untitled-design-1.webp");background-position:0px -110px;background-repeat:no-repeat;background-size:cover;}.elementor-4300 .elementor-element.elementor-element-862259b::before, .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-background-video-container::before, .elementor-4300 .elementor-element.elementor-element-862259b > .e-con-inner > .elementor-background-video-container::before, .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-background-slideshow::before, .elementor-4300 .elementor-element.elementor-element-862259b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4300 .elementor-element.elementor-element-2412002{--display:flex;--min-height:243px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:117px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4300 .elementor-element.elementor-element-091dd1d{margin:176px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:left;}.elementor-4300 .elementor-element.elementor-element-091dd1d .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:25px;font-weight:200;font-style:oblique;color:#FFFFFF;}.elementor-4300 .elementor-element.elementor-element-58330c3{width:var( --container-widget-width, 446px );max-width:446px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;--container-widget-width:446px;--container-widget-flex-grow:0;text-align:left;font-family:"Arial", Sans-serif;font-size:16px;font-weight:100;color:#EEE9E9;}.elementor-4300 .elementor-element.elementor-element-7ccd895{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;width:var( --container-widget-width, 450px );max-width:450px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;--container-widget-width:450px;--container-widget-flex-grow:0;}.elementor-4300 .elementor-element.elementor-element-7ccd895 .elementor-divider-separator{width:100%;}.elementor-4300 .elementor-element.elementor-element-7ccd895 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4300 .elementor-element.elementor-element-fa887f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4300 .elementor-element.elementor-element-fa887f2:not(.elementor-motion-effects-element-type-background), .elementor-4300 .elementor-element.elementor-element-fa887f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B11B1BF2;}.elementor-4300 .elementor-element.elementor-element-fa887f2::before, .elementor-4300 .elementor-element.elementor-element-fa887f2 > .elementor-background-video-container::before, .elementor-4300 .elementor-element.elementor-element-fa887f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-4300 .elementor-element.elementor-element-fa887f2 > .elementor-background-slideshow::before, .elementor-4300 .elementor-element.elementor-element-fa887f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4300 .elementor-element.elementor-element-fa887f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#01020200;--background-overlay:'';}.elementor-4300 .elementor-element.elementor-element-7de09f7 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:100;font-style:oblique;color:#F4F0F0;}.elementor-4300 .elementor-element.elementor-element-c9285b3{font-family:"Arial", Sans-serif;font-weight:100;font-style:normal;color:#E0E0E0;}.elementor-4300 .elementor-element.elementor-element-0f16088{--divider-border-style:solid;--divider-color:#BABABA;--divider-border-width:1px;}.elementor-4300 .elementor-element.elementor-element-0f16088 .elementor-divider-separator{width:100%;}.elementor-4300 .elementor-element.elementor-element-0f16088 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4300 .elementor-element.elementor-element-c60fea1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4300 .elementor-element.elementor-element-317d8c4{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4300 .elementor-element.elementor-element-317d8c4 .elementor-divider-separator{width:100%;}.elementor-4300 .elementor-element.elementor-element-317d8c4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4300 .elementor-element.elementor-element-5f64cc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4300 .elementor-element.elementor-element-7431fc2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:20px;font-weight:700;}.elementor-4300 .elementor-element.elementor-element-9e468ab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4300 .elementor-element.elementor-element-01982f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4300 .elementor-element.elementor-element-a872e78{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4300 .elementor-element.elementor-element-a872e78 .elementor-divider-separator{width:100%;}.elementor-4300 .elementor-element.elementor-element-a872e78 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(min-width:768px){.elementor-4300 .elementor-element.elementor-element-2412002{--width:50%;}}@media(max-width:1024px){.elementor-4300 .elementor-element.elementor-element-862259b:not(.elementor-motion-effects-element-type-background), .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-4300 .elementor-element.elementor-element-862259b:not(.elementor-motion-effects-element-type-background), .elementor-4300 .elementor-element.elementor-element-862259b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4300 .elementor-element.elementor-element-091dd1d{margin:220px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4300 .elementor-element.elementor-element-091dd1d .elementor-heading-title{font-size:15px;}.elementor-4300 .elementor-element.elementor-element-fa887f2:not(.elementor-motion-effects-element-type-background), .elementor-4300 .elementor-element.elementor-element-fa887f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grainsandglow.com/wp-content/uploads/2025/09/Untitled-design-1.webp");background-position:-150px 15px;background-repeat:no-repeat;background-size:cover;}.elementor-4300 .elementor-element.elementor-element-fa887f2{--min-height:398px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4300 .elementor-element.elementor-element-7de09f7{margin:290px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;text-align:left;}.elementor-4300 .elementor-element.elementor-element-7de09f7 .elementor-heading-title{font-size:15px;}.elementor-4300 .elementor-element.elementor-element-c9285b3{width:var( --container-widget-width, 264px );max-width:264px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--container-widget-width:264px;--container-widget-flex-grow:0;text-align:left;font-size:12px;}.elementor-4300 .elementor-element.elementor-element-0f16088{width:var( --container-widget-width, 300px );max-width:300px;margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-4300 .elementor-element.elementor-element-5f64cc9{--justify-content:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4300 .elementor-element.elementor-element-7431fc2{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-30a2a72 *//* ────────────────────────────────────────────────
   ✨ Fade-In Animation
──────────────────────────────────────────────── */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ────────────────────────────────────────────────
   🧱 Layout & Container Styling
──────────────────────────────────────────────── */
.custom-product-style ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.custom-product-style ul.products li.product {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  padding: 3px;
  text-align: center;
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 240px;
  max-width: 320px;
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
}

/* Hover shadow effect */
.custom-product-style ul.products li.product:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}

/* ────────────────────────────────────────────────
   🖼️ Product Image Styling
──────────────────────────────────────────────── */
.custom-product-style ul.products li.product img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  max-width: 100%;
  height: auto;
}

.custom-product-style ul.products li.product:hover img {
  transform: scale(1.10);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* ────────────────────────────────────────────────
   🏷️ Product Title Styling
──────────────────────────────────────────────── */
.custom-product-style ul.products li.product .woocommerce-loop-product__title {
  font-size: 25px;
  font-weight: 200;
  color: #222;
  margin: -10px 0 5px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  transition: color 0.3s ease;
}

.custom-product-style ul.products li.product:hover .woocommerce-loop-product__title {
  color: #666666;
}

/* ────────────────────────────────────────────────
   💰 Price Styling
──────────────────────────────────────────────── */
.custom-product-style ul.products li.product .price {
  font-size: 16px;
  font-weight: 100;
  color: #000 !important;
  margin-bottom: 3px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  transition: color 0.3s ease;
}

.custom-product-style ul.products li.product:hover .price {
  color: #005fa3;
}

/* ────────────────────────────────────────────────
   🛒 Hide Add to Cart Button
──────────────────────────────────────────────── */
.custom-product-style ul.products li.product .button {
  display: none !important;
}

/* ───────────────────────── Mobile Responsiveness───────────────────────*/

@media (max-width: 768px) {
  
  .custom-product-style ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 0 10px;
  }

  .custom-product-style ul.products li.product {
    width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    box-sizing: border-box;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .custom-product-style ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; /* 🔧 Reduce gap between items */
    justify-content: center;
    padding: 0 4px; /* Optional: reduce side padding */
  }

  .custom-product-style ul.products li.product {
    width: calc(50% - 6px); /* 🔧 Two items per row with tighter spacing */
    max-width: none;
    box-sizing: border-box;
    padding: 3px; /* 🔧 Reduce internal padding */
  }

  .custom-product-style ul.products li.product .woocommerce-loop-product__title {
    font-size: var(--gg-title-size, 20px);
    font-weight: var(--gg-title-weight, 400);
    margin: -10px 0 3px;
    text-align: center;
  }

  .custom-product-style ul.products li.product .price {
    font-size: var(--gg-price-size, 15px);
    font-weight: var(--gg-price-weight, 500);
    margin-bottom: 2px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .custom-product-style ul.products li.product .woocommerce-loop-product__title a {
    color: var(--gg-title-color, #222) !important;
  }

  .custom-product-style ul.products li.product .woocommerce-loop-product__title a:visited,
  .custom-product-style ul.products li.product .woocommerce-loop-product__title a:focus,
  .custom-product-style ul.products li.product .woocommerce-loop-product__title a:hover {
    color: var(--gg-title-color, #222) !important;
    text-decoration: none;
  }
}

@media (max-width: 768px) {
  .custom-product-style ul.products li.product {
    padding: 2px !important; /* 🔧 Reduce box padding */
  }

  .custom-product-style ul.products li.product img {
    padding: 0 !important;
    margin: 0 !important;
    display: block;
    max-width: 100%;
    height: auto;
  }
}/* End custom CSS */