.elementor-569 .elementor-element.elementor-element-8c24bb8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-569 .elementor-element.elementor-element-8c24bb8, .elementor-569 .elementor-element.elementor-element-8c24bb8::before{--border-transition:0.3s;}.elementor-569 .elementor-element.elementor-element-3b7d432 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-569 .elementor-element.elementor-element-3b7d432{width:100%;max-width:100%;}.elementor-569 .elementor-element.elementor-element-2eb0f947{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--padding-top:4%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-569 .elementor-element.elementor-element-c67a806{text-align:center;}.elementor-569 .elementor-element.elementor-element-c67a806 .elementor-heading-title{color:#000000;font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-569 .elementor-element.elementor-element-dd7cdd7 .elementor-widget-container{text-align:center;}.elementor-569 .elementor-element.elementor-element-dd7cdd7 > .elementor-widget-container{margin:015px 0px 0px 0px;}.elementor-569 .elementor-element.elementor-element-1134e67{--divider-border-style:solid;--divider-color:#3831317A;--divider-border-width:1px;}.elementor-569 .elementor-element.elementor-element-1134e67 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-569 .elementor-element.elementor-element-1134e67 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-569 .elementor-element.elementor-element-95e352e{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1.6px;color:#183884;}.elementor-569 .elementor-element.elementor-element-95e352e a{color:#183884;}.elementor-569 .elementor-element.elementor-element-5561a5cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:50px 50px;--background-transition:0.3s;--margin-top:2%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:2%;--padding-left:8%;--padding-right:8%;}.elementor-569 .elementor-element.elementor-element-30a5dfa{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-569 .elementor-element.elementor-element-30a5dfa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-569 .elementor-element.elementor-element-46506af6{text-align:justify;color:#050505;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;width:var( --container-widget-width, 59.777% );max-width:59.777%;--container-widget-width:59.777%;--container-widget-flex-grow:0;}.elementor-569 .elementor-element.elementor-element-46506af6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-569 .elementor-element.elementor-element-bb38fd2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:50px 50px;--background-transition:0.3s;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-569 .elementor-element.elementor-element-de19f7b{--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;--background-transition:0.3s;}.elementor-569 .elementor-element.elementor-element-a31f8ba .elementor-button-content-wrapper{flex-direction:row;}.elementor-569 .elementor-element.elementor-element-a31f8ba .elementor-button{font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#467FF7;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF7;border-radius:5px 5px 5px 5px;}.elementor-569 .elementor-element.elementor-element-a31f8ba{width:auto;max-width:auto;}.elementor-569 .elementor-element.elementor-element-a31f8ba.elementor-element{--align-self:flex-start;}.elementor-569 .elementor-element.elementor-element-b428a8e .elementor-button-content-wrapper{flex-direction:row;}.elementor-569 .elementor-element.elementor-element-b428a8e .elementor-button{font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:#0E1013;border-style:solid;border-width:1px 1px 1px 1px;border-color:#467FF7;border-radius:5px 5px 5px 5px;}.elementor-569 .elementor-element.elementor-element-b428a8e{width:auto;max-width:auto;}.elementor-569 .elementor-element.elementor-element-b428a8e.elementor-element{--align-self:flex-start;}.elementor-569 .elementor-element.elementor-element-e67d9bf > .elementor-widget-container{margin:2% 0% 0% 0%;padding:30px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#1C244B;}.elementor-569 .elementor-element.elementor-element-1f0eab43{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:100px 100px;--background-transition:0.3s;--margin-top:2%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-569 .elementor-element.elementor-element-7faeeb7c{text-align:center;}.elementor-569 .elementor-element.elementor-element-7faeeb7c .elementor-heading-title{color:#000000;font-family:"Roboto", Sans-serif;font-size:47px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.04 * 100% );}.elementor-569 .elementor-element.elementor-element-6c03d385:after{content:"1.04";}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__meta-data span + span:before{content:"•";}.elementor-569 .elementor-element.elementor-element-6c03d385{--item-display:flex;--read-more-alignment:1;--grid-column-gap:31px;--grid-row-gap:80px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__card{border-width:0px;padding-top:0px;padding-bottom:0px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__text{padding:0 14px;margin-top:12px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__meta-data{padding:10px 14px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__avatar{padding-right:14px;padding-left:14px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title, .elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title a{color:#111111;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;letter-spacing:0.5px;word-spacing:0.1em;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title{-webkit-text-stroke-color:#000;stroke:#000;margin-bottom:0px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__excerpt p{font-family:"Roboto", Sans-serif;font-weight:400;font-style:normal;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__read-more{color:#2C69E9;}.elementor-569 .elementor-element.elementor-element-6c03d385 a.elementor-post__read-more{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:1em;letter-spacing:0.6px;word-spacing:0em;}.elementor-569 .elementor-element.elementor-element-6c03d385 > .elementor-widget-container{padding:2% 2% 2% 2%;border-radius:5px 5px 5px 5px;}body.elementor-page-569:not(.elementor-motion-effects-element-type-background), body.elementor-page-569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-569 .elementor-element.elementor-element-c67a806 .elementor-heading-title{font-size:45px;}.elementor-569 .elementor-element.elementor-element-5561a5cf{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-569 .elementor-element.elementor-element-46506af6{font-size:14px;}.elementor-569 .elementor-element.elementor-element-bb38fd2{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-569 .elementor-element.elementor-element-1f0eab43{--gap:50px 50px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-569 .elementor-element.elementor-element-7faeeb7c .elementor-heading-title{font-size:45px;}.elementor-569 .elementor-element.elementor-element-6c03d385{--grid-row-gap:71px;}.elementor-569 .elementor-element.elementor-element-6c03d385 a.elementor-post__read-more{font-size:14px;}}@media(min-width:768px){.elementor-569 .elementor-element.elementor-element-2eb0f947{--content-width:970px;}.elementor-569 .elementor-element.elementor-element-5561a5cf{--content-width:970px;}.elementor-569 .elementor-element.elementor-element-bb38fd2{--content-width:970px;}.elementor-569 .elementor-element.elementor-element-1f0eab43{--content-width:970px;}}@media(max-width:1024px) and (min-width:768px){.elementor-569 .elementor-element.elementor-element-2eb0f947{--content-width:620px;}.elementor-569 .elementor-element.elementor-element-5561a5cf{--content-width:100%;}.elementor-569 .elementor-element.elementor-element-bb38fd2{--content-width:100%;}.elementor-569 .elementor-element.elementor-element-1f0eab43{--content-width:100%;}}@media(max-width:767px){.elementor-569 .elementor-element.elementor-element-2eb0f947{--content-width:100%;}.elementor-569 .elementor-element.elementor-element-c67a806 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-569 .elementor-element.elementor-element-5561a5cf{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 25px;}.elementor-569 .elementor-element.elementor-element-46506af6{text-align:left;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-569 .elementor-element.elementor-element-bb38fd2{--gap:25px 25px;}.elementor-569 .elementor-element.elementor-element-1f0eab43{--gap:20px 20px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:10%;--padding-left:2%;--padding-right:02%;}.elementor-569 .elementor-element.elementor-element-7faeeb7c .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.92 * 100% );}.elementor-569 .elementor-element.elementor-element-6c03d385:after{content:"0.92";}.elementor-569 .elementor-element.elementor-element-6c03d385{--grid-column-gap:30px;--grid-row-gap:30px;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title, .elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title a{font-size:18px;line-height:1.1em;}.elementor-569 .elementor-element.elementor-element-6c03d385 .elementor-post__title{margin-bottom:9px;}}/* Start custom CSS for shortcode, class: .elementor-element-30a5dfa *//* ---------- Elementor Specific Fix ---------- */

@media (max-width: 762px) {
  .elementor-element-30a5dfa {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

.elementor-569 .elementor-element.elementor-element-30a5dfa.elementor-element {
  flex-grow: 2;
}

/* ---------- Base Product Gallery ---------- */

.acf-product-gallery {
  max-width: 100%;
  margin: 20px 0;
  padding: 0 15px;
}

#main-product-image {
  text-align: center;
  margin-bottom: 15px;
}

#main-product-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
  transition: 0.3s ease;
  cursor: zoom-in;
}

.acf-modal-layout{
    display: flex;
    width: 100%;
}
.acf-thumbnails {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.acf-thumbnails img {
  width: 60px;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  padding-bottom: 3px;
}

.acf-thumbnails .active-thumbnail {
  border-bottom: 3px solid #007BFF;
}

/* ---------- Modal Styles ---------- */

.acf-modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
}

.acf-modal-content {
    padding-top: 60px;
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1000px;
  height: 80vh;
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.acf-modal-image {
  flex: 70%;
  height: auto;
  max-height: 100%;
  /*min-width: 300px;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.acf-modal-image img {
  /*max-width: 600px;*/
  width: 100%;
  height: auto;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 8px;
}

.acf-modal-info {
  flex: 1;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: top;
  gap: 15px;
}

.acf-product-title {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
}

/* Removed color styling
.acf-product-color {
  font-size: 14px;
  color: #555;
}
*/

.acf-modal-thumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  overflow-y: auto;
  max-height: 500px;
}

.acf-modal-thumbs img {
  width: 80px;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.2s ease;
}

.acf-modal-thumbs .active {
  border-color: #007BFF;
}

.acf-close-div{
    display: block;
}
.acf-close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 32px;
  color: #000;
  cursor: pointer;
  display: block;
}

/* -------- Responsive Mobile Layout -------- */
@media (max-width: 768px) {
    body {
    overflow-x: hidden;
  }
    
  .acf-modal-content,
  .acf-modal-layout {
    flex-direction: column;
    align-items: flex-start; /* Optional: aligns text/info to the left */
    gap: 20px;
  }

  .acf-modal-image,
  .acf-modal-info {
    width: 100%;
    flex: unset;
  }

  .acf-modal-image img {
    max-width: 100%;
    height: auto;
  }

  .acf-modal-thumbs {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}/* End custom CSS */