@media screen and (max-width: 879px) {
    html {
        height: auto !important;
        overflow-y: auto !important;
    }

    body.single-product {
        height: auto !important;
        overflow: visible !important;
        position: static !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
    }
}

.zoomImg {
  display: none !important;
}

.woocommerce-product-gallery {
    gap: 0px;
}

/* Prevent hover zoom effect */
.woocommerce-product-gallery__image img {
  transform: none !important;
  transition: none !important;
  width: 100% !important;
  height: 480px !important;
    object-fit: cover !important;
  display: block;
  border-radius: 25px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display:none;
}

.elementor-widget-ld_woo_product_image div.product div.woocommerce-product-gallery .flex-control-nav{
    margin-top: 10px;
}

/* Thumbnail container becomes fixed scroll box */
.woocommerce-product-gallery .flex-control-thumbs {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 10px;

padding: 0;
}

/* Prevent thumbnails from affecting layout flow */
.woocommerce-product-gallery .flex-control-thumbs li {
float: none !important;
width: 100% !important;
margin: 0 !important;
}

/* Make images consistent */
.woocommerce-product-gallery .flex-control-thumbs img {
width: 100% !important;
height: 180px !important; /* adjust if needed */
 object-fit: cover !important;
display: block !important;
border-radius: 20px;
}


.flex-control-thumbs {
  height: 200px !important;
  overflow-y: scroll !important;
}

.woocommerce div.product div.woocommerce-product-gallery .flex-control-nav li img {
    border: 0px ;
    filter: none;
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 1024px) {

  .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 300px !important;
    border-radius: 15px;
  }
  
    /* Thumbnail images */
  .woocommerce-product-gallery .flex-control-thumbs img {
    width: 100% !important;
    height: 110px !important;
    border-radius: 15px;
  }
  
  .flex-control-thumbs {
  height: 130px !important;
}

}

@media (max-width: 767px) {

  .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 250px !important;
    border-radius: 15px;
  }
  
    /* Thumbnail images */
  .woocommerce-product-gallery .flex-control-thumbs img {
    width: 100% !important;
    height: 90px !important;
    border-radius: 15px;
  }
  
  .flex-control-thumbs {
  height: 110px !important;
}

}


.cst-panel__right {overflow: hidden;}

/* Orilogy mobile performance fixes — 2026-07-23 */
@media screen and (max-width: 879px) {
    html,
    body {
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }

    .snapcontainer,
    [class*="snapcontainer"] {
        scroll-snap-align: none !important;
        scroll-snap-stop: normal !important;
    }

    .section-dark,
    .section-light,
    .cst-skin-tabs-root,
    .cst-panel,
    .cst-panel__right,
    .cst-nav__btn {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}


/* ===== MANY PROJECT IMAGE WEIGHT FIX (05 Sep 2026) =====
   Three homepage background images are stored at up to 7917px wide (4.6MB, 805KB, 511KB).
   These rules route them through the Jetpack image CDN at sensible widths.
   STOPGAP: proper fix is to re-upload each at 2048px and re-point the slider /
   Elementor container background, then delete this whole block. ===== */
a.oban-slide[style*="OG-X-HEAL-DESKTOP-BANNER"]{
  --oban-img: url("https://i0.wp.com/orilogy.com/wp-content/uploads/2026/08/2026_OG-X-HEAL-DESKTOP-BANNER-01.webp?w=2048&ssl=1") !important;
  --oban-img-m: url("https://i0.wp.com/orilogy.com/wp-content/uploads/2026/08/2026_OG-X-HEAL-MOBILE-BANNER-01.webp?w=1000&ssl=1") !important;
}
.elementor-element-fbc1ffd{
  background-image: url("https://i0.wp.com/orilogy.com/wp-content/uploads/2026/04/water-drop-moisuture-orilogy.webp?w=1600&ssl=1") !important;
}
/* ===== END MANY PROJECT IMAGE WEIGHT FIX ===== */